Introduction to ZephySync
ZephySync is a comprehensive fitness app designed to help users monitor their daily fitness activities and achieve their health goals. By providing detailed tracking, personalized workout programs, and community challenges, ZephySync empowers users to elevate their fitness routines and enhance their overall vitality.
Product Manager, UX Researcher, UX Content Creator, Mobile Developer, Data Analyst, Quality Assurance
Figma, Jira, Zeplin, ProtoPie, and Google Analytics
Lead Product Designer
Defining the Problem
Many people struggle to maintain consistent fitness routines and accurately track health metrics. They need a comprehensive solution that tracks workouts while providing personalized insights and motivation.
Project goals:
Develop an intuitive and engaging fitness app.
Provide comprehensive tracking of activities and health data
Offer personalized workout programs and challenges
Enable progress monitoring and achievement celebration
Design Process
User Research and Insights
User research was conducted with a total of 178 users through online surveys and interviews to gather insights into their fitness app needs and preferences. Key findings included:
70% of users prefer integrated health metrics tracking
60% expressed interest in community challenges for motivation
Users want seamless onboarding, progress tracking over time, personalized workout programs, and integration with music/social sharing
Based on these insights, two primary user personas were created:
Fitness Enthusiast
Abuja, 28 years old
Busy Professional
Lagos, 34 years old
Goals:
Maintain fitness, monitor health
Needs:
Quick workouts, seamless tracking, community challenges
The customer journey was then mapped across phases like onboarding, home screen, tracking metrics, workout programs, and progress tracking. This helped identify potential pain points and areas for improvement, such as:
Lengthy onboarding process leading to high drop-off rates
Confusion over interpreting certain health metrics
Overwhelming number of options on the home screen
Lack of personalization in workout programs
Inaccurate or missing data for progress tracking
By consolidating user research findings, personas, and journey mapping, the team gained a comprehensive understanding of user needs, motivations, and potential roadblocks, informing the design and development process.
Sketches and Wireframes
The flagship of the HealthSync+ brand ecosystem is the iOS app that carries the majority of its business value. In mobile app development, we approached the design from the perspective of problem-solving and not just artistic expression. This required a deep analysis of the market, legal and social expectations, and a fitness tracking and management system.
Initial sketches focused on a user-friendly interface, ensuring clear navigation and intuitive design elements. Key features such as health metrics, workout programs, and activity tracking were prioritized in the design. Wireframes were developed to refine the layout and structure of the app. Each screen was designed to provide a seamless user experience, with a focus on easy access to key features and information. UI designs incorporated vibrant colors and dynamic visuals to engage users. The design aimed to be both aesthetically pleasing and functional, enhancing the overall user experience.
Usability Testing
Usability testing with a diverse group of participants assessed navigation, clarity of health metrics, usefulness of workout programs, and identified areas for improvement.
Key Findings
Navigation was intuitive with clear labels and design
Health metrics needed clearer explanations for some terms
Users appreciated the workout program variety but requested more personalization
Community challenges were highly motivating and engaging
Iterations and Improvements
An iterative development approach allowed continuous improvements based on user feedback:
Simplified onboarding process
Added tooltips and visuals to clarify health metrics
Implemented a recommendation engine for personalized workout programs
Optimized performance for real-time activity tracking
Next Steps
Further streamline onboarding
Enhance health metrics explanations and visuals
Increase workout program personalization
Expand community features and challenges
Implement regular user feedback loops
By focusing on these areas and continuously iterating, FitSync aims to refine the app and ensure it meets users' evolving needs, helping them achieve their fitness goals effectively.