Sanvello

Redesign Sanvello’s web app to enhance the user experience.

Role :


UX Designer


Interaction Designer

Length :


6 weeks

Tools used :


Figma


Maze


Photoshop


Sanvello Introduction

Overview

Sanvello offers clinically validated techniques to enhance overall well-being. This project focuses on improving the health experience into an intuitive and delightful experience.

The Challenge

Explore solutions that improve Sanvellos navigation to make its key features intuitive and eliminate inconsistency in UI elements.

Design Process

Sanvello introductory video

Features and Iterations

Sanvello Community Feature

Community.

This feature connects users through topic-based discussion groups.

Sanvello Health Feature

Health.

This enables users to track habits and gain insights into their health.

Sanvello Hope Feature

Hope.

The Hope page allows users to create visual boards for specific goals.

The Outcome

Improved Key Features, including Community, Health, and Hope information architecture, seamless user flow, and elimination of reductant elements.

Research

Heuristic Evaluation

We conducted a Heuristic Evaluation to identify usability and accessibility concerns in Sanvello's interface that hinder the user experience.


UX evaluation

Key Features

Design Challenge

Usability Test

We conducted a usability think-aloud study to identify user pain points and synthesized the gathered data using an affinity map.

Data synthesis

Competitive Analysis

Competitive Analysis

Key Takeaways

  1. Dashboards are a good place to display users entries as an overview of their progress.
  2. Tools are broken down into sections to enhance usability.
  3. Search bar gives easy access to features and information.



Ideation

Ideation

Wireframes

Wireframes



Wireframes



Wireframes

Userflow

To improve navigation, the redesigned user flow simplify tasks with a streamlined layout, clear CTAs, and intuitive UI elements.

Userflow
Userflow

User Testing

Key Insight 1

"I like that I am able to see my progress rather than trying to gauge it myself." - P1

Key Insight 2

"I like that I can always return to the Explore page to access other tools." - P3

Key Insight 3

"I like how clear the Vision Board is, it is easy to use and I can add pictures and edit entries." - P2

User Testing

Task Completion Rate

Pretotyping


Design System

Design System


Side by Side Comparison of the redesigns: Featuring simplier navigation, User flow, and UI elements.

Redesigned Sanvello Pages

Next Steps

  • Continue the redesign process for other features and establish consistency.
  • Design for mobile screens.
  • Carry out further user testing to gain insights to improve the user experience.



Similar projects you may like: