Project review

Background

runto1 is a lifestyle and fitness application that builds a smart and dynamic training program according to the goal that is defined in advance and in relation to the injuries that already exist in the body and in relation to future injuries that can develop in the right way to the goal and warns exercisers about injuries in the body through tracking, learning cooperation, all while traveling through the fascinating body systems and reaching the goal healthy

problem space

Trainees and trainers plan training in an outdated way that does not suit their needs and does not provide a good answer that also takes into account their health. Because of this, training for many trainees is a task they just want to finish, the concept of injury persistence has a negative image in their eyes, and this needs to be changed. A new and advanced way of planning a smart and healthy training routine must be implemented in today's system.

Initial design challenge

How can we help exercisers find a workout routine?
Raise your fitness level in a healthy way?

SOLUTION OVERVIEW

Introducing runto1

Empathize
Define
Prototype
Brand ‍
ideas
Research Empathy Mapping
personality
The user journey
User stories
task flow, drawing
Wireframes
Visual design
Usability testing
Application feedback

ANALYZE

Adding an injury case

The technology provides an in-depth look at your body and shows the impact of your training routine in real time. With the fitness health score, tracking injury data and goal-oriented features, users can easily achieve the goal in a healthier way.

PERSONALIZE

Personalized training recommendations

AI-based algorithms provide personalized training and eating plan suggestions based on users' injury analysis results, overall health score, and data from their diary entries and photos.

simplify

Simple Analysis

Users can gain clarity and confidence in their injury treatment choices by processing their image analysis. Our technology simplifies lists and information and provides users with easy-to-understand information.

CONVENIENCE & ACCESSIBILITY

Available on Apple Watch

The goal of RUNTO1 is to make the training routine simple, Accessible and fun for everyone.
With the integration of the solution on the Apple Watch, users can easily track their routines and mark them as complete, making it easier to stay on track and achieve their plan goals.

DESIGN THINKING PROCESS

Framework to human
centered solutions



EMPATHIZE

I started this project by doing thorough research to understand the problem and the people involved.
I created a research plan with clear goals, important assumptions, relevant questions,
and chosen methods to ensure a well-rounded approach. The research findings provided a strong foundation for coming up with creative solutions in the later stages of the project.

Primary Research

I conducted preliminary research by speaking with 3 young adults to gain a deeper understanding of their training routines and the difficulties they encountered in creating a personalized routine, for injuries

Participant Requirements

Experience in training routine: actively
engaged in the triathlon program
Age: young adults, 18-60Age

Engineer, Married with children from Tel Aviv ,
a high-tech worker with an above-average income, a religious person, active in a local training group,Ironman competitor.

Shimon Israeli  
persona

Young adults use the internet for skincare research and purchases

Young adults are not talking to skincare professionals

oung adults want clear skin

Empathy Mapping

View the map

Using the verified findings from the primary and secondary research, I was able to delve deeper into the user experience and understand more about their motivations, behaviors and pain points. To further analyze the data, I used empathy mapping to categorize the insights gathered from the user interviews and uncover key themes. This helped me gain a more comprehensive understanding of the trainee journey and identify areas of opportunity for design solutions.

define

Clarifying the
Problem Space



Persona Shimon Israeli  

In order to guide my product design decisions,
I created an initial persona based on
The insights I gathered from my research.

My user, a mature man, is motivated to improve his self-esteem through achieving goals, but he is lost in the abundance of information available on the Internet. He wants a convenient solution to get reliable recommendations about injuries and make informed decisions.

engineer

Shimon is a busy engineer who lives in Tel Aviv with his family. He has always had to be attentive to his injuries and his diet as he has struggled with a dislocated shoulder his entire life. As he got older, he began to prioritize his training routine and invest in trainers and training that addressed his specific concerns. Despite his busy schedule, Shimon is committed to finding the right time and intensity of training to maintain a healthy body and meet his goals. He is determined to find the perfect workout routine, but sometimes feels overwhelmed by the abundance of information and options available.

about

Age: 35
Occupation: engineer
Location: Tel Aviv
status: Married
Concerns: about the treatment of repeated injuries

goals

Shimon uses Apple's fitness app to track activity, he is a busy person who needs a service that will allow him to track his training and eating plan.

“Enjoy life while you’re young”,
caring, ambitions, phobia of blood, fear of heights, secure future, caring for the family.

behaviors

Relies on the trainer's recommendations and the three-monthly meeting with the orthopedist

Actively researching support girdle and nutritional supplements
‍
Rely on the recommendations of treatment professionals, such as pain doctors and physiotherapists

User Journey

To get a deeper understanding of the process in which Shimon dealt with sports injuries without the guidance of a professional therapist, I created a user journey map. This visualization helped me follow his journey, from online research and purchasing sports equipment, to experiencing disappointment when some products did not meet his expectations. In building the journey map I was able to identify areas of difficulty and opportunities to improve Shimon's sports experience.

The design challenge

How can we help Shimon find a reliable and long-term sports routine to recover from injuries and prevent future ones, in order to reduce the stress of having to research and purchase new sports equipment? Personalization will be the core of our solution, ensuring that Shimon will receive tailored recommendations and direction for his sports journey.

