Supporting Loop's Webflow migration and advancing their digital goals.

This Series B funded Supply Chain software brand has been on a mission to eliminate the legacy back office processes and challenges that drain companies’ profits. They turned to Zabal to help improve their brand positioning and visual expression via a migration from Contentful to Webflow. Their in-house Demand, Marketing, Creative and Product teams parlayed with Zabal's project management, web design, development, motion and graphics teams to not only to migrate and rebrand, but also support their GTM and sales functions with new content and sales materials. The impact on this migration and creative support is seen in all stages of their funnel - from top of funnel increase in non-brand impressions all the way down to faster sales cycles.

+425
New non-brand
keywords
12.5x
Lead-to-Opp CR%
from Paid Media
+83%
Sales velocity
Sales collateral
Content creative
Webflow development
Ux/Ui design
Webflow training
Graphic design
Lottie animations
Title-tag
CLIENT DETAILS

Understanding the business

Business goals

Going from Contentful to a full rebrand and Webflow build is a challenging process, but the Loop team recognized the need for a website that better served their business goals by driving pipeline growth and generating more demo requests.

Their previous CMS was hard to update, limiting their marketing team’s ability to make regular edits. Empowering them with the flexibility to update the site independently was a key priority. Additionally, they required graphic design support for business and sales materials.

Business challenge

Contentful was costly and required excessive custom development, hindering the team’s efficiency and pulling resources from critical work on their digital product. With limited internal support, delays in branding and the marketing website stalled progress. They needed Zabal, a flexible and scrappy partner, to step in to tackle priorities and deliver value quickly.

Chapter 1
RESEARCH
Title-tag
KEY OBSERVATIONS

Asking the right questions

Research goals

To provide value for a supply chain product, we first studied the product, target customer, and business goals. This meant hours of competitive research, product demos, and collaboration with the design team. A website must extend the product story, using strong storytelling and clear calls to action to turn curious users into passionate fans.

Seamless onboarding
1

First principles thinking

Design starts with understanding. For a complex product like Loop, we tackled complexities before pixels and visual. Starting with the product goals and direction.

Seamless onboarding
2

Pipeline generation

A strong website drives leads and builds sales pipeline. We aligned with their goals and revenue for the migration to be worth the investment for their team.

Seamless onboarding
3

Security & Privacy

As the Loop team grew, they needed Webflow, a secure and scalable CMS that could grow alongside their needs. Contentful was falling short.

Seamless onboarding
4

Approved vendor

A failed migration is costly. We set them up for success in 3 months and secured a 12-month partnership to continue the partnership through 2024-2025.

How can Webflow migration improve a brand’s positioning?
Why remove legacy processes in supply chains?
How did Zabal aid this Series B company’s migration?
How does rebranding improve visual expression?
What impact does creative support have on sales funnels?
Why are faster sales cycles key for growth?
How can Webflow migration improve a brand’s positioning?
Why remove legacy processes in supply chains?
How did Zabal aid this Series B company’s migration?
How does rebranding improve visual expression?
What impact does creative support have on sales funnels?
Why are faster sales cycles key for growth?
How does Zabal’s management ensure migration success?
What role do graphics teams play in GTM efforts?
How does rebranding boost non-brand impressions?
What are the hurdles of moving from Contentful to Webflow?
How does Zabal’s management ensure migration success?
What role do graphics teams play in GTM efforts?
How does rebranding boost non-brand impressions?
What are the hurdles of moving from Contentful to Webflow?
How can teams and agencies collaborate on rebrands?
Why are new sales materials crucial for GTM?
What does better branding mean for top-of-funnel growth?
How does branding connect to sales goals?
What are the results of combining rebranding and migration?
How can teams and agencies collaborate on rebrands?
Why are new sales materials crucial for GTM?
What does better branding mean for top-of-funnel growth?
How does branding connect to sales goals?
What are the results of combining rebranding and migration?
Title-tag
COMPETITIVE ANALYSIS

Interface inspirations

line

Defining a visual direction

Supply chain software is functional, not flashy. We balanced beauty and efficiency with a focus on brand maturity, positioning them for their next phase of growth. This approach was inspired by countless hours of research, exploring solutions, and studying brands in similar industries that made similar leaps, providing valuable insights for Loop.

Chapter 2
USER EXPERIENCE
Title-tag
COMPETITIVE ANALYSIS

Creating the system

Creating the systemCreating the system
Creating the systemCreating the system
Creating the systemCreating the system
Title-tag
Wire frames

Information architecture

Chapter 3
VISUAL DESIGN

Colors

#FFBC1D
#005959
#1C1C1C
#0080FF
#FF655A
#9191FF

Fonts

40+ Individual Icons

Title-tag
VISUAL DESIGN

Visual direction

We adopted a 2D approach, integrating 3D lines to connect digital and physical supply chain movements. This preserved customers' mental models while advancing Loop's brand, blending familiarity with innovation to deeply resonate with their audience.

Concept 1
Visual design guidelines
Concept 2
Visual design guidelines
Concept 3
Visual design guidelines
Concept 4
Visual design guidelines
Title-tag
VISUAL DESIGN

Animations

Motion graphics are essential in elevating Loop.com's brand narrative for supply chain software by incorporating dynamic visuals that captivate and engage users. These animations bring the complexities of supply chain solutions to life, simplifying and effectively communicating Loop.com's core values, innovative tools, and business impact.

Title-tag
VISUAL DESIGN

Visual design guidelines

We have crafted over 30 pages and templates, and we are delighted to showcase the most captivating ones to you.

Home
Home
Online Courses
Resources
Resources
Chapter 4
MEASURING SUCCESS

Zabal is hands down the best agency I have ever worked with. As someone who comes from an agency background, this is a hard bill to fit. Their dedication to their craft, focus on excellence, and creating gorgeous experiences is second to none.

Robyn Winner

Head of Demand Generation

+425
New non-brand
keywords
12.5x
Lead-to-Opp CR%
from Paid Media
+83%
Sales velocity

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
Next project:
Ikigai
zabal