Mobile App UI Case Study

[Client name], an early-stage startup, had a working app idea but an interface users found confusing. We redesigned the user experience in [10] weeks and handed developers a complete, documented design system.

The Challenge

Early testers dropped out during sign-up, which asked for too much information on the first screen. Inside the app, key features were hidden behind unclear icons, and many users never discovered them.

Screens had been designed one at a time by different people, so buttons, colours and spacing varied across the app. Developers were rebuilding similar components repeatedly, which slowed every release.

Our Solution

• Interviewed current and potential users to understand their goals and where they got stuck.
• Shortened onboarding to the essential steps and moved optional details to later in the journey.
• Rebuilt navigation around the [4] actions users perform most, with clear labels on every icon.
• Created a design system in Figma with typography, colours, components and usage notes.
• Built interactive prototypes and tested them with real users before handing over to developers.
• Checked colour contrast and touch target sizes to meet accessibility guidelines.

How We Worked

Key Takeaway

Good app design starts with watching real users, not with picking colours. Ask only for what you need at sign-up, label navigation clearly, and build a shared component library early. A design system speeds up development and keeps the app consistent as new features are added.