Increased online sales by 120% within AI-powered E-commerce Chatbot Solution

Increased online sales by 120% within AI-powered E-commerce Chatbot Solution

Increased online sales by 120% within AI-powered E-commerce Chatbot Solution

A personal AI-powered shopping assistant chatbot solution where customers can self-serve everything from shopping services to plans, and technical support.

Role

Lead UX/UI Design

Lead UX/UI Design

Lead UX/UI Design

Industry

Telecom

Telecom

Telecom

Duration

12 months

12 months

12 months

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall
Overview

Claro Brazil is one of the leading telecommunications operators in Brazil, offering mobile, satellite television, fixed, and broadband services. The company aimed to enhance its digital customer experience by creating a personal AI-powered shopping assistant chatbot that allows customers to self-serve everything from shopping services to plan management and technical support.

Between 2022 and 2023, I contributed to this project by designing the end-to-end user experience for the AI chatbot, named “Clara”, which aimed to humanize the shopping process and make the e-commerce journey more intuitive and personalized.

My Role & Responsibilities

As a Senior UX Designer, I was responsible for:

  • Leading the UX research to understand user pain points and expectations.

  • Designing the chatbot interface with a focus on humanizing interactions and enhancing usability.

  • Creating user flows, wireframes, and prototypes to visualize and test design solutions.

  • Collaborating with cross-functional teams, including product managers, developers, and stakeholders, to ensure strategic alignment.

  • Conducting usability testing to validate design decisions and iterate on user feedback.



The Challenge

The app had a cluttered interface, making it difficult for users to navigate and find essential features. Users were facing issues with the onboarding process, which was affecting new user adoption rates. The app lacked personalization and customization options, making it less engaging and user-friendly.

Before the redesign, the app faced several issues:

  • Cluttered Interface: Users struggled to navigate and find essential features, impacting the overall user experience.

  • Onboarding Friction: A complex onboarding process hindered new user adoption rates.

  • Lack of Personalization: The app felt impersonal and did not cater to individual user needs or preferences, resulting in low engagement.

The goal was to create an AI-powered shopping assistant chatbot that would:

  • Streamline the user journey and simplify navigation.

  • Enhance onboarding to improve new user acquisition and retention.

  • Provide a personalized shopping experience that resonates with users.


Process & Approach

To deliver an intuitive and user-centric solution, I adopted a human-centered design approach that included the following phases:

1️⃣ Research & Analysis

To understand user pain points and expectations, we employed a multi-method research strategy:

  • User Interviews: Conducted moderated interviews through Microsoft Teams to gain in-depth insights into user frustrations and needs.

  • Online Surveys: Distributed surveys via Survey Monkey to a sample of Claro’s customer database, capturing quantitative data on user experiences and expectations.

  • Analytics Review: Analyzed user behavior data from Hotjar, identifying pain points related to navigation, onboarding, and personalization.

  • Competitive Analysis: Evaluated competitor web apps and industry trends to identify best practices and inspiration.


My Reaction & Approach

Recognizing the need to humanize the digital shopping experience, I proposed the idea of giving the chatbot a human identity. I conducted a test with a small focus group by naming the chatbot “Clara” (the female name for “Claro”). This approach aimed to create an emotional connection with users while maintaining brand alignment.

The group responded positively, perceiving Clara as a friendly and relatable virtual assistant, which reinforced my belief in the power of humanizing digital experiences.


Overview

Claro Brazil is one of the leading telecommunications operators in Brazil, offering mobile, satellite television, fixed, and broadband services. The company aimed to enhance its digital customer experience by creating a personal AI-powered shopping assistant chatbot that allows customers to self-serve everything from shopping services to plan management and technical support.

Between 2022 and 2023, I contributed to this project by designing the end-to-end user experience for the AI chatbot, named “Clara”, which aimed to humanize the shopping process and make the e-commerce journey more intuitive and personalized.

My Role & Responsibilities

As a Senior UX Designer, I was responsible for:

  • Leading the UX research to understand user pain points and expectations.

  • Designing the chatbot interface with a focus on humanizing interactions and enhancing usability.

  • Creating user flows, wireframes, and prototypes to visualize and test design solutions.

  • Collaborating with cross-functional teams, including product managers, developers, and stakeholders, to ensure strategic alignment.

  • Conducting usability testing to validate design decisions and iterate on user feedback.



The Challenge

The app had a cluttered interface, making it difficult for users to navigate and find essential features. Users were facing issues with the onboarding process, which was affecting new user adoption rates. The app lacked personalization and customization options, making it less engaging and user-friendly.

Before the redesign, the app faced several issues:

  • Cluttered Interface: Users struggled to navigate and find essential features, impacting the overall user experience.

  • Onboarding Friction: A complex onboarding process hindered new user adoption rates.

  • Lack of Personalization: The app felt impersonal and did not cater to individual user needs or preferences, resulting in low engagement.

The goal was to create an AI-powered shopping assistant chatbot that would:

  • Streamline the user journey and simplify navigation.

  • Enhance onboarding to improve new user acquisition and retention.

  • Provide a personalized shopping experience that resonates with users.


Process & Approach

To deliver an intuitive and user-centric solution, I adopted a human-centered design approach that included the following phases:

1️⃣ Research & Analysis

To understand user pain points and expectations, we employed a multi-method research strategy:

  • User Interviews: Conducted moderated interviews through Microsoft Teams to gain in-depth insights into user frustrations and needs.

  • Online Surveys: Distributed surveys via Survey Monkey to a sample of Claro’s customer database, capturing quantitative data on user experiences and expectations.

  • Analytics Review: Analyzed user behavior data from Hotjar, identifying pain points related to navigation, onboarding, and personalization.

  • Competitive Analysis: Evaluated competitor web apps and industry trends to identify best practices and inspiration.


