All work
(02) · Selected Work User Interface

Babelforce

A website redesign for a leading cloud communication platform. I modernized Babelforce's online presence, and rebuilt the site around its refreshed brand.

ClientBabelforceCloud Comms · B2B
RoleSenior Designervia Quarterly
DisciplinesUI Design
Year2024Website redesign
The redesigned Babelforce website shown across iMac, iPad and iPhone
01 / The redesigned Babelforce website, across every screen Web · Responsive
(01)Overview

Babelforce is a leading cloud-based communication platform that lets businesses integrate and manage customer service channels in one seamless experience.

Voice, chat and email come together in a single composable system. The company wanted to enhance its online presence and strengthen its connection with potential clients in the B2B sector.

I led the redesign as Senior Designer with the agency Quarterly, covering creative direction, UX/UI and illustration.

(02)The challenge

An outdated site that worked against the brand.

The existing website suffered from outdated design, unclear navigation, and inconsistent branding across pages. Together these issues weakened the user experience and held back conversions.

The audience spans businesses of all sizes looking to improve their customer service through cloud solutions. They needed a user-friendly, intuitive and visually engaging experience that the old site simply didn't deliver.

Babelforce website shown across mobile screens
03 / Designed mobile-first, optimized for every device Responsive
(03)The approach

Modernize, engage, and optimize for every device.

The goal was to redesign Babelforce's website to modernize its appearance, improve user engagement, and ensure mobile optimization, all while aligning the site with the company's refreshed brand identity and messaging.

  • 01Art direction A modern, confident visual language aligned to the refreshed brand identity and messaging.
  • 02UX & Clearer navigation Restructured journeys and intuitive navigation that guide B2B buyers toward conversion.
  • 03Mobile/Tablet optimization Layouts engineered to perform and feel considered on every screen size.
  • 04Illustration & Accessibility Custom illustration and accessible, well-ordered visual hierarchy throughout.
(04)The pages

The full site, top to bottom.

Each page was rebuilt around the refreshed brand, clearer messaging and a confident visual system.   Hover any screen to scroll through the full page.

Babelforce redesigned homepage, full lengthHover to scroll
/ HomepageDesktop
Babelforce Voicebot AI page, full lengthHover to scroll
/ Voicebot AIDesktop
Babelforce platform page, full lengthHover to scroll
/ PlatformDesktop
Babelforce homepage on mobile, full lengthHover to scroll
Babelforce Voicebot page on mobile, full lengthHover to scroll
Babelforce platform page on mobile, full lengthHover to scroll
(05)Visual system

One system behind every page.

Grid, colour, typography, components and patterns, captured in a style guide that keeps the site consistent and ready to scale. Hover to scroll the full guide.

Babelforce style guide, full lengthHover to scroll
/ Style guideDesign system
(06)Outcome

A presence that finally matches the platform.

The redesign gives Babelforce a modern, consistent website that engages B2B visitors, reflects the refreshed brand, and works as well on mobile as it does on desktop.

Next project
Auntie Anne's
Digital · Print · Motion
Let's work together

Have a project
like this?

Start a project