Objective
The goal of this project was to redesign a government mobile application to improve usability and align it with modern mobile behaviours. By optimising navigation and updating the user interface, the redesign aimed to create a seamless and user-friendly experience for all users.
“Due to confidentiality agreements, the name of the organization, logo and few specific details about the project cannot be disclosed.”
Process
1. Understanding User Flow
The first step was analysing the existing user flow to identify pain points and opportunities for improvement. Competitor analysis helped incorporate best practices into the design, ensuring a more intuitive experience.
Sitemap
2. Adapting Web Design for Mobile
A key aspect of the project was converting the website design into a mobile-first approach. This required restructuring layouts and interactions to suit mobile behaviour, such as introducing a bottom tab navigation bar and stepper registration flow for better usability.
Designing Key Screens
The redesign included crafting user-friendly interfaces for critical flows, such as:
Home Page, Profile
Registration Flow
Service Page
Media Centre & Public Pages
By focusing on each flow, the design ensured a cohesive and engaging experience across the application.
Key Takeaways
Understanding the differences between a mobile app and a responsive mobile view highlighted the need for distinct design approaches to deliver optimal user experiences on each platform.
Conducting a thorough analysis of user flows and best practices was essential for creating an intuitive design.
Adapting a web design for mobile required careful consideration of layouts, navigation and user behaviours.
Collaboration with stakeholders and maintaining consistency with the organisations brand identity played a critical role in the project’s success.
