Overview
Ad Auris had grown fast, with press coverage, VC funding, and a rapidly evolving AI platform, but their website hadn’t kept up. It didn’t reflect their cutting-edge capabilities, their leadership in AI-driven audio, or most importantly, convert visitors into users.
As part of their rebranding efforts, the first step was to completely overhaul the website. I led the redesign, aiming to design a modern, engaging site that would showcase Ad Auris’ cutting-edge technology, help strengthen their brand, and ultimately encourage more visitors to sign up.
-23% Bounce Rate
+31% Pages Per Session
+18% Account Sign-ups
Company
Client
Team
Timeline
Ad Auris struggled with high bounce rates and low site conversions.
Their website painted an incomplete picture.
Despite offering sophisticated AI-powered audio solutions, the site undermined their market position with three key issues:
The existing website
Some of our key objectives for this project.
Building the foundation for Ad Auris’ transformation.
Understanding who I'm designing for.
The redesign kicked off with a deep dive into discovery. I led workshops to get a clearer picture of Ad Auris' core audiences, uncovering two key user groups: digital publishers and content marketers - each with their own priorities and challenges.
Publishers were focused on expanding their reach without compromising editorial quality, while content marketers cared most about engagement metrics and making content repurposing as efficient as possible. These insights shaped how we positioned the platform, ensuring the messaging spoke directly to what mattered most to them.
Mapping out key personas and their unique needs to guide the redesign
Deepening our understanding of user journeys to highlight Ad Auris' value and competitive edge
Shaping the first impression.
I explored many hero sections, highlighting different value proposition and visual directions. Some focused on accessibility through language transcription, while others leaned into the cutting-edge AI with real-time content transformation.
Not every idea stuck with the team, but each iteration brought valuable feedback that allowed me to refine the approach, step by step.
Wireframes setting the foundation for structure and flow
Exploring demo concepts to refine messaging and visuals
The breakthrough moment…
As we looked back at the previous demos, we noticed two big problems: some felt too simple and didn’t fully showcase what Ad Auris could do, while others needed too much explanation for users to understand the value. That’s when I introduced the concept of a scroll-triggered animation.
To bring this idea to life, I designed multiple animation concepts, breaking them into frames to map out how they’d flow. Even though they weren’t fully animated, they were clear enough for the team to understand the vision.
Scroll animation variations and team votes guiding the final direction
A full reimagining of Ad Auris.
Let's show, don't tell.
The final scroll animation became a standout piece of the redesign, creating an interactive experience that brought Ad Auris’ capabilities to life. As users scrolled, they watched content transform into audio in real time - making the platform’s value instantly clear in a way that felt seamless and engaging.
Showcasing Ad Auris in action
Information through motion.
One of our guiding philosophies was making sure users could grasp the platform’s capabilities without feeling overwhelmed, especially those who weren’t tech-savvy. To keep things intuitive, I extended the animations beyond the initial scroll, adding interactive elements throughout the site. These light touches made the experience more engaging while keeping it approachable.
Feature cards in motion - designed to inform and delight
Setting the team up for success.
To support Ad Auris’ upcoming web app and future marketing efforts, I built a lightweight design system using the colours, typography, and key components from the website. I also designed new components specifically for the app, making sure everything felt cohesive and aligned with their refreshed brand.
Snippets from the design system
The new Ad Auris
In just 3 months after launch, the new site was already making a big impact.
-23%
BOUNCE RATE
Clarity recordings showed people pausing, scrolling back, and interacting with the animation multiple times - clear signs that it was grabbing their attention and encouraging them to explore further.
+31%
PAGES PER SESSION
By making content feel more relevant and approachable, the redesign helped users quickly grasp Ad Auris’ value. This naturally led to more exploration of key sections and features, as people were drawn to content that spoke directly to their needs.
+18%
ACCOUNT SIGN-UPS
All of this naturally led to more account sign-ups, proving that the redesign didn’t just boost engagement - it built the trust needed for users to take action. By clearly showcasing Ad Auris’ value, the new site turned curious visitors into potential long-term users.
Celebrating the redesign.
The Ad Auris CTO gave the redesign a shoutout on LinkedIn, and the response was amazing. People were excited, with comments rolling in about how great the new site looked. Seeing both the team and the wider community genuinely thrilled about the work was the perfect way to wrap up the project!
The Ad Auris team and others sharing their love
My three key takeaways from this project.
Iterating towards success
The hero went through a lot of iterations to get right, and not every idea landed. It wasn’t always easy seeing my concepts fail to get unanimous support. But each attempt brought us closer to clarity, ultimately leading to the scroll animation - a breakthrough that made all the effort worth it!
Simplfying complexity
Designing for an audience with varying levels of tech-savviness, reinforced the importance of making experiences both simple and engaging. Light animations and clear visuals all played a role in making Ad Auris feel approachable, yet sophisticated.
Power of collaboration
This project was a solid reminder that great design is rarely a solo effort - it’s built through collaboration. From team feedback to workshops, every perspective helped refine ideas and push the work forward.
