Role
UI Designer
Scope
UI Revamp
Team
Design, BA, PO
Year
2022 - 2023
Redesigned the 5DE app to modernize the UI, improve usability and accessibility, and align the mobile experience with market standards. A product built for Vietnam’s rural users via the national post network.
The vision behind the product
Standardize the mobile experience to meet market benchmarks
Develop and enhance the 5DE app based on modern UI/UX standards, ensuring usability and consistency across all product lines.
Build a scalable and reusable mobile foundation
Design a core platform that can be adapted and expanded to support various business needs, reducing redundant development efforts across different teams.
What are we trying to achieve here?
Modernize the visual interface
Refresh outdated UI with a clean, modern aesthetic that reflects current design standards and improves overall brand perception.
Improve usability and accessibility
Simplify layout and navigation to make the app more intuitive and approachable for all sales reps.
Unify cross-product experience
Build consistent UI and logic across product lines (e.g. lending, insurance, retail) to reduce confusion and improve efficiency.
What needs to change?
Outdated and fragmented UI
The original interface lacked visual consistency and clarity, making it hard for users—especially salespeople on the go—to navigate and complete their tasks efficiently.
Disconnected experience across product offerings
Different business modules felt like separate tools, lacking a unified flow and interaction pattern, which created confusion and hindered adoption.
The journey of making
This iterative process helped the team define the right features, design intuitive interfaces, and deliver value efficiently. Each stage informed the next, with continuous review loops to ensure quality and alignment with user needs.
From plan to release
Expected timeline of feature rollout across 3 key phases aligned with business goals and tech readiness.
Establishing the visual direction
To shape the visual language of the product, I curated a moodboard of references that reflect a modern, clean, and accessible UI style. These visuals helped define the design direction—centered on simplicity, clarity, and trust—ensuring a consistent and user-friendly experience across the app.
From flow to frame
After receiving the core user flows from the BA, I analyzed, clarified and designed wireframes to map out functionality, screen relationships, and content placement, aligning design direction with user intent.
Finding the right first look
I tested 3 homepage options to find the one that helped users spot important features faster and feel more in control from the first tap.
Redesigned for clarity and efficiency
With outdated visuals and scattered flows, the old UI often overwhelmed users. The redesign focused on clarity, hierarchy, and accessibility—making the app feel more modern, easier to use. A complete set of high-fidelity screens, designed based on the key user tasks and feature priorities.
eKYC Flow – Seamless identity verification
To unlock advanced features in 5DE, users need to verify their identity. I designed a guided 4-step process to help users complete eKYC with ease—from capturing ID images to facial recognition. This is one of the core features of the 5DE application, prioritized for development and fully redesigned.
Better way to manage your updates
Users can now filter unread messages and mark notifications in bulk. This improves readability and puts users in control of what they see.
Learnings & reflection
I learned that designing new features isn't just about visuals, but also about managing scalable component systems. This helped me shift from thinking screen-by-screen to designing more structurally.
Due to missing steps in the early user flow, I often had to go back and adjust small details. It was a good reminder of how important early planning is to ensure consistent UI later.
Most of my collaboration was with the PO and BA, not directly with developers. This sometimes led to unclear flows or misaligned expectations. It showed me the need for better cross-team alignment early on.