What is Nuyu?
Nuyu is a responsive web app that aims to keep busy office employees fit and healthy without the need to join a gym or buy expensive weights. It is designed to motivate and challenge users that have limited free time and busy schedules.
Project
Conceptual project
Context
A brief was provided by Career Foundry and the research phase was conducted prior to my involvement.
My role & Timeline
I was the sole designer on the project through June to August (8 weeks total).
Tools
Figma
The Problem
Finding an exercise routine that suits a constantly fluctuating schedule can be difficult. Gyms are crowded, take time to travel to and from and buying weights or gym equipment for home use can be incredibly expensive.
People need a way to be motivated and find enjoyment in casual exercise rather than it seeming a chore. They also need a way to exercise without the need for a gym or weights.
The Solution
A responsive web app that aims to motivate people to exercise by providing short, simple personalised workouts that can be incorporated into any busy schedule, also with the feature of daily challenges that drives users to stay focused.
Target Audience
Using research findings that were provided in the brief, the following proto-persona and user-stories were created. These both guided the design process, ensuring that particular features were included allowing them to fulfil their goals and needs.
Proto-persona
User Stories
As a new user, I want to learn about different exercises, so that I can figure out what is best for me.
As a new user, I want to be shown how the exercises are done, so that I know I’m doing them correctly.
As a frequent user, I want to complete daily challenges, so that I can have an additional way to stay motivated.
As a frequent user, I want to track progression and record what I’ve done, so that I can see my progress over time.
As a frequent user, I want to be able to share routines with my friends who may also be interested, so that I can encourage them to become healthier.
User Flows
With the user stories as a guide I made user flows for the different types of tasks that would need to be carried out on the app to fulfil the user requirements.
Low & Mid Fidelity Wireframes
In the first stage of the ideation process I began to sketch out some rough wireframes with pen and pencil to get a rough idea of the screen layouts.
After I was happy with the basic layout I brought them up to mid fidelity using Figma. At this stage I wasn't concerned about the perfect visual design, I just needed to see that the structure worked in fulfilling the task flows.
Landing Page
Sign up / Login
Onboarding screens
Home Screen
Profile
Exercise Scheduling Task Flow
Inspiration / Mood Board
I created a several mood boards to explore optional art directions before finalising on the one presented beneath.
The fonts and colour palette were chosen as they convey calmness and playful mood. Imagery was selected that didn’t display perfect muscular physiques as this could repel the target audience.
High Fidelity Wireframes
A brief round of user testing with 3 peers that exercise was conducted to iron out any issues in the task flows before I finalised the wireframes and brought them up to high fidelity.
At this stage I was focusing on the use of the colour palette, photography, typography, iconography, spacing and proximity.
Onboarding
Nuyu requires users to enter their current exercise frequency and certain health-related details during the onboarding so that workouts routines are tailored to their needs from the beginning.
Exercises
Nuyu is filled with exercises and workout challenges that suit all fitness levels and time constraints.
Users can add certain exercises to their favourites list, customise their workout and sort and filter results to find exercises that fit their exact needs.
Scheduling and Inviting Friends
Users are also able to pick exercises and schedule them into their calendar, being notified later when the time comes. They can also invite friends to participate in their fitness journey by challenging them to workouts they’ve completed themselves.
Nuyu Style Guide
I created a style guide to help me stick to a consistent style through future design iterations and aid in Nuyu’s branding.
Responsive Design
Nuyu is a responsive web app as it is aimed at people that will use it in many scenarios.
I started with a mobile first approach as it was targeted at busy people on the go, then adapted the design for different responsive break points such as desktop and tablet beneath.
Nuyu Prototype
Moving Forward
- As Nuyu is a responsive web app I will be further exploring the different breakpoints with a tablet and desktop prototype. This way I can explore more of the UI design such as button hovering states and help build a full rounded Nuyu that can reach the audience from all angles.
- I will also conduct usability testing to make sure the desktop and tablet prototypes run smoothly and users can navigate the app seemlessly on all devices.
- I will also look into conducting some user research to find out what new gamification features could be added to the Nuyu to add more depth to the app and help it rival leading exercises apps.