• To redesign the app and create a platform that simplifies the tracking and management of GDM.

  • Provide an extensive but a user-friendly experience, which will help reduce the stress and complexity associated with daily management of GDM, empowering users to maintain their health and wellbeing during pregnancy.

ZenZen

Pregnancy Guide

ZenZen is designed to empower individuals with Gestational Diabetes Mellitus (GDM) by offering a comprehensive digital solution for managing their condition. The app aims to simplify and enhance the daily management of GDM, making it easier for users to track and control their blood glucose levels, dietary habits, exercise routines, and overall health.

Goals

Target Audience

  • Expectant mothers with gestational diabetes mellitus (GDM).

  • Healthcare providers recommending the app for health management.

  • Family members and caregivers assisting those with GDM to manage dietary and health needs.

Roles and Responsibilities

Tools

  • Figma

  • Jira

  • Confluence

Role: UX/UI Designer

Responsibilities:

  • Analyze the existing User Flows to identify pain points.

  • Prioritize features based on user needs to enhance usability and experience, aligning with business objectives.

  • Work closely with Stakeholders, Product Owner and Technical Team to align with product goals and technical constraints.

  • Collaborate with Design team to plan and run design iteration sessions.

  • Create Wireframes and Prototypes in Figma.

  • Ensure designs met product requirements.

  • Handoff Design Elements/Assets to technical team and work closely with them to ensure smoother product delivery.

  • Create Semantic Labels that clearly communicates the purpose and function of a UI element.

Challenge

Navigating pregnancy, especially with health considerations, presents difficulties. Users find rigid meal plans hard to maintain, as deviations like missed ingredients or sudden cravings can lead to feelings of failure and lost motivation. The fixed structure of current meal planners does not accommodate the fluid realities of users' lives.

Solution

Redesign the meal planner by introducing Meal Tiles to Support Multiple Courses per Meal. We offered a flexible approach that breaks down rigid meal structures into individual components like main meal, sides, or snacks. This, not only gives the user a better visibility but also allows them to easily add, manage, and adjust their meals, providing flexibility and accurately track consumption, and maintain motivation.

The Design Process

The project's redesign was completed in 2 months using a comprehensive, user-centered design approach.

How the Idea Sprouted

ZenZen wanted to enhance user interaction of their meal planning feature.

So, myself along with my design team, started analyzing current meal planner. We found it had some basic functionalities. However, there was room for enhancements.

Pain points

After some usability tests, a few concerns were identified in the meal planning feature:

  • Inflexible meal planner: Users could only plan one course for a meal at a time.

  • Tracking carbs intake progress: It was difficult to keep an eye on carb intake throughout the day because users had to scroll so much.

  • No meal status: Users struggled to identify the current meal status (consumed/skipped), which made it harder to plan future meals.

  • Calculating carbs in a meal: If someone changed their portion size, they had to figure out the carb count themselves.

User Research

I conducted Guerrilla Research to identify aspects of the app that highlight the pain points of the users, and understand key areas of improvement. The process included a Guerrilla Survey and Guerrilla Usability Testing. Analyzing the results, helped me identify the issues (listed below) that were impacting the the overall experience.

Key findings on Redesigning

User Research was used to focus on improving Meal Planning, so users could:

  • Add multiple courses to a single meal for greater personalization.

  • Effortlessly monitor their carbs intake progress using a clear and consistent indicator.

  • Use meal data, including consumed and skipped meals, to enhance meal planning features.

  • Adjust portion sizes, completely eliminating the frustrating manual calculations for enhanced usability.

User Flow

To ensure a smooth user experience, I mapped out the User Flows for two key interactions:

  • easily adding multiple courses per meal on the Meal Planner screen.

  • simplifying the process of logging and viewing meals from the Home screen.

Design Iterations

User research highlighted a need to include multiple courses for each meal in the Meal Planning page and the Home page meal tiles. This key finding led us to focus on creating a design that makes managing multi-courses in a meal more user-friendly and accessible.

  • For greater personalization - add multiple courses to a single meal.

  • Home page

  • Effortlessly monitor their carbs intake progress using a clear and consistent indicator.

  • To enhance meal planning features - use meal data to indicate consumed and skipped meals.

  • For enhanced usability - auto calculate carbs value to adjust portion sizes.

Measuring Redesign Success

We're measuring the redesign's impact using key metrics we identified and set up with our developers. We realized some interactions weren't tracked before, so this update helps us really see how users are engaging.

Here are some of the main things we're watching:

  • Meal log completion rate: How often users successfully log their meals. This tells us about habit formation and engagement.

  • Undo meal logging frequency: How often users reverse a logged meal. This flags any usability issues.

  • Portion size adjustments: How often users change portion sizes. This helps us make smarter presets for meal planning and improve the feature.

As we gather meaningful data, we'll analyze engagement trends and user patterns to keep refining the experience. We'll also do usability testing for deeper insights into the redesign's impact.

Language & Accessibility

Language/Tone:

ZenZen focuses on using clear, precise language and a supportive tone to really improve the user experience. Our content is designed to be super user-friendly, helping people effortlessly create meal plans, track their blood glucose, monitor dietary habits, and manage their overall health.

Accessibility:

At ZenZen, we've made accessibility a core priority, ensuring our app is straightforward and usable for everyone, including those with cognitive difficulties or disabilities. This commitment translates into specific design choices:


1. Enhanced Accessibility through Semantic Labels that clearly describe all UI elements. This significantly boosts usability and understanding, especially for users who rely on screen readers.


2. Clear Visual Hierarchy: This thoughtful organization of information makes the interface broadly accessible and easy to navigate for all users.

3. Seamless content journey, arranging the content layout thoughtfully to ensure effortless navigation and a smooth experience.

Conclusion

Multi-language meal planning:

By offering the app in multiple languages, like English and German, it is made accessible to a much wider audience to follow meal plans when they are presented in their native language. This includes Ellipsis and abbreviations for the longer recipe names.

It was incredible to work so closely with the design, development, and business teams. Seeing our design ideas transform from sketches into a real, working product was super rewarding. It really hit home that good design isn't just about aesthetics; it has to genuinely help users and drive business success. That's a lesson I'm definitely taking with me into every future project.