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.

Final Video Prototype

Final Mockups

Previous
Previous

Clay County - Legends Hall

Next
Next

Brave Like Me - Mobile Pet Reunion Center