SF5 By TRUVY

Design and build health and fitness platform from the ground up.

TL;DR

This project showcases my ability to lead a multidisciplinary team, address complex design challenges, and deliver a product that aligns with both user needs and business objectives.

/ The Challenge

Helping real people get real results through healthy diet and exercise.

Truvy aimed to create a holistic mobile app that seamlessly integrates the multiple lifestyle facets that lead to a healthy life. By focusing on three well known areas for a healthy lifestyle: exercise, nutrition, and supplements the SF5 app serves as a comprehensive tool for individuals looking to achieve their fitness goals.

As the lead designer and project manager, I played a dual role in shaping the user experience and overseeing the development process. Collaborating closely with cross-functional teams, including subject matter experts, developers, marketing specialists, and business stakeholders I led the design and management efforts to ensure the successful and timely delivery of SF5.

sf5architecture

A preliminary evaluation in a multifaceted approach to associate success with SF5.

/ Key Features

🥗 Nutrition Tracker

Navigating the intricacies of the nutrition tracker presented a multifaceted challenge that required meticulous coordination across various disciplines. I led the team through an insightful exploration of three distinctive approaches. Following a comprehensive evaluation, we strategically opted for the third option—macros. This decision, grounded in a careful balance of user-centric considerations and business objectives, involved integrating a licensed database. The extensive database allowed users to access a wide array of foods, track macros and micros, with visual indicators highlighting over/under intake. This approach not only met the demand for accurate data but also aligned seamlessly with Truvy’s commitment to providing a robust and user-friendly nutrition tracking system.

nutrition-home

The nutrition dashboard was key to creating not just another tool to track nutrition intake. We wanted to integrate habit changing tools and designed feedback mechanisms into the graphs to help education users.

protein-high

By highlighting foods that had the greatest impact on any given macro and offering suggested replacements we found users could reflect on their own choices and change habits.

single-item-detail

Breaking down each food item they tracked helped users see how it fit into the big picture of their nutrition habits.

qr-code-scan

Nutrition tracking can be cumbersome, in efforts to decrease user lift when tracking food we added an additional barcode scanner.

🏋️‍♀️ Customizable Workout Programs

Collaborating closely with a multidisciplinary team, I spearheaded the building of exercises and workout programs. Guided by user needs and business objectives, we leveraged an extensive exercise library of over 330 exercises. Through iterative design and feedback sessions, we crafted guided workout programs tailored to individual goals. Addressing the challenge of optimizing video content, I took the initiative to write an ffmpeg script, compressing 400+MB videos to less than 70MB without noticeable quality sacrifice. This approach resulted in a seamless, engaging, and space-efficient workout experience, aligning with Truvy’s commitment to holistic wellness.

img_3793
img_3795
img_3796
img_3794

💊 Supplements

The addition of supplement tracking and customization required orchestrating efforts across different databases and functionalities. Leading a collaborative effort, I worked with developers to seamlessly integrate product information from two databases, optimizing the display within the app. Understanding the importance of user adherence, I championed the inclusion of supplement tracking functionality, providing users with a tool to monitor and enhance their supplement intake. By streamlining the cart and checkout process, I ensured a frictionless purchasing experience directly within the app, aligning with Truvy’s objective of facilitating convenient access to their health and wellness products.

supplements-new-user
product-group
product-detail
cart

⚖️ Goals and Tracking

To address the motivational aspect of health and wellness, I led the team in designing charts and progress-tracking features. We created intuitive charts that allowed users to track their progress over time. Recognizing the value of visual representation, I championed the implementation of a feature enabling users to upload and manage progress photos. This approach not only catered to user needs by enhancing motivation but also aligned with Truvy’s business objective of fostering a supportive community and promoting the holistic journey toward a healthy lifestyle.

profile
bar-1w
line-1y
get-started

/ Outcomes

55k+

Total Downloads

25k+

New Customers

4.5⭐️

Average Review

The SF5 app successfully positioned Truvy as a leader in the health and wellness industry, providing a holistic solution for customers interested in fitness, nutrition, and high-quality supplements. The user-friendly design, seamless integration of features, and timely project delivery contributed to the app’s positive reception among Truvy’s network marketing community.

pilcj1ctqjczfoxmhk72ragy

User Reviews

⭐️⭐️⭐️⭐️⭐️

“Love the different levels of workouts for those of us who don’t live at the gym. The nutrition stuff is really great as well. Lots of good information for making better food choices and it’s easy to track my calorie intake.”

⭐️⭐️⭐️⭐️⭐️

“I’m so excited that I can get rid of the other apps that I pay to use. I absolutely love this app! I can track my workouts, food, steps, water intake, and so much more!”

Lessons Learned

Lessons Learned

To address the motivational aspect of health and wellness, I led the team in designing charts and progress-tracking features. Collaborating closely with UX/UI designers and data visualization experts, we created intuitive charts that allowed users to track their progress over time. Recognizing the value of visual representation, I championed the implementation of a feature enabling users to upload and manage progress photos. This approach not only catered to user needs by enhancing motivation but also aligned with Truvy’s business objective of fostering a supportive community and promoting the holistic journey toward a healthy lifestyle.

Lessons Learned

To address the motivational aspect of health and wellness, I led the team in designing charts and progress-tracking features. Collaborating closely with UX/UI designers and data visualization experts, we created intuitive charts that allowed users to track their progress over time. Recognizing the value of visual representation, I championed the implementation of a feature enabling users to upload and manage progress photos. This approach not only catered to user needs by enhancing motivation but also aligned with Truvy’s business objective of fostering a supportive community and promoting the holistic journey toward a healthy lifestyle.

Lessons Learned

To address the motivational aspect of health and wellness, I led the team in designing charts and progress-tracking features. Collaborating closely with UX/UI designers and data visualization experts, we created intuitive charts that allowed users to track their progress over time. Recognizing the value of visual representation, I championed the implementation of a feature enabling users to upload and manage progress photos. This approach not only catered to user needs by enhancing motivation but also aligned with Truvy’s business objective of fostering a supportive community and promoting the holistic journey toward a healthy lifestyle.

Thanks!

/ Team

Steven Minert
Product Lead, Principal Designer & Project Management

Keva Tolvo
Subject Matter Expert: Personal Trainer & Certified Nutritionist

Tayyab Tahir
Front End (React Native) Development

Hamza Muzzafar
Database & Back End Development

Redge Ballard
Full Stack Development

Seth Duffin
Junior Designer

/ My Contribution

Research
Brainstorming
Sketching
Wireframe
Style Guidelines
QA
Research
Usability Testing
Branding
Art Direction
UX/UI Design
Project Management
Front End Development
SQL Reports
Appstore Setup & Management
Playstore Setup & Management
Image Compression

/ Design Tools

Sketch
Figma
Illustrator
Photoshop

/ My Technologies

React Native
Javascript & JSON
SQL
FFMPEG
Github & Gitlab
Postman
AWS
Appstore Connect
Play Console
RevenueCat
OneSignal
pgAdmin