Vessel Wellness - Healthcare UX UI Design

The Inquiry

Bring up Healthcare

• Vessel reached out with a request to redesign the existing interface of both their website and the application. Vessel were in need of a new branding, thus the new design system that would align with the vision.

The process

• Since Vessel required rebranding, we had to adjust the design to the look and the message the company wanted to send. The purpose of design in this case is to portray without saying, align with the business narrative, and make the user familiar with the concept.

Branding Composition

• Brand Strategy

  Vessel already had a vision for the new look; our task was to develop a strategy of implementation and successful redesign.

• Visual Design

  Visual aspects have to be reminiscent of the initial concept behind the pretty pictures; design has to carry significance.

• Application and Consistency

  Rebranding is a compound, consisting of the smallest elements that must conform to the general idea. If followed, rebranding becomes a breath of fresh air for the company, giving it a completely new look and endless opportunities.

Understanding users

• We discovered a persona, who is keen on sports and health, and asked ourselves - what would this person want to see and how would they use their wellness tracker? That is where the answers came in flowing.

Where it all begins

• Most of our decisions come specifically from the user personas, and that is the most effective way - we clearly understand what struggles users have in their daily lives and how the product we develop can help resolve them.

Variables

• Visual Hierarchy

  We know Vessel’s users don’t have much time, but they have concrete needs. We placed all of the important information at the front of the attention, hiding unnecessary elements and reducing visual noise.

• Color Choices

  Color grades represent the messages. Health is usually associated with warm tones that represent nature, so choosing these hues will complement the whole look of the product.

• Overall feeling

  We implemented elements, playing around the look of the human body, skin, textures. By combining complementary colors, we created a sense of belonging and feeling of care over one’s body. These choices result in emotions, which make the users feel relation to the product, therefore adapt it quicker.

Improving usability

• Part of our redesign included work on usability issues. We made sure to include all of the elements that play a huge role in building strong user bonds, improving user experience and user trust.

Improvements

• Card Information

  To adapt to the lifestyle of the users, we implemented card hierarchy along with a tighter interface, allowing for quicker access to the most vital information.

• Content Graphs

  Graphs were tightened to fit more information into the smallest space without users having to perform additional actions to find it.

End Results

• Vessel is now a leading application for those who strive to keep up with good health. The design of the app is intuitive and easy to navigate, which simplifies the user interaction.