Skip to content
Dorve Logo
  • UX Work
  • UX Services
  • 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

Pfizer’s Cool Brand Identity Design for 2021
burger king rebranding campaign Rebranding: Burger King going strong with its 2021 retro style.
factorial design experiments Factorial design: A powerful research tool
top free design tools 2021 25 free tools for UX, UI and web designers (2021 edition)
marketing campaign for el pozo king Marketing campaigns: Company says goodbye to 2020 in very creative way
Danville high school student with a vision impairment wins graphic design competition Student with a vision impairment wins graphic design competition
visual accessibility hero image UX & Visual Accessibility: 9 golden principles to master (Infographic)
Design trends for 2021 Top 16 Design Trends for 2021. The definitive guide to effective UX design
seo-ux-cover-image From 0 to 3 mil. a month with just UX and SEO? Yes, it’s possible!
page experience ux report Get your Page Experience UX Report and beat Google before you lose
user experience is for humans HCI: Great user experiences are meant only for humans. Or not?
UX Style Guides 20 Great UI Style Guides for Sketch, Photoshop, XD and Illustrator
Great Design Principles 5 Great UX Design Principles of Successful IT Companies
Tips for Great Web Design Looking for great web design? 5 tips you can’t ignore
UX fights COVID-19 Covid-19: Helping people fight the pandemic
User Experience History: Apple First Computer User Experience History: More than 100 years of amazing wonders
Tips for UI Design UI Design: Did you know this 7 tips formula for success?
What is Growth Hacking? 7 tips for your marketing strategy What is Growth Hacking? 7 tips for your marketing strategy
  • Blog
  • UX Services
  • Our UX Team
  • Testimonials
  • Contact Us!
  • Sitemap
  • Privacy
Dorve UX and UI Logo
-->