The Variable — interactive design for those who fight indifference

time icon
2023
2022-2023
Advertising & marketing
Other industries
arrow scroll icon
scroll
No items found.

PROJECT OUTSET

About the client

The Variable is an independent creative agency that specializes in providing design services focused on marketing and advertising materials. They drive growth for today, which ensures growth for tomorrow. Because of such a unique approach, The Variable collaborated with globally-recognized brands, like Electrolux, Scotts Miracle-Gro, Char-Broil, NAPA Auto Parts, BASF, Nestlé, and P&G, helping companies across the globe relentlessly combat their greatest challenge — consumer indifference.

{{GO TO WEBSITE}}

{{services-provided}}

The Variable’s numbers

According to Statista, with increasing internet access and the growing prominence of online platforms, digital advertising in the USA was expected to reach approximately 616 billion dollars in 2022. By 2027, global digital advertising revenue is projected to surpass one trillion dollars, highlighting its increasing importance in the advertising industry.

As The Variable is headquartered in North Carolina, USA, it directly contributes to these numbers, day-by-day fostering the industry’s growth. With a sincere passion and broad experience of 90 dedicated employees, the company achieved a $25M revenue and helped hundreds of organizations to win their customers’ hearts.

<div class="case__rich-result">
<ul><li>90 Enthusiastic specialists</li>
<li>$25M Agency's total revenue</li>
</ul>
</div>

{{steps}}

IN-DEPTH RESEARCH

Competitive analysis

To help the client achieve a distinctive and recognizable visual identity, we started by an in-depth analysis of industry competitors, looking for the most effective brand-building strategies. By examining the most successful features in the advertising market, such as black & white videos, large typography, and consistent visual elements, our team identified best practices for The Variable.

USER PROFILE

The Variable’s target

Through brainstorming sessions, we have identified the client’s target user is a business seeking professional assistance to bring their creative vision to life. These organizations need the help of advertising companies to establish a strong brand presence with eye-catching visuals and develop effective marketing campaigns that resonate with their audience. Most of all, such businesses value the agency’s ability to understand their goals. That’s why an intuitive website with accessible content and bold details is what they need to ensure the advertising company may deliver their message accurately and efficiently.

UI/UX INSIGHTS

Bold brutal design

Having identified the struggles of the client’s customers and their companies, we needed to find the right design solutions because pictures, colors, and fonts are crucial tools for communicating the mood and message of the project. In light of this, when selecting the colors, our team aimed to stay true to the brutal design, creating a visuality that would be etched in the memory of visitors. That’s why we decided to blend black, purple, and red colors, which exuded a rebellious mood of the platform. To maintain a visual balance, our designers interspersed this palette with touches of light gray and white.

Keeping in mind The Variable’s contrasting and energetic mood, our team used the bold Barlow Condensed font for headers and classical Montserrat for the main body. As a final touch, we incorporated customized stickers, various unusual animations, and large CTA blocks. Ultimately, our team created a brutal but friendly design that accurately conveys The Variable’s love for experiments and innovations.

ALL-IN-ONE TOOL

Webflow crafting

To bring all design ideas to life, we utilized Webflow technology, as it offers all the features that our team needed. Firstly, it has a fully integrated cloud-based CMS, which makes it super easy to update and manage content without any hassle. Secondly, Webflow is known for its great optimization capabilities, so the website can look fantastic across all devices. Last but not least, Webflow allowed us to integrate with Zapier. It was beneficial for the client as they could automatically add posts from Instagram to their website.

END POINT

Final milestone

Thanks to the seamless project management process and transparent communication with the client, we rocked this project, presenting The Variable in a new light. Our team put every effort into delivering meaningful design and development solutions that perfectly met the project’s specific needs and requirements. As a result, the client is satisfied with the easily recognizable brand visuality, while their customers are more than excited to work with The Variable and conquer their market in the most creative and effective way ever.

What’s a Rich Text element?

What’s a Rich Text element? sdffgdfgfghfgh

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  • Sdfdfg
  • Dfgdfgfdg
  • dfgdfgfd
  • Dfgdfg

dfgdf gdfg dfgdfgidfgiudf gdf ugidfugidf ugid

  • dfgfdg
  • dfgdfg
    dghjghj
  • dfgdfg
  • dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

  1. 01 dfgdfgd
  2. 01 dfgfdg
  3. 01 dfgdfg
  4. 01 dfgdfg

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
GreenBiz
get in touch
get in touch

dfgdfgdfg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

sdfsdfsdfsdfdg

The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.

Services we provided

Web design
Web design
Webflow development
Webflow development
TIME FRAME:
4 months

Technologies used

No items found.
No items found.
No items found.
No items found.
No items found.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.
  • 01Through the simple page with a brief registration form and an image of a unit’s exterior.

To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:

Results in numbers

Once we had developed the configurator and Mighty Buildings concluded the lengthy closed beta testing, they launched their product publicly, raising $40 Million in Series B Funding. And they haven’t stopped there — during the subsequent funding campaigns, they’ve raised more than $100M from leading investors, including Khosla Ventures and Arctern Ventures.

  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding
  • $40M
    Raised in series B Funding

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Problem

The main challenge of this project was to design a website that would totally match the rebellious and innovative spirit of The Variable. To achieve these goals, a complete digital overhaul was necessary. This included defining the company’s target, creating a bold and user-friendly UI/UX design, and bringing all our ideas and website’s functionality to life — with specific customized elements and catchy details.

Solution

Our team took on the task of identifying and resolving the project’s pain points. Armed with a wealth of information, we set out to create an unmatched identity for the agency through design and development solutions. For this, we chose a contrasting color palette, large images and videos, bold typography, and cartoonish personalized icons that together create a well-structured website, as bright and audacious as The Variable itself.

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Redux and Redux-saga

To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.

The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga

Client’s feedback

ings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Alex
Coo

We couldn’t be more happy than we are with you guys… It gave us a lot of confidence in your team’s ability to do the job well, and we definitely felt like the job was done very well. 
Internally we have around 95 employees and everybody was just like: Wow! It captures so much about what we do as a company. It is way better than we had before.

Kate Fenstermacher
Director of Delivery at The Variable

Have a similar project or idea? Let's discuss the details.

Ready to discuss
your project with us?

Please, enter a valid email
By sending this form I confirm that I have read and accept the Privacy Policy

Thank you!
We will contact you ASAP!

error imageclose icon
Hmm...something went wrong. Please try again 🙏
SEND AGAIN
SEND AGAIN
error icon
clutch icon

Our clients say

The site developed by Halo Lab projected a very premium experience, successfully delivering the client’s messaging to customers. Despite external challenges, the team’s performance was exceptional.
Aaron Nwabuoku avatar
Aaron Nwabuoku
Founder, ChatKitty
Thanks to Halo Lab's work, the client scored 95 points on the PageSpeed insights test and increased their CR by 7.5%. They frequently communicated via Slack and Google Meet, ensuring an effective workflow.
Viktor Rovkach avatar
Viktor Rovkach
Brand Manager at felyx
The client is thrilled with the new site and excited to deploy it soon. Halo Lab manages tasks well and communicates regularly to ensure both sides are always on the same page and all of the client’s needs are addressed promptly.
Rahil Sachak Patwa avatar
Rahil Sachak Patwa
Founder, TutorChase