Berk Yiğit Demirel

A calm, intuitive mobile solution designed to turn health and nutrition tracking from an overwhelming chore into a seamless companion.

Role: UI/UX Designer
Tools: Figma, Miro, Sketching
Duration: 1 Week
Focus: Visual Architecture, Accessibility Engineering, Behavioral Wellness

Overview

NutriMind is a mobile health and nutrition application designed to help users manage their dietary habits, build sustainable routines, and find mental balance effortlessly. Moving away from typical high-stress tracker templates, the project focuses on a “wellness-first” philosophy, providing a clear, noise-free interface that adapts to the user’s daily life. By optimizing information layout and tracking mechanisms, the app transforms macro data into stress-free milestones.

The platform is built to:

• ⚡ Enable fast discovery through systematic information layout and clear typography scales.
• 🎯 Give users control with intuitive, modular tracking options across key functional screens.
• 🛡️ Minimize effort by removing dense charts, complex math, and aggressive alert systems.

Target Audience & Persona

Selin (32, Interior Architect & Master’s Graduate)

Selin represents the busy, high-achieving professional archetype—someone who needs to optimize her health without turning nutrition into a second job.

• Persona Traits: Selin values aesthetic harmony, holds high standards for design polish, and is intensely tech-adapted but highly sensitive to cognitive clutter.
• The Conflict: Her career demands immense mental energy, leaving her feeling disorganized or pressured when apps use cold calculations or strict notification tones. She needs an intuitive, guilt-free system.
• Key Motivation: Establishing long-term, positive micro-habits and protecting her mental space while effortlessly managing her nutritional requirements.

Project Goals

• Visual Simplicity: Engineering a systematic, accessible color palette and a clear typography hierarchy to avoid user data overload.
• User-Centric Flow: Designing an optimal layout across the core tracking milestones—Home, Plan, Discover, and Progress.
• Frictionless Trust: Replacing cold data charts and pressuring notification styles with smooth, welcoming components that encourage small wins.

The UX Process: Bridging Brief to Design

1. Visual Foundations & Color Engineering

• Accessibility-First Adjustments: Audited the initial asset ecosystem for contrast compliance. Developed a geometric color system of tints and shades incremented by ±10% to introduce functional interface depth.
• Palette Expansion: Executed a precise hue-shifting technique to generate three harmonious accent colors while locking saturation and brightness values constant.
• Typographic Hierarchy: Implemented the Manrope font family across four engineered scales—Title, Subtitle, Base, and Small—guaranteeing rapid content scannability.

2. Wireframes: Strategic Architecture

• Low-Fidelity Blueprinting: Stripped away all brand assets to construct pure black-and-white layouts focused exclusively on structural navigation.
• Layout Optimization: Refined cell and card modules to ensure critical wellness metrics appear clearly to the user within seconds.

3. User Flow & Core App Components

• Minimum Effort Transitions: Designed a frictionless path driving the user cleanly between the core view states.
• UI Component Library: Built a highly polished system of atomic UI assets—including modular tab bars, system status indicator blocks, and distinct action buttons to keep the design language uniform across all screens.

4. High-Fidelity UI Execution

• Applied the finalized component libraries and contrast-engineered palettes onto the structural wireframes. The resulting interface achieves a clean balance of elegant minimalism and motivating behavioral feedback loops.

Reflection

This project underscored the value of combining strict design engineering with deep user empathy. By optimizing color systems for accessibility and designing around a persona’s pain points rather than generic industry patterns, I learned that tracking applications can be both powerful data utilities and calming lifestyle companions.