Site Design

Quick Summary

My Role: UX/UI Designer + Manager

The Problem: An international company exploring expansion into the US needed to build everything from the ground up.

The Solution: Work with executives, graphic designers, copy writers and developers to launch Vyvo.

The Results: A diligently researched experience, thoughtfully put together to help customers understand the offering: A clinical grade device accompanied by an AI Report to monitor health metrics, track fitness and improve overall wellness.

Competitive Analysis

After we sat down with the executive team to gather requirements we began competitve analysis. We took a look at industry leaders in the world of wearables and smart devices such as Withings, Apple, Amazon, Garmin, Fitbit Suunto and many more to establish a baseline and get inspiration.

We found that every company focused on the “Why” not the “What.” Every watch had the same variety of features and would more or less generate the same metrics. Differentiation for Vyvo would come from the AI report and our clinical grade sensors.

Product Pages

Taking the requirements and primary research we started the design process for Vyvo’s product pages using a template that I created while researching e-commerce leaders such as Amazon, Walmart, Target, REI and many more. This template helps reduce friction in the purchasing journey by laying out objects so the eye can move more or less in the same shape as the golden ratio with the eye ultimately landing on the Call to Action.

We outlined the product information speaking to the connectivity, metric gathering, fitness tracking and included information for our AI report to optimize the page and present things in an easy to digest way.

Highlights

Much of the design inspiration came from Apple, whose clean lines, open space and compelling copy have helped drive them to be one of the highest valued companies in the world. We wrote copy for the product and coordinated with our graphic designers to create a 3D render that showcased the in real time monitoring, the variety of metric tracking and the presentation of those metrics on the watch face.

Checkout Experience

The checkout experience can make or break a company. For Vyvo I wanted defined steps for an easy flow that eliminated extra fluff not needed for purchase and delivery. In addition to the well defined steps the customers always had the chance to view and edit their cart throughout ensuring that they knew exactly what they would receive and what to expect once their purchase was complete.

Comparisons

Vyvo had two devices with a third on the way so to help users understand the offering we created a direct comparison. The transparency lead to a greater understanding of the products and helped users differentiate themselves into distinct categories of “power user” and “casual user” power users were data obssesed and looking to maximize their training recovery and health goals whereas “casual users” were looking for a step counter that provided a few addition insights. With the self categorization we eliminated friction and increased likelyhood of purchase.

Clickable Prototype

In order to receive more funding in the start up process our executive team wanted me to create a clickable prototype that would mimic a fully functioning website. The result was what I came to affectionately call “The Birds Nest” with interweaving interactions everywhere. This solution was much cheaper and faster than having a website built and gave investors a vision of what the finished product could look like.