Ad Auris

Ad Auris

Converting visitors into users

Converting visitors
into users

Converting visitors into users

The call for change.

Ad Auris uses AI to transform written content, including articles, blogs, and more, into high-quality audio experiences that can be distributed to platforms like Spotify. Whether it’s a publisher making their content more accessible or a brand looking to reach new audiences, Ad Auris makes it easy to bring written words to life.

The company 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.

Key outcomes

-23% Bounce Rate
+31% Pages Per Session
+18% Account Sign-ups
Scope

Web Redesign

Web Redesign

What I Did

User Research

Workshop Facilitation

Motion Design

Content Design

Visual Design

Branding

Design System

Timeline

Q4 2023

The Challenge

The Challenge

The Challenge

The Challenge

Ad Auris struggled to convert visitors, resulting in high bounce rates and missed opportunities.

Uncovering the gaps.

My initial discovery meeting with Ad Auris revealed a critical disconnect: while their AI technology was revolutionizing content transformation, their website painted an incomplete picture. Despite offering sophisticated AI-powered audio solutions, the site undermined their market position with three key issues:

Misrepresented Capabilities

The homepage undersold Ad Auris' true potential, presenting it as a basic transcription tool rather than an advanced AI platform for content transformation.

Misrepresented Capabilities

The homepage undersold Ad Auris' true potential, presenting it as a basic transcription tool rather than an advanced AI platform for content transformation.

Misrepresented Capabilities

The homepage undersold Ad Auris' true potential, presenting it as a basic transcription tool rather than an advanced AI platform for content transformation.

Misrepresented Capabilities

The homepage undersold Ad Auris' true potential, presenting it as a basic transcription tool rather than an advanced AI platform for content transformation.

Fragmented UX

Social proof elements disrupted visitor engagement by redirecting users off-site whenever they interacted with audio samples - breaking the critical path to conversion.

Fragmented UX

Social proof elements disrupted visitor engagement by redirecting users off-site whenever they interacted with audio samples - breaking the critical path to conversion.

Fragmented UX

Social proof elements disrupted visitor engagement by redirecting users off-site whenever they interacted with audio samples - breaking the critical path to conversion.

Fragmented UX

Social proof elements disrupted visitor engagement by redirecting users off-site whenever they interacted with audio samples - breaking the critical path to conversion.

Unreliable Demo Feature

The website's core demonstration tool had an alarming 50% failure rate due to technical issues, immediately undermining trust at a crucial moment in the user journey.

Unreliable Demo Feature

The website's core demonstration tool had an alarming 50% failure rate due to technical issues, immediately undermining trust at a crucial moment in the user journey.

Unreliable Demo Feature

The website's core demonstration tool had an alarming 50% failure rate due to technical issues, immediately undermining trust at a crucial moment in the user journey.

Unreliable Demo Feature

The website's core demonstration tool had an alarming 50% failure rate due to technical issues, immediately undermining trust at a crucial moment in the user journey.

The current website

Some of our key objectives for this project.

Increase Sign-ups

Create a clear and intuitive user journey that would guide visitors towards account creation.

Increase Sign-ups

Create a clear and intuitive user journey that would guide visitors towards account creation.

Increase Sign-ups

Create a clear and intuitive user journey that would guide visitors towards account creation.

Increase Sign-ups

Create a clear and intuitive user journey that would guide visitors towards account creation.

Increase Engagement

Captivate and convert a diverse range of users through compelling content and clear, targeted messaging.

Increase Engagement

Captivate and convert a diverse range of users through compelling content and clear, targeted messaging.

Increase Engagement

Captivate and convert a diverse range of users through compelling content and clear, targeted messaging.

Increase Engagement

Captivate and convert a diverse range of users through compelling content and clear, targeted messaging.

Increase Interactivity

Highlight Ad Auris’ transformative capabilities through dynamic, engaging, and interactive design elements.

Increase Interactivity

Highlight Ad Auris’ transformative capabilities through dynamic, engaging, and interactive design elements.

