I Reshaped an AI Experience

Introduction

Introduction

Introduction

I redesigned Wavel.ai’s website and dashboard from the ground up to enhance usability, boost engagement, and streamline the user experience. This transformation wasn’t just about aesthetics—it was about making AI solutions more intuitive and accessible.

I redesigned Wavel.ai’s website and dashboard from the ground up to enhance usability, boost engagement, and streamline the user experience. This transformation wasn’t just about aesthetics—it was about making AI solutions more intuitive and accessible.

Overview

Overview

Overview

The previous design was outdated, inconsistent, and difficult to navigate. My goal was to improve usability, streamline workflows, and introduce a cohesive design system. Through strategic redesigns and user-centric iterations, I achieved a 32% increase in conversions and 46% faster task completion. User insights revealed a strong preference for quick previews before committing and a personalized onboarding experience, both of which informed key design decisions.

The previous design was outdated, inconsistent, and difficult to navigate. My goal was to improve usability, streamline workflows, and introduce a cohesive design system. Through strategic redesigns and user-centric iterations, I achieved a 32% increase in conversions and 46% faster task completion. User insights revealed a strong preference for quick previews before committing and a personalized onboarding experience, both of which informed key design decisions.

Role

Role

Role

UX Research & Strategy

UX Research & Strategy

UX Research & Strategy

UI/Visual Design

UI/Visual Design

UI/Visual Design

Prototyping & Interactions

Prototyping & Interactions

Prototyping & Interactions

Testing & Iteration

Testing & Iteration

Testing & Iteration

Cross-functional Collaboration

Cross-functional Collaboration

Cross-functional Collaboration

Design and Research Tools

Design and Research Tools

Design and Research Tools

Figma

Figma

Figma

ChatGPT

ChatGPT

ChatGPT

Photoshop

Photoshop

Photoshop

Jitter.video

Jitter.video

Jitter.video

Lottiefiles

Lottiefiles

Lottiefiles

Canva

Canva

Canva

Slack

Slack

Slack

Highlights

Context

Context

Revamping Wavel.ai: A Bold Redesign

Revamping Wavel.ai: A Bold Redesign

A fresh experience for a growing AI platform

A fresh experience for a growing AI platform

Wavel.ai’s website and dashboard needed a major transformation. The outdated design lacked consistency, was difficult to navigate, and didn’t reflect the company’s evolving AI solutions. As the sole designer, I took on the challenge of modernizing the platform—enhancing usability, branding, and engagement while introducing new features to improve the overall user experience.

Wavel.ai’s website and dashboard needed a major transformation. The outdated design lacked consistency, was difficult to navigate, and didn’t reflect the company’s evolving AI solutions. As the sole designer, I took on the challenge of modernizing the platform—enhancing usability, branding, and engagement while introducing new features to improve the overall user experience.

Problem Statement

Problem Statement

When Design Holds Innovation Back

When Design Holds Innovation Back

Navigating AI tools shouldn't feel like a challenge

Navigating AI tools shouldn't feel like a challenge

The previous design was inconsistent, cluttered, and unintuitive, making it difficult for users to explore and interact with AI features seamlessly. Low engagement rates and usability bottlenecks indicated frustration points that needed urgent attention. The goal was clear: simplify navigation, create a cohesive visual identity, and improve user flow—ensuring that users could accomplish tasks faster, with ease and confidence.

The previous design was inconsistent, cluttered, and unintuitive, making it difficult for users to explore and interact with AI features seamlessly. Low engagement rates and usability bottlenecks indicated frustration points that needed urgent attention. The goal was clear: simplify navigation, create a cohesive visual identity, and improve user flow—ensuring that users could accomplish tasks faster, with ease and confidence.

the challenge

the challenge

The design was outdated, inconsistent, and hard to navigate, reducing engagement and usability. My challenge was to revamp the experience, enhance branding, and introduce new features—efficiently and effectively.

The design was outdated, inconsistent, and hard to navigate, reducing engagement and usability. My challenge was to revamp the experience, enhance branding, and introduce new features—efficiently and effectively.

Outcome

78% increase in user engagement with an intuitive homepage and streamlined dashboard.

78% increase in user engagement with an intuitive homepage and streamlined dashboard.

40% growth in monthly users after improving navigation and usability.