ideas

Creating solutions



User Stories

Understanding the needs of my persona, Shimon, I created a list of 6 user stories that address various aspects of his sports journey, such as personalization, information access, and product recommendations.
‍

I organized user stories into groups based on common themes or goals.
As a result, I discovered 6 core epics.

Tracking & Progress
Personalization
Accessible Information
Professional Consultation
Shopping & Purchasing
Social Community Features

Sketching

I assembled a UI inspiration board to gather information on existing digital solutions. I used this board as a reference as I engaged in exploratory sketching. Through creating multiple versions of each page, I aimed to find the best options for a seamless user experience. After evaluating the sketches, I selected the most effective ones and documented the design process with annotations in a set of final solution sketches.

View the sketch

Prototyping & testing

Creating &
validating solutions



Wireframing

As you can see from the information architecture, I decided to keep the body view that I originally planned on the home screen, and also arrange all the injuries by numbers. I wanted the main route of the application to be clear and quick to use, and the product to be intuitive.

Usability Testing

To create a user testing plan for my mid-fidelity prototype,
I identified my specific research objectives and determined the most appropriate method for gathering feedback. This included recruiting participants that represented my target audience, creating a testing script and tasks for the participants to complete, and selecting any necessary tools for recording and analyzing the results.

After conducting 2 rounds of user testing, a refined and finalized mid-fidelity prototype was created. The design changes were made based on the feedback.

app

brand

Building the brand


Brand Exploration

In my digital product development journey, I established a strong brand identity. I carefully chose a color palette, typography, and created a unique wordmark that would reflect the values of my product and target audience.This cohesive visual identity was then applied to all aspects of my application.

More "A than B" list

I started developing the brand by pinpointing descriptive adjectives that best represented it. I came up with a “More A Than B” list and found that the most appropriate words to define the brand were dreamy, fresh, glossy, and happy.

More happy than sad
More vibrant than dull
More friendly than formal
More dreamy than practical
More fun than serious
More glossy than matte
More fresh than stale
More youthful than mature

Moodboard

I used the core values of dreamy, fresh, glossy, and happy to craft a moodboard that captures the spirit
of my brand. The moodboard showcases the brand's personality through visuals, textures, and colors.
To ensure consistency in the tone of my app's user interface, I selected colors from the moodboard.

Brand Name

During my search for the perfect brand name, I was looking for a name that captured
the essence of fun, community, and youthfulness.

r s w
SPORTS RECOVERY
sport +
injury

MY SEARCH RESULTED IN THE SELECTION OF runto1 THIS NAME EFFECTIVELY CONVEYS MY BRAND'S PURPOSE OF DELIVERING PERSONALIZED SPORTS RECOVERY SOLUTIONS THAT LEAD TO OPTIMAL PERFORMANCE AND REDUCE INJURY RISKS, AND CREATES A MOTIVATING, ENERGETIC, AND POSITIVE ATMOSPHERE FOR MY USERS,

App Icon and Logo Exploration

The process of creating the logo for the RUNTO1 started with my search for typographic inspiration
and the creation of a design and typographic inspiration board. I then began arranging the brand name in various sizes, weights, and orientations, adding uniqueness and nuance by converting the mark to vector outlines and modifying the letterforms.

View logos

I CHOSE THE OPTION  BECAUSE IT OFFERS THE GREATEST VERSATILITY IN TERMS OF
VARIATIONS AND SUBMARKS. FOR THE APP ICON, I DECIDED TO SIMPLY USE THE BRAND

Mobile App Design

IAfter defining my product brand and color palette, I started thinking about how to bring my high-fidelity visual design elements to my prototype. I knew that I needed to focus on color, photography, illustrations, icons, typography, copywriting, as well as design layout, spacing, and interaction states.

I revisited the output document from my user testing session and my UI inspiration board. I focused on refining my high-fidelity visual design elements such as typography, colors, icons, illustrations, and copywriting.

Next, I created a style guide to assist with my high-fidelity design choices. This guide is concise and covers key elements such as the color palette, main logo, submarks, and typography, providing a unified visual language for my project.

View

CONCLUSION

Coming Next

Next Steps

Refine UI Library

It is important to refine the UI library to ensure that all the design elements, colors, typography, and components are consistent and well-documented. This will help streamline the development process and reduce the chances of miscommunication or misinterpretation.

Collaborate with Development Team

It is crucial to have a smooth handoff process from design to development. Collaborating closely with the development team will ensure that the final website meets the desired design specifications, functionalities, and user experience.

Continuously Refine

App design is not a one-time process. It is important to continuously refine the design to keep up with changing trends and user preferences. This will help ensure that the website remains engaging, effective, and relevant over time.

Thanks for
Reading!

Email

mmalka95@gmail.com

Call

+972 503355085

Follow

Footer Social ImageFooter Social ImageFooter Social Image

אמרי סטודיו יוצר

050 335 5085mmalka95gmail.com
לביקור בסטודיו