Developing a custom website for a state-of-the-art Shopify App

Candid Leap Deliverables
Design System, Motion Graphics, Web Development.

The Background

WAIR visualizes a future where shoppers no longer need to worry about selecting their size when shopping online; a future called sizeless commerce.

They have developed a powerful SaaS solution that aims to provide shoppers with virtual fitting rooms, allowing clothing brands to scale their operations and drive growth while receiving powerful user-centered insights.

The Problem

WAIR already had a website and an agency responsible for it. They were happy with how it all went, except for one thing: once the site went live, WAIR felt as if they were no longer relevant to their agency.

“Most Webflow shops do dev, but don't know growth. Candid Leap goes beyond, with marketing & analytics baked into what they do.”

Dani Braun
Marketing Director @ WAIR.

That's where we came in.

The Approach

We met with WAIR’s key stakeholders to assess the situation and get to know its brand personality, website goals, and value offer.

We identified the core issues we needed to address for the project to be successful.

WAIR would provide pre-approved designs, while Candid Leap would adapt those designs to all formats needed to develop a fully responsive marketing website.

The Strategy

Communication, lot's of it.

We knew that day-to-day communications were a big deal for them.

Candid Leap’s background in performance marketing allowed us to speak the same language as WAIR’s Marketing Director, who oversaw this project. This mutual understanding is often rare to find in Webflow and design agencies.

Communication Tools Used With Client
slack icon
Slack
clickup icon
Clickup
marker io icon
Marker.io

The Deliverables

Perfect Design
System
Quality
Assurance
Motion Graphics &
Animations
Premium Webflow Development

Design

As the client submitted mockups, our designers proceeded first by adapting those designs to fit all types of devices and formats.

Webflow Insight: It's always more challenging to adapt third-party designs than our own, as we can design entire sites knowing what's possible in Webflow and what requires additional custom code.

Website Development

Turning designs into experiences

Moving from Design to Development is always a unique challenge. It's where It's where the site comes to life!

Webflow allows us to take approved designs and turn them into interactive experiences, covering everything from simple functionality to animations, transitions, and more.

Design System with Relume Library

We created a design system from Relume Library and upgrade it so it has the same structure on Webflow Client-First template.

Lotties Animation

The client launched the site with animated GIFs. They got the job done, but we recommended using smaller Lottie files as they are easier to implement in Webflow. You can see the difference in this image.

Scrolling Interaction

The client requested a gallery to showcase features in a section. Our team suggested using a different type of animation that better displayed that information.

Using Client-First Guidelines

Once each section was complete, we'd send it to the client with a staging link. The client would then use Marker.io to add notes in the staging link, resulting in a streamlined feedback system.

Those comments would go to ClickUp, generating a ticket that our team would handle directly.

Quality Assurance

Once each section was complete, we'd send it to the client with a staging link. The client would then use Marker.io to add notes in the staging link, resulting in a streamlined feedback system.

Those comments would go to ClickUp, generating a ticket that our team would handle directly.

The Results

An incredibly happy client, whiling to work with us on site expansions and many new projects. Is there a better result?

“Most Webflow shops do dev, but don't know growth. Candid Leap goes beyond, with marketing & analytics baked into what they do.”

Dan Giovacchini

Co-Founder at Tango

Interested in working with us?

Tell us all about your project

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form. Please try again :)