Digital app design for a state in Malaysia
Mobile app for a state in Malaysia Perlis
Overview
Perlis Digital's SATU smart app is a digital solution developed exclusively for Perlis, Malaysia. The app serves as a comprehensive digital hub catering to the diverse payment needs of the state's residents. Built upon four pivotal pillars – digital government, digital community, digital economy, and digital tourism – the SATU app seamlessly integrates APIs to create a unified user interface. Designed as a super app, SATU offers a plethora of essential services presented as mini-apps to provide convenience to users.
Keywords
Product Design, Super App, Design System, Market Research, User Research, User Flow, Wire-framing, User Experience, Visual Design, Prototyping, Interaction Design User Testing
Current Status
The high fidelity design phase is complete, and the app is currently in the active development stage.
Design Tools
Figma
Live Site
Non Available Yet.
Challenges
1. User Technical Proficiency: Adapting to the varying levels of user technical proficiency presents a significant challenge in ensuring an inclusive and user-friendly experience.
2. API Integration: The super app framework necessitates seamless API integration from diverse government and non-government sources across various mini-apps.
3. Future Expansion: The design must be flexible enough to accommodate future feature additions and integration of new mini-apps.
Solutions
1. Simplified User Experience: By prioritizing a user-centric approach, the design aims to create an intuitive interface that caters to users of all technical backgrounds.
2. Standardised Interfaces: Uniform interface design principles are applied to all mini-apps, streamlining categorisation and organisation of services and APIs.
3. Robust Design System: A comprehensive design system is established to facilitate the seamless integration of new features while maintaining visual consistency.
Research
User Research
Leveraging insights from the client's user research analysis, the design process focuses on addressing user requirements and challenges identified during the analysis. Clients research has also shown that many users are concerned about their wallet balance always being visible on the apps home screen.
Market Research
A thorough competitive analysis was conducted to evaluate analogous state apps and super apps in Malaysia. The examination yielded valuable insights into successful design elements, wallet flows, and navigation strategies.
design solutions and ideas for inspiration from compitition
Design Process
Following comprehensive user and market research, user flows and wireframes weremeticulously crafted. These visualizations depicted the step-by-step user journey and provided a skeletal framework of the app's layout, accommodating a diverse range of user needs and technical capabilities.
Wireframing Profile & settings
Low fidelity prototype of mobile top up flow
Visual Design and Prototyping
Transcending wireframes, the visual design phase harmoniously integrated brand elements, color schemes, typography, and iconography into a high-fidelity Prototype. Focusing on both aesthetic appeal and user-friendliness, the design aimed to create a seamless interface. The use of Figma allowed for the development of interactive prototypes, facilitating user interaction testing to validate and refine the user flows. High fidelity prototype of mobile top up flow
Final High fidelity Prototype
User Testing
Stakeholder testing played a pivotal role in refining the SATU app's design. Their feedback and insights guided iterative adjustments to ensure a user-centric and accessible design. Currently, a diverse group of users, representing varying technical backgrounds, are interacting with the interactive prototypes for user testing.
Design Evolution (Even the logo evolved during the design process )
Future Expansion and Design System
Anticipating future growth, a comprehensive design system was established. This system encompassed standardized UI components, guidelines for visual consistency, and best practices for accommodating new features, ensuring the app remains adaptable and user-focused.
Design System setup
Conclusion
In conclusion, the Perlis Digital SATU Super App's design journey encompassed extensive research, iterative design, and user testing. Addressing challenges such as user diversity and API integration, the design team created a versatile and user-friendly super app. As development progresses, the high fidelity design will be tested by users, poised to serve as an essential digital hub for Perlis residents, continuously evolving based on user feedback and emerging trends.