Slice 1.png
 
 
 
 

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

interview approach.png
interview example.png
Key results.png
theme.png
hmw1.png
hmw2.png
hmw3.png

IDEATION

Problems.png

Brainstorming 🧠

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

p1.png
p2.png
p3.png
SCAMPER.png

Solution 💡

main idea.png

Storyboarding

story.png

DESIGN & ITERATIONS

Design System

Design sys.png

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.

tutorial.png
map.png
room.png
invite friend.png
group call.png
session.png
events.png
primary.png
buttons.png

PROTOTYPE

Demo Video

MORE PROJECTS

Personalized wellbeing reminder app designed for Working From Home. | Passion group project

shadow.png
shadow.png
iPhone X Flying 2.png
iPhone X Flying 1.png

RemindMe

Google Library

An AR-supported app designed for accessible library reservations. | Google design exercise

shadow.png
main.png

Google AR Internship

Researched, designed, and prototyped AR experiences for immersive wearable products.

google ar.png