Mina Phones

Designing a mobile app for seamless online shopping of smartphones, focusing on user-friendly navigation, intuitive product browsing, and a smooth checkout experience.

Project Brief and Task Flow

To approach this project, I started by familiarizing myself with the provided persona. This helped me focus on designing for a real user rather than assumptions, keeping the experience clear, simple, and easy to navigate.
I then outlined the task flow, mapping the steps from the homepage to the purchase confirmation. Even though the journey was straightforward, defining it was important, it gave me a clear view of the user’s path and helped ensure each step felt connected and intuitive. With the flow established, I moved on to wireframing, translating the task steps into basic screen layouts to explore structure, hierarchy, and usability before adding visual details.

Wireframes

For wireframing, I used Figma to create layouts specifically for mobile devices. This allowed me to focus on screen structure and the placement of key elements without worrying about colors or visuals yet. I tested the wireframes on an actual phone using Figma Mirror, which helped me notice that some buttons were slightly too small for comfortable thumb interaction. Adjusting their size was a small but valuable improvement that made the app easier to use.

Mockups

After refining the wireframes, I moved on to creating mid-fidelity mockups. In this stage, I updated the typography and selected a color palette to establish the visual hierarchy and overall aesthetic. This allowed me to evaluate how the app would look and feel for the target audience, ensuring that readability, contrast, and visual consistency supported a clear and approachable user experience.

High Fidelity

Once the visual style was established, I created the high-fidelity prototype. At this stage, I added detailed elements such as images, menu layouts, and the bottom navigation bar to bring the interface closer to a real app. I also made the screens interactive and included a subtle animation on the purchase confirmation page to provide feedback and make the experience feel more engaging and complete.

Interactive Prototype

In this project I designed the mobile app end-to-end, handling UX research, UI design, and usability testing to deliver a smooth, user-friendly experience for the target persona.

Next project