40% growth in monthly users after improving navigation and usability.

Faster task completion with refined workflows and interactive previews.

Faster task completion with refined workflows and interactive previews.

Research

Research

Understanding Users, Refining Design

Understanding Users, Refining Design

A data-driven approach to enhance usability, engagement, and personalization.

A data-driven approach to enhance usability, engagement, and personalization.

Through competitor analysis, A/B testing, and heatmaps, I identified how users interacted with the platform—what engaged them, what confused them, and where they dropped off. These insights directly influenced design improvements.

Through competitor analysis, A/B testing, and heatmaps, I identified how users interacted with the platform—what engaged them, what confused them, and where they dropped off. These insights directly influenced design improvements.

Competitor Analysis

Competitor Analysis

Studied leading AI platforms to identify industry standards, gaps, and opportunities to position Wavel.ai uniquely.

Studied leading AI platforms to identify industry standards, gaps, and opportunities to position Wavel.ai uniquely.

insights

insights

Decoding User Behavior for Smarter Design

Decoding User Behavior for Smarter Design

Key takeaways from research that shaped a more intuitive, engaging, and efficient user experience.

Key takeaways from research that shaped a more intuitive, engaging, and efficient user experience.

Click Density on Key Elements

Click Density on Key Elements

Users interacted most with Clickable elements and uploader screens, so I made them more prominent.

Users interacted most with Clickable elements and uploader screens, so I made them more prominent.

Preference for Visual Previews

Preference for Visual Previews

Animations outperformed static images, leading to lo-fi feature animations.

Animations outperformed static images, leading to lo-fi feature animations.

Interest in Personalization

Interest in Personalization

Onboarding was added as users preferred AI suggestions tailored to them.

Onboarding was added as users preferred AI suggestions tailored to them.

Analysis

Analysis

Designing for Clarity in AI

Designing for Clarity in AI

Bridging user needs and design decisions

Bridging user needs and design decisions

Striking a balance between modern aesthetics and usability, I focused on making Wavel.ai accessible to both tech-savvy users and beginners. The challenge was to simplify complexity while ensuring all features remained intuitive and engaging.

Striking a balance between modern aesthetics and usability, I focused on making Wavel.ai accessible to both tech-savvy users and beginners. The challenge was to simplify complexity while ensuring all features remained intuitive and engaging.

User-Friendly AI, Not Intimidating Tech

User-Friendly AI, Not Intimidating Tech

AI platforms can overwhelm users with options. I adopted a minimal yet functional approach, ensuring key features were easily discoverable without cluttering the interface.

AI platforms can overwhelm users with options. I adopted a minimal yet functional approach, ensuring key features were easily discoverable without cluttering the interface.

Structuring the Ideal SaaS Website

Structuring the Ideal SaaS Website

I analyzed SaaS website best practices and collaborated with SEO & content teams to create an optimized structure. User testing helped fine-tune navigation and engagement.

I analyzed SaaS website best practices and collaborated with SEO & content teams to create an optimized structure. User testing helped fine-tune navigation and engagement.

Making AI Understandable to Everyone

Making AI Understandable to Everyone

To break down complex AI functionalities, I designed unique animated visuals instead of static explanations, ensuring solutions were instantly clear and engaging for users.

To break down complex AI functionalities, I designed unique animated visuals instead of static explanations, ensuring solutions were instantly clear and engaging for users.

Final Thoughts

Final Thoughts

Looking Ahead.

Looking Ahead.

What we Achieved

The redesign boosted user engagement by 78% and increased monthly users by 40%. Improved workflows also enabled faster task completion.

The redesign boosted user engagement by 78% and increased monthly users by 40%. Improved workflows also enabled faster task completion.

Project Takeaways

Enhance Personalization

Enhance Personalization

Further optimizing onboarding and user flows could improve retention and satisfaction.

Refine Visual Feedback

Refine Visual Feedback

Incorporating more interactive previews and real-time responses can boost engagement.

Expand User Testing

Expand User Testing

Deeper insights from broader user testing can help fine-tune the experience.

Redefining

Mental Health

Support

Redefining

Mental Health

Support

Interested in working together?

Interested in working together?

Interested in working together?

I Reshaped an AI Experience

I Reshaped an AI Experience

Highlights

Create a free website with Framer, the website builder loved by startups, designers and agencies.