2022 Award Winner
Live the life you deserve
1
2

Super

Super is all about helping others save money while living a fruitful life. Their team collaborated with us on a scalable strategy to onboard onto Webflow as their primary CMS. We also contributed to all of their visual design and branding guidelines. These partnerships are perfect for us, due to the fact that we get a chance to contribute to multiple parts of their business and define how everything will fit together in a digital user experience that is both delightful and viable.

300
Leads
97
Site performance
6%
Conversion rate
200k
New visitors
Visit live website
Webflow Development
UX/UI Design
Graphic Design
Lottie Animations
Branding
Illustrations
Webflow Training
Webflow Development
UX/UI Design
Graphic Design
Lottie Animations
Branding
Illustrations
Webflow Training
CLIENT DETAILS
Up-heading

Understanding Super

Business Goals

From the start, it was clear that the Super team was going through a hyper growth phase. However, they had a lot of foundational work that needed to be done in order to take off like a rocket.

Their primary objective was to make sure that their rebrand was crossed over to their web presence in hopes to have a cohesive end to end experience.

From their new company name, logo, Mascot "Spottie", color palette, ux/ui design, and migration to Webflow, they needed a partner to be involved in all areas.

Business challenge

Due to the fact that their marketing team was new to Webflow, they needed to quickly onboard and have the proper training to maintain the content on the website quickly and easily.

Additionally, being able to design and build new pages to accommodate for their growing team was an essential part of the engagement.

Chapter 1
RESEARCH
KEY findings
Up-heading

Asking the right questions

Research goals

How might we create a digital experience that helps potential Super customers understand the ways that they can spend less, save more, gain time, and generally live a more fruitful life as a result of leveraging the Super products, "SuperTravel", SuperShop", and "SuperCash"?

01

Save money

There are tools in the market that help users save more money. Understanding the competition was key.

02

Spend less

Who doesn't like a good deal? We needed to understand how to access exclusive deals to gain more.

03

Save time

Part of planning a trip, purchasing a product, or even plan an event is research. Researching, can be time consuming and dull.

04

Earn cashback

Having a cashback incentive helps most consumers justify why they are making payments / spending money more palatable.

What does Super do differently from other cost saving companies?
Where do all of Super’s products live today?
Why does the Super value proposition matter to the average consumer?
Can the Super cash card be used on anything or only Super related products?
What is the most important thing to communicate on the website?
Who are the users and what do they care about?
What does Super do differently from other cost saving companies?
Where do all of Super’s products live today?
Why does the Super value proposition matter to the average consumer?
Can the Super cash card be used on anything or only Super related products?
What is the most important thing to communicate on the website?
Who are the users and what do they care about?
Will there be a refund process or are all sales final?
How might the average consumer recommend Super to their friends & family?
How will Super help users save money exactly?
Do I need to create an account to benefit from Super’s perks?
What kind of cost savings can be expected from Super cash cards?
Is financing an option through Super or does it work like a debit card?
Will there be a refund process or are all sales final?
How might the average consumer recommend Super to their friends & family?
How will Super help users save money exactly?
Do I need to create an account to benefit from Super’s perks?
What kind of cost savings can be expected from Super cash cards?
Is financing an option through Super or does it work like a debit card?
What does the brand need to communicate?
Are there any underserved users on the platform today? If so, what do they care about?
What is the target demographic of Super?
What part of the current marketing process is broken?
How important is the marketing website?
What key pages need to be on the website?
What does the brand need to communicate?
Are there any underserved users on the platform today? If so, what do they care about?
What is the target demographic of Super?
What part of the current marketing process is broken?
How important is the marketing website?
What key pages need to be on the website?
Chapter 2
USER EXPERIENCE
Creating SITE MAP
Up-heading

Creating the system.

Design System

We built an entire library of components so that we had a robust set of reusable elements to quickly and easily build new landing pages for marketing purposes.

The component library is created in both Figma & Webflow so that designers and developers are both using the same naming conventions and universal layouts.

Super - Sitemap & Back-end architecture

Final Draft
Wire frames
Up-heading

Low fidelity designs.

Chapter 3
VISUAL DESIGN
VISUAL DESIGN
Up-heading

Visual design guidelines

Colors

RGB
FF0099
RGB
00DBDE
RGB
4F4DF8
RGB
FFFF00
RGB
B2FF59
RGB
D6EDFE
RGB
209BFC
RGB
DFDFFE

Poppins

NewsroomAbout UsMoneyCareersChicago City Guide

We create 32 pages and templates, we show you most interesting pages

Visit live website
Chapter 4
Measuring Success

“They’re incredible, and a critical part of our extended team. We couldn’t do what we do without them.”

David Chin
Creative lead
$118M
Series B Funding
7
Total team contributors
37%
Increase in self-serve revenue
2x
Free trial conversion rate increase
3

We put the pieces together so that you don’t have to

Our elite methods and processes are what make us different. Our process comes from a decade of researching, designing, building, and iterating at scale. Guesses make messes. We have a proven process to getting results.