Lagom (Redesign)
Objective
Figma Link
Select an existing mobile application with a business problem and redesign that application to solve the current problems in the application. Ensure that the design screens follows a task flow.
Figma Photoshop
Tools
Prototyping Layout
UX Researcher UI/UX Designer
Skills
Five Weeks Sept – Oct 2026
Role
Time
Overview
Lagom is a macro tracking app and its main features offer various ways for users to log food and meals including scanning nutrition labels, food plates, or ingredient lists. Visual charts throughout the applications helps users track their daily intake and allow users to see clear insights on what they have consumed.
Business Problem
With many macro tracking apps on the market, finding a standout application that outcompetes all the other options out there can be difficult. The current design of Lagom lacks an exciting, intuitive, and engaging user interface, which is what prompted this redesign.
Solution
The goal of this redesign was to modernize the interface, creating an engaging experience for younger audiences while preserving intuitive, accessible navigation for older users. By optimizing the main interactions and establishing clear hierarchy, the updated design bridges the needs of diverse user groups.
Pain Points
Content Issues
In Lagom’s “Log a Meal, your way” section, four directions are promised but only three options are listed, creating immediate user distrust. Inconsistent terminology like mixing “kcal” with “calories” and repeating “today” over and over again clutters the interface. Additionally, minor grammatical errors also reduce overall reliability.
Technical Issues
Several buttons exhibit delayed responsiveness, frequently requiring multiple taps to register actions. Double-tapping the “Insights” section incorrectly redirects users to the Home page instead of top-of-page navigation.
Usability Issues
The "Nutrition Label" scan often crashes, while the "Plate" scan frequently misidentifies food items, forcing manual corrections using other more time consuming methods. The "Today's Macro" card toggles between consumed and remaining macros, but this unadvertised feature leaves users unaware of its functionality.
Visual Issues
Inconsistent font sizes across pages and the lack of visual hierarchy makes navigation difficult. Low contrast colors and flat frames without drop shadows make the overall interface feel uninviting and difficult to read.
Audience
The target audience for Lagom ranges from young teens to middle aged and older adults who are looking for an effective way to track daily nutrition intake and manage vitamin deficiencies without having to deal with overly complex steps. These individuals are conscious of their nutrition choices and are looking for an engaging, intuitive, and easy-to-use app for macro and vitamin tracking. By streamlining logging workflows and visualizing nutritional gaps, the interface empowers users to make informed dietary decisions while keeping daily interactions seamless, accessible, and motivating.
Young teens and young adults prioritize fast, low-friction interactions and visual clarity. They are driven by social trends, fitness goals, or initial steps into dietary independence, they favor quick visual logging, barcode scanning, and progress tracking. Complex manual entry or overwhelming data density quickly turn them away, making intuitive interfaces and feedback critical for engagement.
Middle-aged adults often balance busy personal and professional schedules, using nutrition tracking to optimize daily energy, manage weight, or proactively address long-term health. They require efficient meal logging workflows and structured reports that track macros without demanding excessive time. Straightforward customization and actionable health insights serve as primary drivers for these users.
Older adults typically focus on managing specific health conditions, monitoring micronutrient and vitamin deficiencies, or following dietary guidance from medical professionals. For this group, readability, high contrast typography, clear visual hierarchy, and easy navigation are essential. Clear trend visualization over time helps build trust, reassuring users that their daily choices support long-term wellness.
Research
During my competitor research, I examined the various methods supported for logging food and meals, focusing on the app's overall cleanliness and ease of use. I also analyzed the visual statistics, evaluating
how consistent, engaging, and structured the layout and content were across the interface.
Task Flow
The main task flow centers on logging a food or meal, an interaction designed to ensure fast, accurate nutritional tracking. The original flow required users to select a tracking method, manually log their meal, review the results, and add them to their daily tracker. In order to enhance accuracy and decrease friction, the redesigned task flow introduces camera based scan after method selection. Users then verify the automated scan for accuracy before reviewing the final results and updating their daily macro targets, significantly reducing manual input while maintaining precision.
Concept & Strategy
The main objective of the Lagom redesign is to make the interface more intuitive, engaging, and inviting for all users. By integrating barcode scanning and allowing for quick visual logging, the platform significantly reduces the time required for data entry. The core dashboard uses high contrast data visualization and color coding to provide immediate feedback on daily macronutrient targets without an overwhelming amount of content. To support accessibility across diverse user demographics, the user interface relies on clean typography, generous touch targets, and high contrast screens. Clear hierarchy and structured visual reports allow users to quickly digest complex nutritional trends over weekly or monthly times. Progress indicators and tailored health notifications further drive long term user engagement, creating a balanced and motivating environment that adapts to varying levels of digital literacy.
Final Screens