Increase Interactivity

Highlight Ad Auris’ transformative capabilities through dynamic, engaging, and interactive design elements.

Increase Interactivity

Highlight Ad Auris’ transformative capabilities through dynamic, engaging, and interactive design elements.

The Approach

The Approach

The Approach

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.

With the site’s structure mapped out in wireframes, I turned my attention to the hero section - the first thing users would see and the gateway to Ad Auris. It had to grab attention instantly while making the platform’s value crystal clear.

I explored different demo concepts to see what best showcased its strengths. Some focused on accessibility through language transcription, while others leaned into the cutting-edge AI with real-time content transformation. Not every idea stuck, but each iteration brought valuable insights, refining the direction step by step.

At the same time, I experimented with colours, typography, and design elements to ensure the hero wasn’t just eye-catching - it had to set the tone for the entire site: dynamic, approachable, and transformative.

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 way too much explanation for users to get the value right away. That’s when I rethought our approach and landed on 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. They weren’t fully animated, but they were clear enough for the team to understand the vision. After iterating on the best ideas, we sat down, reviewed the options, and voted on the strongest direction.

Scroll animation variations and team votes guiding the final direction

The Redesign

The Redesign

The Redesign

The Redesign

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

The Impact

The Impact

The Impact

The Impact

In just 3 months after launch, the new site was already making a big impact.

-23%

BOUNCE RATE

Before the redesign, visitors often left without fully realizing what Ad Auris could do. The scroll animation changed that, creating an experience that pulled users in right away. 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

What I learned along the way.

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, and at times, it felt discouraging. But each attempt brought us closer to clarity, ultimately leading to the scroll animation - a breakthrough that made all the effort worth it!

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, and at times, it felt discouraging. But each attempt brought us closer to clarity, ultimately leading to the scroll animation - a breakthrough that made all the effort worth it!

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, and at times, it felt discouraging. But each attempt brought us closer to clarity, ultimately leading to the scroll animation - a breakthrough that made all the effort worth it!

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, and at times, it felt discouraging. But each attempt brought us closer to clarity, ultimately leading to the scroll animation - a breakthrough that made all the effort worth it!

Balancing Simplicity with Impact

Designing for a broad audience, especially one with varying levels of tech-savviness, reinforced the importance of making experiences both simple and engaging. Light animations, clear visuals, and approachable content all played a role in making Ad Auris feel intuitive while still maintaining a sense of sophistication.

Balancing Simplicity with Impact

Designing for a broad audience, especially one with varying levels of tech-savviness, reinforced the importance of making experiences both simple and engaging. Light animations, clear visuals, and approachable content all played a role in making Ad Auris feel intuitive while still maintaining a sense of sophistication.

Balancing Simplicity with Impact

Designing for a broad audience, especially one with varying levels of tech-savviness, reinforced the importance of making experiences both simple and engaging. Light animations, clear visuals, and approachable content all played a role in making Ad Auris feel intuitive while still maintaining a sense of sophistication.

Balancing Simplicity with Impact

Designing for a broad audience, especially one with varying levels of tech-savviness, reinforced the importance of making experiences both simple and engaging. Light animations, clear visuals, and approachable content all played a role in making Ad Auris feel intuitive while still maintaining a sense of sophistication.

The 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. It reinforced for me that the best solutions come from collective input, not working in isolation.

The 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. It reinforced for me that the best solutions come from collective input, not working in isolation.

The 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. It reinforced for me that the best solutions come from collective input, not working in isolation.

The 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. It reinforced for me that the best solutions come from collective input, not working in isolation.

© 2025 Eric Lee.
Designed & built by yours truly.
Thanks for stopping by ✌️
© 2025 Eric Lee.
Designed & built by yours truly.
Thanks for stopping by ✌️
© 2025 Eric Lee.
Designed & built by yours truly.
Thanks for stopping by ✌️
© 2025 Eric Lee.
Designed & built by yours truly.
Thanks for stopping by ✌️