Transforming Super's Webflow Experience with Zabal Media
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.
.png)
.avif)
.png)
%20(1).png)
.png)
.png)
.png)
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.
.svg)
.svg)
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.
.svg)
.svg){kind=small}
.svg)
.svg)
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"?
.svg)
Save money
There are tools in the market that help users save more money. Understanding the competition was key.
.svg)
Spend less
Who doesn't like a good deal? We needed to understand how to access exclusive deals to gain more.
Save time
Part of planning a trip, purchasing a product, or even plan an event is research. Researching, can be time consuming and dull.
Earn cashback
Having a cashback incentive helps most consumers justify why they are making payments / spending money more palatable.
Creating the system
%20(1).png)
%20(1).png)
%20(1).png)
%20(1).png)
.svg)
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.
.svg)
Super - Sitemap & Back-end architecture
Low fidelity designs
Visual design guidelines
Colors
Poppins
.png)
The perfect partnership
The Super team has a great design team with art direction & illustration superpowers (pun intended). We partnered closely with our ux and visual designers to apply the new illustration style across the entire website. The results are breathtaking.
Having a website that is both user friendly to navigate and delightful + aesthetically pleasing has proven to make the Super brand one step closer to be a dominant player in a rather antiquated space.
%20(1).png)
%20(1).png)
.png)
.png)
.jpg)
-min.png)
%20(1)-min.png)
They’re incredible, and a critical part of our extended team. We couldn’t do what we do without them.
Like what you see? Don't let your website idle another day
START A PROJECT
