Built for the world’s most
important events: Yours

1
2

Hubilo

Shortly after the Hubilo team became a Webflow enterprise customer, we were introduced by a Webflow account executive, in hopes to help this team properly get set up with Webflow as their main CMS platform. The engagement with this team was perfect for us because it involved strategy, design, development, training, and growth. A key part of this engagement was to implement their new branding guidelines in a way that was scalable across all pages on their website.

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

Understanding the problem

Business Goals

After this team raised $125 million in funding, during a global pandemic, it was clear that virtual events needed to be THE priority, at least in the short term. Due to this massive growth and attention on virtual event companies, it was imperative that the Hubilo website was continuing to grow as quickly as their demand and product features evolved.

Business challenges

Due to the increase in demand for virtual events, the Hubilo marketing team needed a flexible CMS that allowed them to publish and create new landing pages at the speed of thought. Their internal headcount was not enough to rebrand the company, redesign their website, and onboard their entire Marketing team onto the Webflow CMS within 3 months. This is where Zabal came into the picture. We were able to quickly become an extension of their team and support on all things design and Webflow development.

Chapter 1
RESEARCH
KEY findings
Up-heading

Asking the right questions

Research goals

Our goal was to understand holistically how this team was looking to capitalize on virtual events during such an opportune time in history. Aside from learning about their content strategy, we spent a significant amount of time doing research on their competitors.

01

Remote work

How and where are their users when they are attending virtual events today?

02

Collaboration

How can users collaborate and still be as effective as they were during in-person events?

03

Collaborative

How might we create a website experience that is as engaging as the Hubilo platform?

04

On the go

How are users attending webinars, events, and calls on the go? Is the preference to be mobile?

How do members from the Hubilo team previously attend events?
How does collaboration work at virtual events?
Where are users going to register for virtual events?
What is the biggest trade-off when attending a virtual event?
What is a nice to have feature that all users want?
What do people hate about virtual events?
What makes a virtual event better than a physical event?
How do members from the Hubilo team previously attend events?
How does collaboration work at virtual events?
Where are users going to register for virtual events?
What is the biggest trade-off when attending a virtual event?
What is a nice to have feature that all users want?
What do people hate about virtual events?
What makes a virtual event better than a physical event?
Will virtual events be more cost-effective for attendees?
How is Hubilo different from their competitors?
Are virtual events going to be the new way to attend events?
Will virtual events slow down when the pandemic is over?
How important is safety when thinking of attending an event?
Are Hubilo’s events recorded to view at a later time?
What holds people back from going to virtual events?
Will virtual events be more cost-effective for attendees?
How is Hubilo different from their competitors?
Are virtual events going to be the new way to attend events?
Will virtual events slow down when the pandemic is over?
How important is safety when thinking of attending an event?
Are Hubilo’s events recorded to view at a later time?
What holds people back from going to virtual events?
What are the most important features to add on a virtual event product?
Do virtual events make the event experience less human?
How likely are users to pick virtual events over in-person events?
What key pages need to be on the website?
What is the organization of product features in the navigation bar up the website?
How might we increase the amount of demo request form submissions?
Who are the ideal users of this product?
What are the most important features to add on a virtual event product?
Do virtual events make the event experience less human?
How likely are users to pick virtual events over in-person events?
What key pages need to be on the website?
What is the organization of product features in the navigation bar up the website?
How might we increase the amount of demo request form submissions?
Who are the ideal users of this product?
COMPETITIVE ANALYSIS
Up-heading

Gathering inspirations

Applying updated branding

Brand guidelines make all of the difference. We were fortunate enough to have a detailed brand book that was managed by the Hubilo’s creative director.

Chapter 2
USER EXPERIENCE
INFORMATION ARCHITECTURE
Up-heading

Scalable design system

Hubilo - Sitemap & Back-end architecture

Final Draft
WIRE FRAMES
Up-heading

Exploring new layouts

Chapter 3
VISUAL DESIGN
STYLEGUIDE + COMPONENTS
Up-heading

Visual design guidelines

Colors

RGB
D1DD2B
RGB
333132
RGB
D78A65
RGB
A28980
RGB
AFC3CA
RGB
C9A89A
RGB
D7AB5D
RGB
E3E1DC

Helvetica Neue

Chapter 4
Measuring Success

Zabal is an all-around strong design and development partner. I say partner and not agency here, because I truly feel that the leads Zabal assigned to our site migration and rebrand project became (honorary) members of the Hubilo internal marketing/ growth team. The communications, documentation, constant figma comments and interactions, hand-offs between design and development, transparency, project management... all of it was just seamless.

Taryn Pacheco
Head of Growth Marketing
$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.