UI Designer, UX Designer
Figma, Miro, Photoshop, Illustrator
Wireframing, Prototyping, Affinity Mapping, User Flows, User Personas
A company has a product that keeps track of all of your subscription fees on websites, apps, services, etc. over the years. This company has only launched a desktop-only website that is not mobile-friendly and now needs to create a mobile version of its product that can be used by a broader audience. Right now the company only benefits from desktop users but they know that adding a mobile-friendly version of their product will significantly increase their market reach (with more than half of potential users on mobile devices). This will ultimately result in more users and more business.
It’s hard to keep track of all the products and services that we subscribe to each month. All we see is money deducted from our accounts for services that we might not even need or want anymore.
I began with a road map to make sure I would stay of track. I started with a competitive analysis to gain a broader understanding of current apps. Then I conducted user interviews to discover what users really want.
I identified potential users to chat with and discover what features they would want and identify their pain points in their current subscription management method.
“Sometimes I forget to cancel a subscription and ended up getting charged more than I want to”
Based upon my findings I developed an example user to design for.
How are users going to complete the tasks? I identified the main MVP routes and started building the app up from there.
Then took the flow chart and translated these red routes into wireframes
I selected the color palettes and button styles to have both a friendly feeling while reminding the user the app is geared toward finances and due bills. All the buttons and icons are rounded and everything is designed on a soft gray or white background. The accent color, red, is used sparingly to remind the user when bills are overdue.
After making the suggested changes, the second round of usability testing solidified the ease of use throughout the website. Users felt like they could quickly and easily move throughout the website. There weren’t any surprises or unknown functions. Spacing, aligning and sizing was addressed through and formatted to maintain consistency. Many users did express wanting to see more collaboration, they wanted to feel more confident with selecting the recipes and making plans with friends on the same plan.