Apollo

Apollo is a mobile course tracking application designed for college students to stay connected to their studies.

Apollo

Role

Lead UI / UX designer

Tools Used

Figma

Length

3 Weeks

Problem

Currently, most student applications are impractical and do not offer an optimized user-friendly experience. Many applications are ineffective as the application is commonly a website ported to a mobile screen preventing the ability to utilize the device to the fullest potential, which quickly becomes a hindrance more than a reliable alternative.

Responsibilities

As the lead UI / UX designer, ensuring the bridge between having a well thought out experience coincide with a design that reflected the choices was vital during the creation of this project.

Target Users

User

"Bad design. Seems just like a mobile version of a school's website. I wish there was the ability to view grades as well."

User

"Provides too much information and makes it monotonous and confusing to find the most important information."

User

"It would be nice if we could download it into our phone calendar. It would also be nice to be able to check our fees status via the app."

Apollo image 1

Apollo is aimed to supply a streamlined experience for the user to quickly access the most valuable and relevant information.

Apollo image 2 Apollo image 3 Apollo image 4 Apollo image 5

Research

Once the goal was set, user research could begin to establish the pain points of competitive user flows. During this period, the commonalities between applications were prevalent through distracting user interfaces and lack of accessibility. When redesigning a more accessible user flow, creating the ability to easily access information in an intuitive flow was essential.

Apollo image 6

User Flow

During this process, reducing as many unessential nested pages as possible was a main priority. Designing this unified system allowed the ability to identify any limitations in the user flow much easier.

Apollo image 6

Style

The typography, colours, and icon set all follow a clean and minimal design allowing the application to be easily discernable by any user. Each style element was not only chosen solely for design, but for legibility and accessibility purposes as well.

Apollo image 7 Apollo image 8 Apollo image 9 Apollo image 10

Ideation

The next stage in the process of relieving the pain points was to brainstorm any features that would improve the overall experience of using the application. With the user personas set, additional features were carefully selected to ensure all needs were met.

Apollo image 11

Courses

A schedule of the currently enrolled classes in a daily, weekly, monthly, and full schedule view. Individual classes also contain a more detailed view housing course information and announcements made by instructors.

Grades

Displays overall marks including breakdowns of individual assignments, quizzes, and tests. Notifications are also linked between course announcements and grades.

Apollo image 12
Apollo image 13

Events

A list of upcoming events occurring on campus or online. Events can be filtered by bookmark or sorted by tag. Events can also be quickly added to the calendar.

Profile

The user profile page houses a student id card which can be used by digital scanners throughout the campus. Important reminders such as tuition payments can also be found on this page.

Apollo image 14
Apollo image 15

Challenges

During the creation of the application there were many challenges including conducting efficient user research through user interviews and user testing. To overcome these issues, peer reviews and personal experience was used as the main source of information.

Lessons Learned

Overall, this project was an excellent opportunity to grow and explore the process of designing an application that was not only practical to myself, but also to many others around the world.

Click to view full prototype

Next Project