Mindfull
ROLE: UX/UI Designer
SCOPE: UI/UX Design, Branding, IOS App Design, Animation
TOOLS: Figma, Adobe Illustrator, Adobe After Effects
TIMELINE: August 2024 - October 2024
Overview
Awards: Graphic Design -Society of Creative Excellence
Mindfull is an app that helps you build a healthier relationship with food by encouraging mindfulness during meals, tracking emotions, and understanding eating habits. Users can upload meal photos, share emotions with emojis, discover articles, and explore recipes.
The Problem
With an overwhelming amount of information and apps related to food logging, users often struggle to maintain mindful eating habits. Most apps focus on calorie counting, which can feel impersonal and mechanical. Users also lack a social element that encourages them to share and feel connected to others in their food journey. Additionally, there’s no seamless way to track their progress or plan meals in a way that feels engaging and motivating.
The Solution
Mindfull offers a fresh approach to food logging by combining mindful eating practices with a social experience. The app allows users to easily create meal entries by uploading photos, describing their meals, and sharing the emotions behind their eating choices. This personal touch, along with the use of emojis, makes the process enjoyable and relatable. The social feed fosters a sense of community, where users can engage with others by liking, commenting, or discovering new recipes. Additionally, an interactive calendar and personalized progress tracker help users stay on top of their meal plans, making it easier to cultivate a balanced and intentional relationship with food.
Research
In 2023, mindful eating apps are on the rise as consumers prioritize wellness and personalized nutrition. Key trends show an emphasis on emotional tracking, simple meal logging, and community-driven features. Apps like YouAte cater to users focused on tracking not just what they eat but how they feel during meals, promoting mindful eating habits. Additionally, diets focusing on protein and vitamin D have gained popularity, especially among millennials, with 14% following gluten-free diets. (setforset.com)
Competitive Analysis
Mindfull integrates emotional tracking directly with meal entries, adding a personal and reflective layer that many competitors lack. The app offers a social feed for real-time engagement and inspiration from others' meal journeys. Moreover, our interactive calendar and personalized progress tracker promote long-term balance and healthy habits, differentiating us from the calorie-focused or rigid structures of other apps (Ex. YouAte, MyFitnessPal, Noom)
User Personas & Interviews
We interviewed Vivian Le, a 21-year-old UX designer, who is focusing on healthier eating habits due to her busy and demanding work schedule. As a designer with limited time, Vivian is looking for simple and efficient ways to track her meals while staying mindful of her emotional well-being. She appreciated Mindfull's ability to log meals quickly, track emotional states, and maintain balance despite her hectic lifestyle. Vivian’s feedback helped us refine the app’s usability, especially for users managing busy lives while trying to adopt healthier eating habits.
Empathy Mapping
The empathy map for Vivianprovides a comprehensive view of her experience using Mindfull, focusing on her needs and emotions as she balances her busy UX design career with healthier eating habits. It highlights her desire for simplicity, efficiency, and emotional insight in meal tracking.
Rough Sketches
In the sketching process, we focused on addressing the most significant pain points uncovered in our research. We prioritized these features to ensure Mindfull effectively meets user needs, fosters mindful eating habits, and supports a healthier relationship with food. By centering on these core functionalities, we aim to create a seamless and rewarding experience that empowers users to consistently track their emotions, understand their eating habits, and embrace mindful eating practices
Logo Design
The core concept centered around the letter "M," incorporating elements that represent nourishment and community. I aimed to design a logo mark where a fork and spoon form a heart shape, symbolizing love for food and connection with others. This idea emphasizes the app's focus on emotional engagement and fostering a supportive community around healthy eating.
Branding
The branding for Mindfull is designed to be light-hearted and inviting, reflecting the app's focus on fostering a positive relationship with food and community. The use of vibrant colors creates an energetic and uplifting atmosphere, encouraging users to engage with the app in a joyful way. This cheerful palette not only enhances the user experience but also aligns with the app’s mission of promoting mindful eating.
Flow Chart
Mindfull flow chart outlines the user journey, starting with the login/sign-up process. Users then navigate to the home screen with the “Explore” feed to view community posts. They can access the “My Meals” section to review or create new meal entries, use the interactive calendar for scheduling, and track progress via personalized stats. Engagement features like saving recipes and interacting with posts round out the experience.
High-Fidelity Wireframes
The high-fidelity prototype for Mindfull translates initial design concepts into a detailed, interactive version that closely resembles the final product. This stage involves refining visual elements, such as typography, color schemes, and layout, to ensure consistency with the overall branding. High-fidelity prototypes allow for realistic user interactions, enabling stakeholders to experience the app's functionality and flow.