Uni-Cycle Mobile App
UX / UI Design
You’re about to graduate high school! Now what? Uni-Cycle will guide the user in a personalized process of the college search. Allowing for them to find their perfect college match all in one place.
Project Statement
“How might we smooth out the college process for younger high school students and allow them to find the perfect fit without reliance on others?”
Part 1: Research
Research, Personas, User Flows.
Secondary Research
I interviewed a few students not from Cincinnati and asked them: “How did you find out about UC?”
Zoe H.
Major: Industrial Design
“My college advisor suggested a few programs based on my major. She said that DAAP was the best program for ID and that co-ops are the most valuable. Also, when I toured an ID consultancy they said that all their interns were hired directly from UC.”
Kayla A.
Major: Urban Planning
“I found out about UC from family as both my parents and brother attended. I mostly found info from their website or from coaches I was being recruited by. I used Google and other websites with college rankings to find info as well.
Personas
After deciding that my demographic would be too limited with only high school personas, I decided to create a persona that is starting out the college search in their mid 20s.
Gia G.
Age: 25 | Occupation: Volunteer
Gia G. represents a bit of a different demographic. She took a gap year and is starting out the college search in her mid-20s. Gia would be using this app as a replacement to high school guidance counselors.
Ryan M.
Age: 18 | Occupation: Student
Ryan M. is a high school senior looking to pursue music. He lives in New York City. Ryan would mainly be using this app to find a good school close to home to be near his family.
Main User Flow
My primary flow follows Ryan, my persona, starting out his college search. He hasn’t quite decided on a major and uses the quiz feature of Uni-Cycle to find out the perfect one for him. He then cycles through different colleges and chooses to apply to NYU.
Part 2: Design Process
Mid-fi Wireframes, Moodboard, Style Guide,
Moodboard
My mood-board primarily reflects the exciting anticipation of going college. and draws inspiration from the bright colors found on college campuses.
Style Guide
My style guide then takes the excitement and the anxiety of going to college and blends it into one.
Part 3: Final Wireframes
Final Wireframes and Prototype
Final Wireframes
After many rounds of user testing and applying my style guide, the final wireframes of Uni-Cycle were created.