See how Yu Nutrition empowers individuals to transform their health in just 28 days. Through expert-designed meal plans, daily exercises, and a supportive community, we’ve created a seamless and effective approach to sustainable wellness. Here’s how we made it happen.
UX Design
UI Design
Research
Websites Design
Industry
Health & Wellness
Tools we used
Project Completion
2023
Yu Nutrition is a wellness initiative that simplifies healthy living through structured 28-day challenges. It offers a seamless online experience where users can explore fitness and nutrition plans, purchase customized programs, and track their progress. With expert guidance from Yulissa Verdugo Lagarda, the platform combines meal planning, daily exercises, and community support to create a realistic and sustainable approach to health transformation.
Industry
Health & WellnessWhat we did
User ResearchUI UX DesigningResponsive ExperiencePlatform
-Yu Nutrition struggled with delivering an engaging online experience for their 28-day weight loss and muscle-building programs, as users relied on static PDFs for resources and lacked a centralized platform to track body measurements or access past programs. The absence of an interactive user profile and integrated payment options (Stripe, PayPal, and bank transfers) limited user experience and operational efficiency. Additionally, the client needed a solution to manage program openings and closings independently.
We developed a mobile-responsive website featuring a user-friendly dashboard where users can register body measurements, track progress, access past programs, and view a program calendar with Google Meet links for workshops. Secure payment integration for Stripe, PayPal, and manual bank transfer approvals streamlined purchases. A Loom video tutorial was provided to guide the client in managing program updates, ensuring scalability and ease of use.
Yu Nutrition aimed to create a seamless and engaging platform that simplifies the journey to a healthier lifestyle. The goal was to design an intuitive website where users could easily explore nutrition and fitness plans, access personalized meal guides, and stay motivated with daily exercise routines. A user-friendly interface, clear navigation, and a smooth purchasing process were key priorities to ensure an enjoyable and hassle-free experience.
Users visit the Yu Nutrition website, explore available plans, and review included features like meal plans and exercises. They select a program, complete a seamless checkout, and gain access to their personalized wellness journey with guided resources and community support.
The Yu Nutrition logo embodies balance, wellness, and transformation. The elegant typography reflects a modern and approachable brand, while the flowing "Yu" symbolizes movement and personal growth. The soft, overlapping leaf elements represent natural nourishment and holistic well-being, aligning with the brand’s commitment to a sustainable and healthy lifestyle. The earthy color palette conveys warmth, trust, and harmony, reinforcing Yu Nutrition’s mission to guide individuals on their wellness journey.
The Yu Nutrition color palette is designed to evoke warmth, balance, and well-being. The soft neutral tones (#FAF5F2) create a clean and inviting feel, while the earthy brown (#B5735A) and warm beige (#CCA48C) reflect nourishment and natural living. The deep gray (#6D6D6D) adds contrast and sophistication, ensuring clarity and readability. Together, these colors create a harmonious and calming aesthetic that aligns with the brand’s mission of promoting a healthy and sustainable lifestyle.
The Yu Nutrition wireframe was designed for a seamless user experience, featuring a clear layout, intuitive navigation, and easy access to meal plans, exercises, and purchasing options. A structured flow ensures engagement, guiding users from exploration to enrollment effortlessly.
AskTurtle
