Skip to content
Dorve Logo
  • UX Work
  • UX Services
  • UX Blog
  • UX Team
  • Testimonials
  • HIRE US

Sarjan Health

Using aesthetics to solve problems

Project Info

Sarjan Health is an AI-based application that solves patient problems remotely that had a problematic user interface.

They approached us because they needed a design face-lift to make their site more modern and fresh. Also, they needed to improve UX flow and site conversions.

Due to the above, we conceptualized the project and defined to create a rather fun and quirky experience, something that stood off a bit of the typical AI app.

Because of said conceptualization, we based the user experience on vivid colors and an abundant use of illustrations.

These illustrations added a fresh appearance.

But also improved conceptual communication for each element and direct users’ eyes to the desired elements.

Since the site is aimed at both individual users and corporate users, we created 2 versions.

Once the user arrives at the site, she chooses the version she needs.

After this, the user’s journey continues according to the selected path.

Finally, we developed a wizard user interface to discover what the user’s main need is. This way, we can define the best option for her problem in two main categories: knee pain and back pain.

At a later stage, the client implemented the design on the site using WordPress on top of Bootstrap

Sarjan's health different screens

Requirements

Design a new look that allows users to easily navigate the site.
Create user flows.
Create user interfaces to guide users and provide them with appropriate solutions based on their needs

Strategies/Techniques

Wireframing
User Flow / User Journey
Usability Testing
Competition Benchmarking
UI Design

Tools

Sketch
Ad Hoc User Survey
InVision (interactive mockups for testing)
Illustrator
Photoshop

Photo Gallery

  • Sarjan Health wireframes

    Homepage wireframe made on Sketch

  • Sarjan's health different screens

    User's demonstration of path selection

  • Sarjan Health UI

    Examples of UI instructions to developer

  • Sarjan Health UI

    UI instructions to developer

  • Sarjan Health UI

    Design was made on 8pt vertical rhythm approach and 12 columns for Bootstrap

  • Sarjan Health UI

    More UI instructions to developer using grids

  • Sarjan Health UI

    Wizard main screen

  • Sarjan Health UI

    Inner screen example

  • Sarjan Health UI

    Wizard inner screen example

  • Sarjan Health UI

    Another inner screen example

  • Sarjan Health UI

    Sarjan's wizard final screen (negative option)

  • Sarjan Health UI

    Sarjan's final wizard final screen (positive option)

The Blog

UX and crypto cover image Is UX ready for the new cryptocurrency world?
Upwork 2021 rebranding analysis cover Upwork 2021 rebranding: a much improved look
Build your first Quantum UX project cover image Design your first Quantum UX project in 7 easy steps
new VISA logo 2021 New Visa logo in 2021? Well, kind of…
better UI for alzheimer's and parkinson disease cover image 11 tips to create better UIs for people with Alzheimer’s and PD
Disabled person at work using an accessible interface Accessible interfaces: Top 25 ways for a better website
Los Angeles tourism brand cover Los Angeles new tourism brand is the ultimate “back to 80s” sensation
great brand design: Huggies 2021 Great Brand Design: Huggies 2021 brand identity
Artificial Intelligence and UX Artificial Intelligence and UX: a 2000 words Quantum UX practical example
user interface design 6 years old kid amazing User Interface design skills!
ux writing and ux upgrades cover Perfect UX writing: AirBnB 2021 UX upgrades example
city branding book guidelines cover image FREE 26 city branding books and style guides
Sketch App Design changes Breaking News: Sketch App announces big changes for 2021
Ux user categorization research New UX User Categorizations to ease user research
new Figma features cover #config21: New Figma features to sweeten its paid model
XMI design cover image What is XMI design? How does it fit in Quantum UX?
History of User Experience Design Cover The Great History of User Experience – Part 2
Inter Milan new logo 2021 cover Inter Milan’s 2021 new logo is on the wild!
  • UX Blog
  • UX Services
  • Our UX Team
  • Testimonials
  • Contact Us!
  • Sitemap
  • Privacy
Dorve UX and UI Logo
-->