SuperNatural Eats

Increasing revenue for a small business by optimizing their online ordering process.

Introduction

SuperNatural Eats has a fit, nutrition-conscious customer base with ties into the CrossFit community. They came to us wanting to improve their order flow and expand their options.

Year

2020

Duration

3 Months

Role

UX/UI

00

Overview

The primary challenge was to uncover problems with the site and analyze the ordering and checkout processes. Secondarily, I would have to design features for creating custom meal plans, managing orders and update the existing interface components.

Project goals

  • Analyze the site for areas of opportunity
  • Add custom meal builder functionality
  • Update visual design language to be friendlier
01

Discovery

The first step was to audit the existing site and checkout flow. I looked at competitor sites, analyzed heuristics, reviewed customer feedback and analytics. Several issues were discovered.

Customer feedback organized in a spreadsheet

Confusing information architecture

Confusing product offerings and options

Mobile un-friendliness

Complex user flows with superfluous steps

02

Synthesis

Taking the insights from the discovery phase on board, I began to create diagrams of an optimized site structure and user flow.

Information Architecture

A streamlined site architecture with clearer nomenclature was developed.

User Flows

Diagramming the ordering flow made clear which steps were redundant.

Wireframes

Simple wireframes were used as an ideation tool, to help drive the discussion around an improved ordering flow. Problem-solving at this stage was focused around structure and functionality.

03

Final Designs

The goal was to achieve a final interface design that felt clean and fresh, to elicit positive feelings about the brand and food. This was a departure from the drab look that had previously been utilized. We also wanted to capitalize on taste-appeal by using beautiful food photographs.

Menu-based meal plan ordering system
Mobile & desktop checkout screens
Custom meal plan builder with macronutrient calculator.
Account dashboard & subscription settings
xx

Results

Comparing data from the 6-month period preceding launch to the 6-month period after, there was an approximate 30% increase in conversion rate which translated to a 50% increase in online revenue.

The business was extremely happy with this result.

Conversion Rate
1.9%   2.5%
30% Increase
Online Sales Revenue
$16K   $24K
50% Increase

More Work

UX/UI • Marketing Website
Republic Services
Product Design • Web App
ESTUS Digital