Collegefit
UIUX

Find your success in both academics and health!

Collegefit is a mobile application for college students who are overwhelmed with their school work and have difficulty setting aside time for exercise. This project began with an idea of creating a service reflecting a social cause for targeted audience. As a college student myself, I was inspired to design an application that helps busy students balance academics and physical health. 

Problem Solving: More than 80 percent of young adults do not participate in enough physical activities. This project was to create a service that would help solve the problem of inactivity of young adults, often times college students. I decided to design an application for college students who are always busy at their desks with academic works, and do not get time set aside for themselves. The project ultimately came down to finding a solution to to emerge the two aspects: college and exercise; the app promotes a balance between academics and exercise.

Adobe Illustrator ⦁ Adobe Photoshop

2017

 
collegefit_mockup.jpg
 
 
userflow.JPG

User Flow

User begins by syncing their schools that are pre-registered on this application. They login with their school IDs and sync their academic schedule. By making this the landing page, the users can immediately start organizing their academic schedule around their school classes.

Most of the pages are interconnected, which allows users to go from one place to another easier and faster. Because this application serves to intertwine the academics and exercise, this flow helps the users customize their plans interchangeably.       

Wireframe Sketches

After organizing the userflow, I sketched the layout design for each page. I focused on making a clean and concise interface for students to easily navigate the application. 

collegefit_mockup2.jpg

Low-Fidelity Mockup

After organizing the userflow, I sketched the layout design for each page. I focused on making a clean and concise interface for students to easily navigate the application. Then I digitalized the sketches to convert them into pixels,  and to make sure the design looks compatible on a small screen. Here, I began to add more details to fully demonstrate the different functions of the application.    

collegefit_documentation_collegefit_behance copy.png

High-Fidelity Mockup

The Set Up menu has three categories: Academic Schedule, Gym Classes, and Personal Exercise. Users can customize their daily schedules with academic classes, homework, gym classes that their schools offer, and their own exercise workouts. 


After their schedules are set, users can get notifications for their classes, check their exercise progress, and connect with their friends by messaging and inviting them to workout sessions.


Screen Shot 2018-03-20 at 11.53.17 PM.png