top of page
121 Hero 1.png
App Store.png
About.png

121 Health is a health management app 
that provides tailored health insights and plans for preventive care and longevity.

Idea

emoji1.png

The app provides access to over 100 health metrics, an AI-driven health chatbot, and actionable guidance for a healthier lifestyle. It also features community interaction, rewards like badges and leaderboards, and options for purchasing supplements or ordering health tests like blood analysis.

/ Founding Team

2 Full Stack Engineers, 1 UI/UX Designer

/ My Role

Sole UI/UX Designer,
0-1 from concept to launch

Frame mockup2.jpg

Our wearable devices collect vast amounts of health data daily, but the real challenge lies in making sense of it all. How can we leverage the combination of our data to uncover meaningful insights about our health and lifestyle?

Current Challenges

1 / Complex Navigation

Over 40 cluttered subpages caused user confusion and frustration, negatively impacting the navigation experience.

2 / Content Redundancy

Repetitive content across pages diluted important information and hindered effective communication.

Stakeholder.png

Stakeholder

To stay at the forefront of the industry, we need a website that delivers a premium experience. It's time for a rebuild.

3 / Technical Performance

Slow load times and lack of mobile optimization created barriers for users, particularly on mobile devices, affecting overall accessibility and user satisfaction.

4/ Outdated Design

The site’s outdated aesthetics and functionality did not reflect the company's high-quality products, potentially deterring modern consumers.

Our Goal

Modernize the interface, streamline navigation, and enhance the overall user experience with AR integration to better reflect the brand's premium offerings.

Using Phone Mock.jpg

We went through a variety of phrases from research to the final design.

Frame 225.jpg
Group 204.png

We streamlined the information architecture to enhance clarity and ease of navigation.

Before

Frame 229.png

repeatedly appeared 5X

Frame 230.png

repeatedly appeared 14X

Frame 231.png

repeatedly appeared 5X

Frame 232.png

repeatedly appeared 5X

After

Frame 229.png

button moved to nav bar

Frame 230.png

consolidated into 8 pages

Frame 231.png

only appears 2x as needed

Frame 232.png

only appears where it is needed

Before After.png

We implemented an AR visualization tool that allows customers to preview flooring options in their own spaces.

Mobile Floor Mockup.jpg
Group 207.jpg

We developed a comprehensive design system that improved the website's aesthetics and coherence.

Flooring System.png

Content blocks

Content Cards.jpg

We optimized the website for seamless responsiveness across desktop and mobile platforms.

Floor Source Desktop.png
Floor Source Mobile.jpg

Reflection

As we conclude the Floor Source website redesign, it's essential to reflect on the impact and achievements of this project. This endeavor was not just about enhancing aesthetics but also about significantly improving the user experience and functionality of the site.

Through meticulous planning and execution, we successfully addressed key user pain points and implemented solutions that will drive the company's digital presence forward.

12.5%

Conversion rate for individual customers

11.7%

New visitor's bounce rate

after 3 months

25%

Page load times on first visits

16%

Post-launch customer satisfaction

bottom of page