Case Study

User Onboarding

Web App

UX Design

UI Design

My Role.

UX Design, UI Design, Prototyping, HTML, CSS

Other Contributors.

Head of Product (1), Head of Engineering (1), Engineers (5)

The Problem

Unsuccessful MVP.

High friction, low accessibility.

Users should be able to shop without needing to know their Utility, Rate Class, and Annual Usage.

Lackluster design.

The UI does a poor job helping users feel confident about using EnergyBot.

Market Research

Plenty of room for innovation.

Outdated UI.

Most energy shopping sites at this time were at least 10 years behind in terms of modern design standards.

Poor UX.

Looking at our competitors made it feel like the industry was intentionally confusing.

No unique offers.

Our competitors all had more or less the same product with a different coat of paint.

Brainstorm

How do we create the ideal shopping experience?

What differentiates plans?

The only real differentiating factor to energy plans is their rate structures, and no one has time to figure out that complexity on their own.

What do people need?

To feel confident in their choice of energy plan, users need to know that they are picking the plan that would save them the most money.

The Solution

Onboard users to personalize their experience and build trust.

Guide users to the best solution.

Onboarding a user prior to showing them plans enables us to provide a level of personalization that helps them feel confident about the plan they choose.

Less friction, more accessible.

We didn't want to turn away casual shoppers, so we built in a number of fallbacks to retain users that couldn't find their location or access their usage data.

Data-backed recommendations.

By understanding who are users were before showing them plans, we were able to provide them with a tailored experience that best serves their exact needs.

Even if users choose to proceed with more generic data, we could still identify which plans were likely to be a better choice.

Built-in guardrails.

For some users, buying energy is not as simple as just signing up for a plan.

By determining eligibility early in the process, we're able to avoid bad outcomes like: Credit rejection, Delayed service, Power shut-offs, Additional charges & fees

Design

Mobile and lo-fi first.

This helps prioritize the most important content and support responsiveness from the get-go.

Prototype

User Onboarding Flow

This is the onboarding and shopping experience for Texas residents in the zip code 76180.

Mobile-first pays off.

For more than 90% of screens in our conversational flow, there was no need to add additional UI elements when sizing up to larger screens.

A source of truth.

Having each user flow built out was extremely helpful for both myself and other team members during development.

Build

Hand off designs and build styles as needed.

Support dev.

Following design handoff, I worked alongside engineering to ensure development went smoothly.

Test and approve changes.

Once the assigned engineer was finished with their story, both myself and another engineer would test the changes.

Launch weekly updates.

Our conversational flow changed a lot over 5 years, but personalization remained at the core of our approach.

Cycle A/B tests every 2 weeks.

Depending on the results, we would either reiterate or shift our focus to another part of our product experience.

energybot.com
Results

Thousands of satisfied customers.

Kendra

Very user friendly, Highly recommend this service!

Justin

beautifully designed website...easy to use...smooth signup process. Will use again and tell others!

David

Very easy to use and showed me the best rates in my area!

J
Jarrett

Super clean and efficient website flow. Highly recommended.

K
Kent

Great site and tool for finding a good deal on energy. Easy and intuitive

S
Su

Excellent website design. Helped us find a good deal.

Reviews from:

&

See more reviews
Kendra

Very user friendly, Highly recommend this service!

Justin

beautifully designed website...easy to use...smooth signup process. Will use again and tell others!

David

Very easy to use and showed me the best rates in my area!