Design Process
This project started with the research process, where the challenges of the usability of the Foodpanda mobile app were explored. Surveys, interviews, heuristic evaluation, and competitive analysis were conducted to gauge and identify the pain points expressed when browsing, viewing information, and the checkout process.
​
A human-centered approach compromising five core, non-linear stages called Design Thinking was used during the project. Using the Empatise, Define and Ideate stages, research findings were translated into effective UI enhancements that supports clear navigation, improved information visibility, and a more seamless ordering flow. Through the Prototype and Testing stages, this project transforms usability friction into smoother and more confident user journeys.
Research Methods
To start off, a mixed-method research approach was applied in order to understand user behaviours and their pain points with the usability of the Foodpanda app. Surveys and interviews were conducted to provide qualitative insight into the users' journeys while heuristic evaluation and competitor analysis revealed usability gaps in the platform's structure.
Key Insights
Research revealed repeated friction during food discovery and ordering. Users had found it difficult to navigate complex menus, locate relevant categories, and track delivery progress across disconnected screens.
​
Inconsistent iconography and unclear pricing during checkout also introduced uncertainty, lowering users confidence at the point of purchase. These findings shifted the redesign focus toward clearer navigation, better flow continuity, and reduced cognitive load.
Ideations
Once the key insights were established, the ideation phase explored strategies to reduce complex navigation and improve information hierarchy. The early concepts focused on restructuring the homepage layout, repositioning and strengthening filters for better discoverability, and simplifying order and delivery tracking mechanisms.
Through collaborative brainstorming and concept evaluation, our team had identified opportunities to improve flow continuity without adding new features, instead focusing on refining clarity within familiar interaction patterns and the structure of the platform.
Wireframes & Prototyping
To bring the early conceptual ideas into a tangible form, low fidelity wireframes were developed. These wireframes focused on improving layout clarity, simplifying navigation paths, and organising information consistently across key screens such as the homepage, promotional page, ordering food, the users personal account, and the delivery tracker.
​
At this stage, the team was given the opportunity to test structural decisions early, making it easier to iterate quickly before committing to high-fidelity visual designs.
Visual Design
With the wireframe structure validated, we move on to the visual design phase where it focused on refining typography, colour theories, and component styling to reinforce hierarchy and strengthen the brand alignment. The design emphasised clearer visual grouping, stronger affordances, and consistent patterns across screens.
​
The results of the high-fidelity prototype creates a cohesive experience that maintains Foodpanda's playful brand personality while improving clarity, interaction cues, and readability.
Testing & Iterations
Usability testing sessions were carried out with representative users completing everyday oredering tasks to evaluate the redesigned interface. A think-aloud approach captured real-time bahavioural feedback. revealing where clarity had improved and where minor refinements could still be made.
​
Through research, iterative prototyping, and testing, the project shows how structured UX methods can reshape friction points into clear and more efficient user experiences.
