Huddi empowers small businesses to run successful e-commerce ventures. They reduce significant upfront costs by offering a monthly subscription and support model for any Shopify shop they deliver.

As a result, their clients receive a fully operating and fully supported Shopify webshop within two months without investing a large sum of money upfront.

Read more+

Huddi approached me to create a new visual identity and digital presence that would establish Huddi as a leading authority in subscription-based Shopify services.

Led by a clear tone of voice and unique 'H' marquee, the result is grounded in clarity, flexibility across a wide range of applications, and humanity, by adding a photographic element to all brand touchpoints.

UX/UI Design
Webflow Development
Brand Identity
Person holding a bag with the Huddi logo printed on it
The Huddi tote bag.
Huddi's homepage hero element.
Full page screenshot of the Huddi homepage without the hero section
Full-page screenshot minus the hero section.

Product Page

Huddi's services offer a lot of significant benefits for customers. On its dedicated product pages, they get to highlight all the perks of getting an e-commerce subscription.

Two sections make up the page; one focuses on all the webshop features included in the subscription, and the other focuses on service and maintenance.

The page's primary goal is to reduce doubts regarding owning a webshop, which can be daunting initially. We wanted the potential customers to know that Huddi's got your back, whether it's a design issue or an update gone wrong. There's no need to worry.

Explore ↓
A tablet on a grey background showing the Huddi product page
Huddi product page.
A tablet on a grey background showing the Huddi product page section transition
Huddi product page transition point.
Huddi product page transition.
A full page screenshot of the Huddi product page's last few sections
Full-page screenshot of the product page's bottom half.
Four phones on a grey background with various screenshots of Huddi's website
Responsive design of several pages.

Design System and future Dashboard

Webflow's updated components allowed me to build a modular system that would benefit future updates greatly. When designing a design language or system, it is crucial to imagine where the brand might go. Because Huddi's services will include a detailed Dashboard in the future, I've already enclosed several modules and guidelines to help boost my progress when the dashboard design starts.

Explore ↓
Two card buttons with an image
Large thumbnails.
A phone showing the Huddi dashboard
Huddi dashboard (case study coming soon).
Huddi's different price tiers
Pricing tiers.
Huddi smartphone icon design
Webclip icon.
Examples of realized webshops.

Generating an Audience.

Because Huddi is a new brand without a previous online presence, it was essential to help generate traffic from search engines. As a result, I helped them set up an SEO strategy to help improve the status of the website amongst search engines. One of the first things I advised them to start doing was writing a blog and sharing all their knowledge while keeping a keen eye on keywords and phrases.

Explore ↓
A tablet on grey background showing the Huddi blog
Huddi's (still very fresh) new blog page.
Two tablets on a grey background presenting a blog detail page
Blog detail page design.

Important Sections.

Not all pages are equal. Every website contains a few pages they rely on for their survival and performance. In Huddi's case, these pages are the pricing and sign-up page. Both play a crucial role in Huddi's sales funnel.

The pricing page aims to help customers choose which plan is right for them. Therefore, it was vital to help potential customers choose by highlighting different pricing tiers and potential benefits and, finally, to guide them to the sign-up page.  

The sign-up page is simple and clean. The form is easy to understand, offers additional information where necessary, and follows general design patterns to ensure easy completion. On the back end, the form's data is integrated with a 3rd party API to forward protected personal information to Huddi's CRM for further action.

Explore ↓
A tablet on a grey background showing Huddi's signup form page
The sign-up form.
A tablet on a grey background showing Huddi's Frequently Asked Question page
Frequently asked question page.
A tablet and a phone displaying Huddi's pricing page
Pricing page.

A Look Inside

Huddi is a brand-new company; they've only been around for a few months. For this reason, I decided to develop Huddi's new website in Webflow, as it provides flexibility, scalability, and easy editing.

Underneath, you will find a sneak peek into the Webflow Designer, where the pages are meticulously structured and neatly developed. In addition, all styling classes consist of BEM formatting, allowing an iterative workflow and future edits without requiring extensive research.

Explore ↓
Huddi's Webflow open files sneak peek.
Digital design systems
Information architecture
User journey mapping
Web design
Timothy Maurer
Timothy Maurer
Timothy Maurer
Creative Direction
Timothy Maurer
View site