My Reaction & Approach

Recognizing the need to humanize the digital shopping experience, I proposed the idea of giving the chatbot a human identity. I conducted a test with a small focus group by naming the chatbot “Clara” (the female name for “Claro”). This approach aimed to create an emotional connection with users while maintaining brand alignment.

The group responded positively, perceiving Clara as a friendly and relatable virtual assistant, which reinforced my belief in the power of humanizing digital experiences.


2️⃣ Information Architecture

Based on the research findings, I found out how the AI Chatbot could help customers flow through their e-commerce journey and the information architecture.

  • Restructured the app’s navigation to prioritize frequently used features such as shopping, plan management, and technical support.

  • Streamlined the onboarding process to reduce friction and improve user activation rates.

  • Designed an adaptive flow to personalize the user journey based on user behavior and preferences.

  • Planned for a 24/7 self-service experience, ensuring users could seamlessly complete tasks anytime, anywhere.




3️⃣ Wireframing & Prototyping

To visualize and test design concepts, I draw the overviews of the interactive product to establish the structure and flow of possible design solutions, but also;

  • Created low-fidelity wireframes to map out the user journey and key interaction points.

  • Designed interactive prototypes using tools like Figma, enabling rapid iteration and feedback loops.

  • Conducted internal reviews and collaborative sessions with product managers and engineers to ensure technical feasibility and strategic alignment.



4️⃣ Usability Testing & Iteration
  • Conducted usability testing with a diverse group of users to validate the design and user flows.

  • Gathered qualitative feedback on the chatbot’s usability, tone, and overall experience.

  • Iteratively refined the interface to address pain points and enhance engagement.

Based on the feedback, we made necessary adjustments to the design.




5️⃣ Visual Design & Style Guide

To ensure a cohesive and branded experience, I:

  • Developed a visual design system with Claro’s brand colors, typography, and iconography, creating a friendly and approachable look.

  • Designed micro-interactions and animations to enhance engagement and delight users.

  • Created a comprehensive style guide to maintain consistency in future updates and enhancements.



Outcomes & Impact

The redesigned AI-powered shopping assistant chatbot significantly improved the user experience, leading to:

  • Increased online sales by 120%, generating 1,647 new sales within 12 months.

  • 3 min 14s Average Time on Site, indicating higher user engagement and interaction.

  • 1.4 million page views, showcasing increased visibility and usage of the chatbot solution.


Business Impact
  • Enhanced the brand’s digital presence and customer engagement, supporting Claro’s strategic digital transformation goals.

  • Reduced customer support dependency by empowering users with a comprehensive self-service experience.

  • Contributed to improved customer satisfaction and retention rates through personalized and seamless interactions.



Lessons Learned
  1. Humanizing AI Drives Engagement

    • Naming the chatbot Clara and giving it a relatable identity enhanced user connection and trust.

    • Learned the importance of emotional design in creating meaningful digital experiences.

  2. User-Centered Design is Key

    • Conducting extensive user research and usability testing provided valuable insights that guided design decisions.

    • Reinforced the value of continuous user feedback and iterative design.

  3. Cross-Functional Collaboration Enhances Outcomes

    • Close collaboration with product managers, engineers, and stakeholders ensured strategic alignment and technical feasibility.

    • Improved my ability to advocate for user needs while balancing business goals and constraints.


Conclusion

This project not only transformed Claro’s e-commerce experience but also demonstrated the power of AI-driven personalized interactions. My involvement as a Senior UX Designer allowed me to leverage human-centered design principles, cross-functional collaboration, and strategic thinking to deliver a high-impact digital solution.

This experience reinforced my commitment to innovative, user-centric design solutions that enhance customer experiences and drive business growth.

Other projects

Other projects

Other projects

Optimized the digital user experience increasing the visitors time spent on the website by 62%.

Optimized the digital user experience increasing the visitors time spent on the website by 62%.

Strengthen its digital presence and engage users more effectively, refreshing its online user experience.

Strengthen its digital presence and engage users more effectively, refreshing its online user experience.

Strengthen its digital presence and engage users more effectively, refreshing its online user experience.

Enhancing the end-to-end user experience on the Wells Fargo Mobile App, reaching 1.7 billion mobile login sessions.

Enhancing the end-to-end user experience on the Wells Fargo Mobile App, reaching 1.7 billion mobile login sessions.

Careful crafted solution based on real user experiences. We aimed to tackle the common challenges faced by consumers when using Wells Fargo's mobile app.

Careful crafted solution based on real user experiences. We aimed to tackle the common challenges faced by consumers when using Wells Fargo's mobile app.

Careful crafted solution based on real user experiences. We aimed to tackle the common challenges faced by consumers when using Wells Fargo's mobile app.

Redesigning Web Application for Immersive Financial Learning Experience increasing the course completion rates by 42%

Redesigning Web Application for Immersive Financial Learning Experience increasing the course completion rates by 42%

Revolutionizing the educational ecosystem building a frictionless, accessible, and culturally aware financial learning platform that meets the needs of our customers.

Revolutionizing the educational ecosystem building a frictionless, accessible, and culturally aware financial learning platform that meets the needs of our customers.

Revolutionizing the educational ecosystem building a frictionless, accessible, and culturally aware financial learning platform that meets the needs of our customers.