too good to go
Too Good To Go is an app designed to combat food waste by allowing users to purchase surplus food from restaurants, cafés, and stores at reduced prices. With my experience in the industry, I still consider this project a valuable opportunity to enhance my skills. In this report, I present key challenges I faced during the redesign process and the solutions I implemented to improve the app’s usability, visual consistency, and accessibility. For further details, I can provide the user testing reports and additional documentation upon request.
role
As a UX/UI designer, I analyzed usability issues, redesigned the app’s structure, and tested prototypes to improve user experience. I ensured visual consistency, accessibility, and optimal information flow.
goals
Improve visual coherence and consistency of maps. Reduce excessive information, focusing on key elements. Eliminate repetition and inaccuracies through better organization. Enhance hierarchy and layout of main pages. Simplify access to help and documentation at all stages of use.
research
The research involved multiple usability tests to refine the Too Good To Go app’s design. Card sorting and tree testing helped restructure the information architecture by analyzing how users categorize and navigate content. Wireframe testing observed user interactions with low-fidelity prototypes, while high-fidelity A/B testing evaluated design effectiveness in real-world scenarios. These methods ensured an optimized, user-centered experience.
challenge 1
The challenge was improving the visual coherence and consistency of the map icons, which were inconsistent across different sections of the app, causing confusion.
solution
I standardized four icons for food categories (groceries, baked goods, meals, vegetarian) across key sections like the map, store card, store page, and filters. I also removed sold-out stores from the map to reduce clutter. This streamlined design improved icon recognition and usability, as confirmed by user testing.
challenge 2
The challenge was to reduce the cluttered information on the homepage, which had too many elements and caused confusion during user testing of the original Too Good To Go app.
solution
I reorganized the homepage by splitting the "When to Eat" and "What to Eat" sections, based on Card Sorting results. I also added filtering options, simplifying navigation and focusing on four key elements: What to Eat, When to Eat, Soon to be Inaccessible, and Current Order Status.
challenge 3
The challenge was to avoid information repetition and inaccuracy, as the original app showed the same store or information multiple times due to a lack of organization.
solution
I improved the organization by ensuring each restaurant appears only once in the "What to Eat" and "When to Eat" sections, where users can filter the content. This eliminated repetition and made the information more accurate and organized.
challenge 4
The challenge was to improve the hierarchy and visual organization of the main pages, making it easier for users to find important information.
solution
I gave more space to titles and sections on the homepage and other pages, using different font sizes to emphasize key information. This improved the visual hierarchy and allowed users to quickly locate important details, as confirmed by heat map analysis from user testing.
challenge 5
The challenge was to improve the accessibility of help and documentation, as users struggled to find immediate access to support during different phases of use.
solution
I placed an easily accessible help center icon on all main pages of the app, ensuring users could quickly find the assistance they needed. This solution was based on insights gathered from lo-fi testing and aimed to provide simple, clear access to help and documentation throughout the app.
conclusion
In conclusion, the redesign of the Too Good To Go app successfully addressed usability issues, creating a more intuitive and user-friendly interface. Through iterative testing and optimization of the information architecture, I simplified user paths and enhanced accessibility. These improvements aim to empower users to take action against food waste more efficiently, ultimately supporting the app’s mission to drive positive environmental change.
learned
By solving these issues, I learned how to create a more user-centered design by improving clarity, organization, and accessibility throughout the app. I gained valuable experience in iterating on feedback, optimizing information architecture, and enhancing usability through careful design choices and user testing.