Vessel Wellness - Health Wellness App UI UX Design

Project Overview

Switch from Bloom brand identity to new brand Vessel

• Our key task was to reskin the Vessel creating WOW user experience. Upgrade the design to Vessel new brand guidelines and simplify the user experience using animations and transitions that draw the user into an immersive experience and further connect the user to the brand.

Target Audience

Creating User personas

• The research results provided important information about the Vessel audience - people that care about their health and nutrition.
  
  It is someone who exercises regularly and focuses on a healthy diet. Users who are already tracking their data: steps, heart rate, sleep, etc. and want to improve or optimize their health.

Key insights

• 01 - Goals

  Dave`s goal is to stay fit and healthy by eating nutritious food for longevity.
  
  Alice is trying new vegan options every week and exploring exotic vegetables to diversify my diet.

• 02 - Pain Points

  Dave has a distaste for meat and is concerned about eating healthy and organic, but often ends up over-purchasing, which leads to food waste.
  
  Alice focuses on preparing healthy, balanced meals, but her kid dislikes vegetables and has food allergies, and she tends to run out of fresh fruits and veggies quickly.

Moodboard

Visual References

• We drew from natural simplicity to craft the app’s interface with clean shapes and minimalist accents, organic ingredient textures, authentic and joyful expressions.



  The result is a light, natural aesthetic that enhances user experience with effortless beauty.

• Body Aesthetic

  Vessel’s visual style for nude brand photography should feel minimalistic and aspirational, yet remain clean and bright. Nude portraits should be shot from tasteful and interesting angles to show the body

• Macro Textures

  Photography of macro textures include a huge amount of ingredients and food close up detail shots. The cropping and lighting for these detailed images should be associated with nature and health.

• Portraits expression

  The expression of the portraits should feel optimistic, natural and in the moment. It is important to capture genuine moments and expressions.

Typography

Suitable font pair

• For this project, we chose a combination of Banana and Noe Book typefaces to strike a balance between modern character and emotional warmth.
  
  Banana, used for headlines, adds a friendly and relaxed sense with its soft, rounded forms, making it ideal for accents.
  
  The body text font, Noe Book brings clarity and structure with its elegant design. Together, these two fonts create a harmonious visual language that blends style with readability.

Сolor palette

Freshness and naturalness in UI solution

• The Vessel color palette is designed to feel fresh and clean. It is elevated and inviting. The mix of warm and cool hues in a variety of different shades allows for visual flexibility and contrast. The color palette of the Vessel consists of natural colors of vegetables and fruits.

Conceptual design

Look and Feel Concept

• To understand that we are on the same page with a stakeholder, we have made the “Look and feel” concept with new design.
  
  We developed three design concept options for the Main Screen featuring the Wellness Score and To-Do’s. Each explores a unique layout and visual approach to balance motivation, clarity, and ease of daily tracking.

User Flow

Guided wellness journey

• The user flow illustrates how users move through the app, focusing on key sections: Home, Food Plan, Wellness Plan, Take a Test, and My Account. We have highlight the most important actions that influence the ways users interact with the product, affecting the ease of use and efficiency.

Wireframes

From Concept to Sketch

• Wireframes are the skeleton view of the app that allow us to focus on key functions, elements, and actions to improve the usability before starting to reskin the app.

Design components

Cards Framework

• After conducting a detailed research we found out that the smallest delays cause rejection of the product. This led us to design a responsive, intuitive interface that supports smooth, focused interaction at every step.

Problem statement

Scanning Problem

• The problem we faced during the scanning was that some users didn't understand how to scan the card in the right way. There were some issues with lights, crop and shadows.

Solutions

• 01 - Smart Scan Guide

  We need to make the scanning instruction flow for the user to make them better understand what they should do and explain in what way they need to scan the card.

• 02 - Clear recommendations

  Card needs to be well lit, without shadows, droplets or any glare or bright reflections on any part of it.

Usability testing

Main page iterations

• After taking a test, the user will get results. Vessel use essential health metrics like nutrition, hydration, and stress levels to help make you feel, perform and look better by helping you get rid of toxins and stress.
  
  The key task was to show 11 goals results on one page in a compact and accurate way.

Key Features

• We've taken the findings from the usability test and have iterated the design to improve the user experience. We came up with 55 iterations of this screen to make it easy to use and understand.

• How it works

  We have made the tabs with all goals on the first main graph. Switching between the tabs changes the graph indicators and content under the graph because it shows every specific goal information.

Usability testing

Cards iterations

• At first the tests result cards were large and had pictures, but in the process we’ve made them smaller in order to show more results and fit above the fold.

• The card has been transformed a lot of times because of different functions and information that stakeholder wanted to put inside it. 

We need to fit more content above the fold. We have decreased the cards height to fit more cards on one screen.

• Wellness Graph

  All blocks changes were made with a goal to show more functions in less space to make more content fit above the fold.

Reviews

Famous people about Vessel

• Vessel Wellness - Mobile App project has strong support from incredible leaders in different areas like sport and health.

For example Dave Asprey - an American entrepreneur and author, creator of Bulletproof Coffee and the Bulletproof diet to biohack the life.

Usability testing

Card improvements

• All blocks changes were made with a goal to show more functions in less space to make more content fit above the fold. We need to fit more content above the fold. We have decreased the cards height to fit more cards on one screen.

• The card has been transformed a lot of times because of different functions and information that stakeholder wanted to put inside it.

• Stress Relief Activity

  We have change the spacing to shrink the text first and after that have decreased the amount of text to fit more cards on one screen.

Usability Testing

Changes In One Card

• The card design went through many transformations to accommodate the specific functions and information stakeholders wanted embedded in the compact space. Multiple design iterations balanced usability, visual clarity, and content hierarchy, producing a final version that communicated essential data without overwhelming the user.

  That iteration discipline is what separates a biohacking app UI users tolerate from one they actually adopt. Small compression decisions compound across daily use, and the difference between a card that reads in two seconds and one that reads in five is the difference between a habit that sticks and a habit that fades.

On-Page UI Design

Food Plan

• The Food Plan module gives users a direct alternative to the supplement-first approach most nutrition apps default to. Users pick the food they'll actually eat, and Vessel generates recipes and food options to address specific nutrient deficiencies. The Amazon integration takes it a step further, letting users pick their food and have it delivered to meet their daily vitamin needs without ever leaving the app.

  That workflow closes a specific gap in the health wellness application category. Most wellness apps identify deficiencies and stop there, leaving users to figure out how to actually change their diet. Vessel connects insight to action inside the same interaction, which is why users report that Vessel feels different from the tracking apps they've abandoned in the past.

Reviews

• Vessel Health is backed by influential leaders across various fields, including sports and wellness.

For example Jarret John Thomas - the professional American snowboarder, has joined Vessel and tried using test cards.

Highlight Feature

The Lifestyle Module

• The Lifestyle module addresses two specific daily health concerns most wellness apps handle poorly. Hydration guidance provides users with precisely the right amount of water for their body rather than the generic eight-glasses-a-day recommendation that ignores individual variation. Stress management leverages cortisol level tracking to help users understand what their body actually needs in the moment, replacing the guessing games that dominate self-directed wellness.

  That specificity is where Vessel earns its category position. The app doesn't just show what your body needs. It uses cortisol data to help course-correct when things drift, closing the loop between measurement and intervention that most wellness products leave open.

Social Networks

Social Content Connecting Minds

• Vessel's audience lives on Instagram and Facebook, so the social layer got the design attention most brand extensions never receive. Instagram post templates were designed to match the app's tone and visual style, extending the visual identity into feed contexts without breaking recognition across platforms.

  That consistency work drives measurable business outcomes beyond aesthetic coherence. It improves audience reach, increases traffic to the app, and strengthens the brand identity that ultimately supports higher user satisfaction and customer success rates. Family products in the wellness category succeed on trust, and trust builds through consistent brand encounters across every surface a potential user might touch.

Vessel Wellness App Android | Wellness App Apple

Download the Vessel App

• The decision to prioritize mobile app design came directly out of the audience analysis. Vessel's audience lives on their phones, so meeting them where they already are made obvious sense. The design work embedded unique features that enhanced the core experience while lifting user satisfaction to levels that the app store rating reflects.

Key Feature

• 4.5/5 rated on market

  After the audience-aligned design work shipped, Vessel took leadership positions across the platforms it launched on. Strong visual appeal drew users in initially, and the successful UX kept them engaged long enough for the product to prove its value. The case demonstrates how UI and UX work together to drive product success, where either alone would have fallen short.

Reviews

• The application has earned the trust of top voices in the health and sports communities.



  For example Kelly Slater - the professional famous surfer, has tried using tests and joined the latest fundraising round.

Branding Wellness App

Vessel Packaging Design

• The Vessel packaging carries the brand promise into physical space with the same restraint the digital experience shows. Simplistic packaging that's individually wrapped up, with daily wellness cards (Vessel sticks) arriving in sleeves alongside a small box for used test strips and the download prompt that connects physical product to digital application.

  That physical-to-digital handoff matters more than most product companies acknowledge. The moment a user unpacks the physical Vessel product is the moment they decide how much attention the app deserves. Packaging that reads as premium and thoughtful earns the app the benefit of the doubt users need to complete onboarding. Packaging that feels cheap or generic starts the app relationship at a disadvantage no interface can fully overcome.

Result

Driving Wellness Forward

• The collaboration delivered a thoughtful, user-centered design that simplifies the wellness journey without sacrificing the depth users came for. From intuitive navigation through engaging visuals into personalized features, the final product supports users in forming healthy habits while maintaining the clean, modern aesthetic that separates premium wellness products from the generic health-tracking crowd.

  The rebuild marks a real digital transformation of the wellness tracking category, moving the market beyond simple metric aggregation into the personalized insight territory users have been asking for since the first Fitbit shipped.

Measurable Results

In Numbers

• 2.5 Years of Work

  Extended engagement duration that reflects the depth of the rebuild rather than delivery slippage. The multi-year timeline supported ongoing design iteration, stakeholder alignment, and quality validation at levels most agency engagements never reach.

• 1k Hours of Communication

  Direct collaboration time between the Rondesignlab team and Vessel stakeholders, capturing the depth of ongoing alignment work that turned Bloom into Vessel.

• 2.1k Hours of Work

  Actual design and development time invested in the rebuild, reflecting the specific scope of work that produced the final product.

• $21.1M Raised in Seed

  The business validation that followed the design work, confirming that Vessel's rebuilt product met the specific quality bar the wellness investment market requires. The funding round is the ultimate independent verification that the design and product decisions landed at the right target.