This was my second capstone project as a part-time UI/UX Design student with Springboard. I helped a fictional company design a subscription dashboard and tracker mobile app. The fictional company had already provided their business goals, user research findings, identified their competitors and target audience, and established their brand personality. In this project, I designed a mobile app for the iPhone 13 that allowed users to track their subscriptions and subscription fees, and helped them improve their financial budgets.

Heuristics, branding, information architecture, userflows, mockups, usability testing

On the first day of this project, I created a research plan to finish my project in 90 hours spread across 19 days. In the plan, I defined the types of research I would be conducting to gain more knowledge about designing a mobile subscription dashboard and tracker app, and setting a timeframe to create my information architecture, wireframes, mockups, usability testing, and iterations.

As soon as I established the product’s brand and style guide, I moved to choosing three heuristics that would help me identify UI elements that ensure the users’ security, knowledge, and understanding for the product.
‍
The three main heuristics I focused on for this project were:

1. Help and documentation
2. Flexibility and efficiency of use
3. User control and freedom

Soon after I gained knowledge about the common UI elements used by the competitors, I started creating userflows based on the company’s business goals to allow users to compile all of their subscriptions into one place.

As I implemented the information architecture I created into my wireframes, I interviewed four participants to test my wireframes and see if they were capable of creating an account and adding a subscription to the dashboard. Below were some of my major findings from the usability testing.

Once I finished designing my mockups and assembled my prototype, I interviewed three participants to test my high fidelity design. This time, I made sure that the users were still capable of creating an account and were able to add a subscription to the dashboard with ease. In addition, I paid close attention to the adjustments made in the dashboard and subscription pages based on the feedback from my low fidelity usability testing. Some of my major findings were:

This second capstone project was unique compared to the other projects I encountered through Springboard because the project provided me with user research, brand personality, and a target audience. In this situation, I needed to take the fictional company’s information and relate it to a mobile app design that best fits the company’s idea and goals. This time around, I took advantage of UI kits by putting different kits together in order to form Traq’s design. I learned the value of usability testing and how it was a crucial element to help adjust UI elements to improve the overall user experience, and also took in feedback from participants in order to help establish future goals for the product.

In addition to the mobile prototype I designed, I also dove into designing a few high fidelity frames for the apple watch! Here you can see a mockup I designed for the dashboard, subscriptions, and unsubscribing screens.