Cross Campus

BACKGROUND

With COVID-19 and the virtualness of 2020, students feel even more distant from their college community that regularly serves as their support system; finding it difficult to maintain relationships and engage in real human interactions. We’re here to help.

Cross Campus is an iOS app that provides a virtual community environment for students to connect and engage in college experiences. Students can visit other’s dorm rooms, grab a table with friends in the dining hall, relax in the oasis, or really, do anything that’s possible on a regular campus. It’s the new campus home away from home, and we hope to see everyone there! 🎉

TIMELINE

3 months, fall 2020

ROLE

Product design, UI/UX design

PROJECT TYPE

Course project

TEAM

Kyra (UI/UX design, graphic design)

Sammy (UI/UX design, iOS developer)

FINAL PROTOTYPE

Grab a table with friends & join the trivia night

Check out wellness resources, zen room, and yoga session

Customize wall color & open dorm door for visits

RESEARCH

IDEATION

Brainstorming 🧠

With my group, we used Affinity Mapping & S.C.A.M.P.E.R brainstorming techniques to generate ideas.

Solution 💡

Storyboarding

DESIGN & ITERATIONS

Design System

We chose the accent color to be yellow and blue, as yellow implies energy and sunshine, while blue is calming and stress relieving. We hope to incorporate positivity in our app so that all the colors we use are bright and cheerful. On the right side, we have our components and buttons that are consistent and standardized in the app. The typography is based on Manrope for simplicity and elegance.

Iterations

After completing the first design prototype for our app, we presented it to the whole class and received lots of valuable feedback from our classmates. Based on the 10+ user testings and the in-class feedback form we received, we continued to iterate on our designs. Here are some of the comparisons of screens before and after.