Wild.AI

Cutting a website bounce-rate by 35%

Outcome:

  • 35% improvement in bounce rate.
  • Eliminated bottlenecks in development by empowering the marketing team with greater autonomy.
  • Streamlined navigation, cutting average time by 66%.

Responsibilities

UX research, UI design, Webflow development

Platform

Web

Year

2023

Team

Design, Product, Marketing

let me introduce you to wild.ai

Wild.AI optimizes female performance and wellbeing, taking into account hormonal cycles and fluctuations.

Sounds like a cool idea... poorly presented on the marketing website in place, when I joined as a design lead in September of 2022.

Here are a few numbers to back up my claims:

45% of marketing campaigns were not promoted through the website.
Hand-coded website made the small dev team a regular bottleneck for website updates.
Ineffective information architecture led to long navigation search times of up to 7 seconds
Both top navigation and home screen displayed a variety of unrelated items.
74% Bounce rate
This is the percentage of people who leave the website without taking any action such as clicking on a link, filling out a form or making a purchase.
Addressing the navigation.

a shop window controlled by locksmiths

Over time, the Wild.AI website became like a shop window where everything the store offered was thrown in for display—random products, sale flyers, old advertisements—without thought for what customers might want to see or how they’d navigate the clutter.

But here’s the twist: instead of store employees managing the window, only the locksmiths who held the keys could change it. Even adding a small sign required going through them, leading to delays and a rigid, unresponsive system.

As a result, the shop window didn’t reflect the dynamic, innovative brand Wild.AI wanted to project—it was cluttered, static, and out of sync with the needs of both the business and its customers.

Let's talk about the bounce rate.

what is actually the point?

In order to fix the bounce rate, we needed to understand what the point of the website actually was. If a visitor lands on the website, what do they see? How is it for them? The answer was: there was nothing for them. It was a display of the products, offers and things Wild.AI had on display, not about how these would serve its customers.

So, the information needed to be structured in a way that understood (and allowed visitors to understand) whether or not they had come to the right place.

From there, they would be able to decide where to go next, and if Wild.AI was the best solution for them. Spoiler alert: this approach would end up helping us cutting down that high bounce rate a significant amount.

identifying a solution

I’m not gonna lie—my first attempts to fix this website were underwhelming, to say the least. Whilst cleaning up the structure and information architecture, that only tackled one of the issues, and left the two larger problems unaddressed.

Eventually, a half joking comment (we know there is always truth hiding in those) ended the meeting between design and product on a Tuesday morning: “What if we just move the entire website to Webflow?

We both decided to table the topic, since the idea would require deeper exploration before committing.

sitemap diagram of wild.ai website

four challenges and one success

We identified four major challenges tied to this ambitious plan:

  1. Migration would be time-consuming and messy.
  2. Moving to Webflow would reduce reliance on developers, but I was the only designer on the team with Webflow expertise, which meant design could become the new bottleneck.
  3. SEO and content updates were essential.
  4. With the mobile app undergoing visual updates and the brand identity still evolving, the website needed to align seamlessly with these changes.

Over the next few conversations, the collaboration between product, marketing and design solidified and consolidated the feasibility of the project, and soon I found myself in the midst of a full migration to Webflow. Lots of work; but so rewarding!

how much changing is too much changing?

Finding the right balance between change and consistency is challenging; we wanted to ensure that the changes worked for both the business and the users.

The brand identity of both the company and its products was in flux, meaning the website would need to mirror an aesthetic that wasn’t yet finalized. We knew we couldn’t afford to wait for all the pieces to fall into place; so we prioritized these key decisions:

  1. Establishing a flexible design system that aligned with the company's general direction. Clean black, white, and blue tones became the foundation, and tab-based navigation added structure.
  2. Simplifying navigation with reduced outbound links and refocused content around the core offerings.
  3. Incorporating AI-generated imagery to give the site a unique feel.
  4. Balancing change with familiarity by maintaining certain elements, like the logo and tone of voice.

checking in: 4 months later

Some results are immediate, while others take time to reveal themselves. One of our primary goals—reducing the bounce rate—was something we couldn’t evaluate right away. However, we were able to solve our other two issues:

  1. Happier, more efficient marketing team: They could now implement promotions, announcements, and event details without waiting on developers, enabling faster decision-making and execution.
  2. Improved navigation times: Users could now find key information in less than 60 seconds, a dramatic improvement over the previous 3-minute navigation times. Funny enough: the average session duration did not decrease.

4 months later, during a routine analytics checkup: the bounce rate had dropped by 35%! The combined efforts of the migration, improved information architecture, and refreshed content were finally paying off.

the aftermath: what's next?

As with any project, there’s always room for refinement. Over time, a few areas of improvement have become clear:

  1. Wild.AI’s products and visual identity have continued to evolve. For instance, the color palette has been further simplified, making certain visuals feel slightly outdated.
  2. One of Wild.AI’s core products was recently sunsetted. Beyond just content updates, this change requires a rethinking of how we present our offerings and guide users to the flagship product.

While the initial redesign laid a strong foundation, this next phase will ensure the site continues to grow and evolve alongside Wild.AI’s mission and goals.