User-Centered Design: Designing an AI Browser Extension for Personalized Shopping
How might we simplify the shopping process for users to prevent cart abandonment and decision fatigue?
User-Centered Design: Designing an AI Browser Extension for Personalized Shopping
How might we simplify the shopping process for users to prevent cart abandonment and decision fatigue?
User-Centered Design:
Designing an AI Browser Extension for Personalized Shopping
How might we simplify the shopping process for users to prevent cart abandonment and decision fatigue?
Overview
Team: Kalina Roy & Jasmine Oulmi
Role: UX/UI Designer
Format: Desktop
Tool: Figma, Notion
Duration: 10 days
About the Client
ACQUIRED is an AI-powered browser extension aimed to simplify the online shopping experience in real time. Based on the user data, the browser adapts to their personal style preferences, budget limits, and unique sizing requirements.
ACQUIRED is an AI-powered browser extension aimed to simplify the online shopping experience in real time. Based on the user data, the browser adapts to their personal style preferences, budget limits, and unique sizing requirements.
Solution
Solution
Solution
Empower shoppers with a personalized experience based on their personal style preferences, budget limits, and unique sizing requirements.
Empower shoppers with a personalized experience based on their personal style preferences, budget limits, and unique sizing requirements.
01
01
Meeting the client
Meeting the client
Meeting the client
We began the project with a kickoff meeting with Acquired's two CEOs, aligning on their vision and reviewing initial user flows, which served as a guide while we built from the ground up. With a clear brand and message in place, our focus was to ensure users connected with the concept and to develop a strong MVP.
We began the project with a kickoff meeting with Acquired's two CEOs, aligning on their vision and reviewing initial user flows, which served as a guide while we built from the ground up. With a clear brand and message in place, our focus was to ensure users connected with the concept and to develop a strong MVP.
We began the project with a kickoff meeting with Acquired's two CEOs, aligning on their vision and reviewing initial user flows, which served as a guide while we built from the ground up. With a clear brand and message in place, our focus was to ensure users connected with the concept and to develop a strong MVP.
02
02
02
Main Focus
Main Focus
Main Focus
User Flow
Facilitating a seamless integration of ACQUIRED's complex AI technology with the everyday shopping experience.
User Flow
Facilitating a seamless integration of ACQUIRED's complex AI technology with the everyday shopping experience.
User Flow
Facilitating a seamless integration of ACQUIRED's complex AI technology with the everyday shopping experience.
User Interface
Develop a user interface that is intuitive and engaging.
User Interface
Develop a user interface that is intuitive and engaging.
User Interface
Develop a user interface that is intuitive and engaging.
MVP
Facilitating a seamless integration of ACQUIRED's complex AI technology with the everyday shopping experience.
MVP
Creation of a Minimum Viable Product.
MVP
Facilitating a seamless integration of ACQUIRED's complex AI technology with the everyday shopping experience.
03
Problem Statement
Problem Statement
Online shoppers need to find a way to efficiently access items that fit their size, budget, and style preferences because extensive browsing and an overload of choices lead to decision fatigue and overwhelm, often resulting in abandoned shopping efforts.
Online shoppers need to find a way to efficiently access items that fit their size, budget, and style preferences because extensive browsing and an overload of choices lead to decision fatigue and overwhelm, often resulting in abandoned shopping efforts.
04
03
Industry Insights & User Preferences
Industry Insights & User Preferences
Industry Insights & User Preferences
Personalization is crucial for engaging shoppers, as our market research indicates it significantly enhances customer loyalty, drives repeat purchases, and boosts conversion rates. By tailoring experiences to individual preferences and needs, we can create a more compelling shopping journey that resonates with users and encourages them to return.
Personalization is crucial for engaging shoppers, as our market research indicates it significantly enhances customer loyalty, drives repeat purchases, and boosts conversion rates. By tailoring experiences to individual preferences and needs, we can create a more compelling shopping journey that resonates with users and encourages them to return.
Personalization is crucial for engaging shoppers, as our market research indicates it significantly enhances customer loyalty, drives repeat purchases, and boosts conversion rates. By tailoring experiences to individual preferences and needs, we can create a more compelling shopping journey that resonates with users and encourages them to return.
71%
Shoppers admit to having been frustrated by shopping experiences they deemed impersonal
— State of Personalization Report
71%
Shoppers admit to having been frustrated by shopping experiences they deemed impersonal
— State of Personalization Report
71%
Shoppers admit to having been frustrated by shopping experiences they deemed impersonal
— State of Personalization Report
69%
Consumers open to using AI to boost their experiences
— Influence Marketing Hub Report
69%
Consumers open to using AI to boost their experiences
— Influence Marketing Hub Report
76%
Of consumers value convenience as one of their top priorities.
— State of Personalization Report
76%
Of consumers value convenience as one of their top priorities.
— State of Personalization Report
69%
Consumers open to using AI to boost their experiences
— Influence Marketing Hub Report
76%
Of consumers value convenience as one of their top priorities.
— State of Personalization Report
05
04
User Insights Analysis
User Insights Analysis
User Insights Analysis
During the research, we interviewed 6 online shoppers. Their main concerns centered around irrelevant recommendations, decision fatigue, and sizing issues, all pointing to the lack of personalization.
During the research, we interviewed 6 online shoppers. Their main concerns centered around irrelevant recommendations, decision fatigue, and sizing issues, all pointing to the lack of personalization.
Hélöise
‘’I don’t want to buy unnecessary things’’
Martin
'' It’s complicated to match my size’’
Antonia
‘’Too many choices, make me feel tired.. then I give up’’
Hélöise
‘’ I don’t want to buy unnecessary things’’
Martin
‘’ It’s complicated to match my size’’
Antonia
‘’Too many choices, make me feel tired.. then I give up’’
06
05
User Persona
User Persona
User Persona
Based on our prior research, which highlighted the pain points and needs of online shoppers, we developed a detailed user persona. This persona encapsulates the motivations and challenges faced by users, including their desire for personalized recommendations, their struggle with decision fatigue, and concerns about sizing accuracy. By understanding these aspects, we can better tailor our AI browser extension to meet their specific needs and enhance their shopping experience.
Based on our prior research, which highlighted the pain points and needs of online shoppers, we developed a detailed user persona. This persona encapsulates the motivations and challenges faced by users, including their desire for personalized recommendations, their struggle with decision fatigue, and concerns about sizing accuracy. By understanding these aspects, we can better tailor our AI browser extension to meet their specific needs and enhance their shopping experience.
07
High-Impact Feature Prioritization
High-Impact Feature Prioritization
Hyper- Personalized Product Discovery
Tailored Budget Experience
Dynamic Prize Intelligence
Holistic Outfit Curation with Lookbook functionality
Centralized Sizing Dashboard
08
User Journey Flows within the AI Browser Extension
User Journey Flows within the AI Browser Extension
Login and preference setting userflow:
In our meeting with the ACQUIRED team, they emphasized the importance of key user flows: a seamless login experience for account connection ( as well as social media connection) and a personalized dashboard where users can tailor their size, budget, and preferences. We've also integrated engaging loading screens with positive affirmations to enhance user experience while AI processes in the background.
Key takeaways and solutions:
User freedom is essential—allowing flexibility in preferences ensures they feel in control.
Personalization on the login and preference-setting pages, including size, budget, and style, helps reduce decision fatigue, creating a smoother, more intuitive shopping experience.
Shopping Userflow
The AI browser extension offers a shopping user flow that allows users to shop based on personalization, with a search bar added for easy item discovery. The flow showcases multiple brand options for the same product, tailored to size, budget, and personal style—while maintaining a minimal design that highlights the brand’s identity.
Key takeaways and solutions:
Personalization ensures users find products that fit their size, budget, and style preferences.
A search bar streamlines the process, allowing users to quickly find items that match their style, saving time and reducing frustration.
Curated variety: Displaying multiple brand options for similar products offers flexibility and a wider range of choices, enriching the styling experience.
Consistent aesthetic: The minimal design keeps the interface clean and easy to navigate while maintaining alignment with the brand’s identity.
Styling Journey
The styling journey enables users to curate full outfits based on their personal style, preferences, size, and budget. The flow presents a variety of products and brands, allowing users to save their curated outfits, purchase them in full, or use them as inspiration. This approach not only reduces decision fatigue but also enhances user satisfaction by offering a personalized, seamless shopping experience.
Key takeaways:
Personalized outfit curation: Users can easily build complete outfits that match their individual style, size, and budget.
Diverse product options: The user is presented with a range of products and brands to choose from, offering flexibility and variety.
Save or purchase options: Users have the freedom to save their outfits for future reference, buy everything at once, or get inspiration for future shopping.
Reduced decision fatigue: By offering tailored choices, the flow simplifies decision-making and reduces the cognitive load.
Increased satisfaction: A seamless and personalized journey leads to higher user engagement and overall satisfaction with the styling experience.
Inspiration-driven shopping: Encourages users to explore and be inspired by complete looks, enriching the shopping process with creativity and freedom.
06
High-Impact Feature Prioritization
Hyper- Personalized Product Discovery
Tailored Budget Experience
Dynamic Prize Intelligence
Holistic Outfit Curation with Lookbook functionality
Centralized Sizing Dashboard
07
User Journey Flows within the AI Browser Extension
Login and preference setting userflow:
In our meeting with the ACQUIRED team, they emphasized the importance of key user flows: a seamless login experience for account connection ( as well as social media connection) and a personalized dashboard where users can tailor their size, budget, and preferences. We've also integrated engaging loading screens with positive affirmations to enhance user experience while AI processes in the background.
Key takeaways and solutions:
User freedom is essential—allowing flexibility in preferences ensures they feel in control.
Personalization on the login and preference-setting pages, including size, budget, and style, helps reduce decision fatigue, creating a smoother, more intuitive shopping experience.
Shopping Userflow
The AI browser extension offers a shopping user flow that allows users to shop based on personalization, with a search bar added for easy item discovery. The flow showcases multiple brand options for the same product, tailored to size, budget, and personal style—while maintaining a minimal design that highlights the brand’s identity.
Key takeaways and solutions:
Personalization ensures users find products that fit their size, budget, and style preferences.
A search bar streamlines the process, allowing users to quickly find items that match their style, saving time and reducing frustration.
Curated variety: Displaying multiple brand options for similar products offers flexibility and a wider range of choices, enriching the styling experience.
Consistent aesthetic: The minimal design keeps the interface clean and easy to navigate while maintaining alignment with the brand’s identity.
Styling Journey
The styling journey enables users to curate full outfits based on their personal style, preferences, size, and budget. The flow presents a variety of products and brands, allowing users to save their curated outfits, purchase them in full, or use them as inspiration. This approach not only reduces decision fatigue but also enhances user satisfaction by offering a personalized, seamless shopping experience.
Key takeaways:
Personalized outfit curation: Users can easily build complete outfits that match their individual style, size, and budget.
Diverse product options: The user is presented with a range of products and brands to choose from, offering flexibility and variety.
Save or purchase options: Users have the freedom to save their outfits for future reference, buy everything at once, or get inspiration for future shopping.
Reduced decision fatigue: By offering tailored choices, the flow simplifies decision-making and reduces the cognitive load.
Increased satisfaction: A seamless and personalized journey leads to higher user engagement and overall satisfaction with the styling experience.
Inspiration-driven shopping: Encourages users to explore and be inspired by complete looks, enriching the shopping process with creativity and freedom.
09
08
Branding Identity
Branding Identity
Branding Identity
The branding for Acquired was designed to embody a minimal, luxurious, and confident identity. Chosing a refined color palette featuring shades of gray, white, and black, complemented by a touch of beige to enhance the brand's essence of understated elegance. The use of Acid Grotesk and Helvetica fonts further reinforces this sophisticated aesthetic, creating a visual language that conveys both modernity and simplicity. This thoughtful approach not only reflects the brand’s values but also resonates with our target audience seeking stylish and personalized clothing solutions.
The branding for Acquired was designed to embody a minimal, luxurious, and confident identity.
We chose a refined color palette featuring shades of gray, white, and black, complemented by a touch of beige to enhance the brand's essence of understated elegance.
The use of Acid Grotesk and Helvetica fonts further reinforces this sophisticated aesthetic, creating a visual language that conveys both modernity and simplicity. This thoughtful approach not only reflects the brand’s values but also resonates with our target audience seeking stylish and personalized clothing solutions.
10
09
Wireframes & User tests
Wireframes & User tests
For the AI-powered fashion browser extension, I used a progressive wireframing approach to refine the design through low-fi, mid-fi, and hi-fi stages.
Low-Fidelity Wireframes: I started with lo-fi wireframes to map out the basic structure and user flow, focusing on functionality. These were used in concept tests to gather early feedback on the overall layout.
Mid-Fidelity Wireframes: Next, I refined the layout and interaction details in mid-fi wireframes. These were used in usability tests to validate user navigation and functionality before adding visual elements.
High-Fidelity Prototypes: Finally, I built hi-fi prototypes with detailed UI components, branding, and interactions. These were tested with users to ensure the design was both aesthetically appealing and intuitive.
This iterative process, combined with ongoing user testing, helped me create a well-rounded, user-centered interface.
The branding for Acquired was designed to embody a minimal, luxurious, and confident identity.
We chose a refined color palette featuring shades of gray, white, and black, complemented by a touch of beige to enhance the brand's essence of understated elegance.
The use of Acid Grotesk and Helvetica fonts further reinforces this sophisticated aesthetic, creating a visual language that conveys both modernity and simplicity. This thoughtful approach not only reflects the brand’s values but also resonates with our target audience seeking stylish and personalized clothing solutions.
11
10
Final Prototype
Final Prototype
12
11
Conclusion
Branding Identity
Conclusion
Acquired was designed to address key pain points in online shopping, such as decision fatigue and cart abandonment, caused by overwhelming options and lack of personalization.
Our research revealed that users needed a more tailored experience based on their style, size, and budget.
We tackled these issues through features like hyper-personalized product discovery, which simplified choices by offering curated recommendations, and a tailored budget experience that aligned product options with user preferences, reducing cart abandonment. A centralized sizing dashboard also ensured consistency across brands, improving user confidence in fit.
Through multiple testing phases—low-fi to hi-fi prototypes—we fine-tuned user workflows, including the shopping, styling, and payment journeys. The minimalist, luxurious branding, with refined colors and modern typography, reinforced Acquired’s sophisticated and user-centric identity.
Ultimately, Acquired provides a seamless, personalized shopping journey, reducing decision fatigue and helping users find clothing that matches their needs effortlessly.
The branding for Acquired was designed to embody a minimal, luxurious, and confident identity.
We chose a refined color palette featuring shades of gray, white, and black, complemented by a touch of beige to enhance the brand's essence of understated elegance.
The use of Acid Grotesk and Helvetica fonts further reinforces this sophisticated aesthetic, creating a visual language that conveys both modernity and simplicity. This thoughtful approach not only reflects the brand’s values but also resonates with our target audience seeking stylish and personalized clothing solutions.
Follow the link below for a preview of the product on ACQUIRED's official website, including a sneak peek of the official prototype.
Visit Link
Follow the link below for a preview of the product on ACQUIRED's official website, including a sneak peek of the official prototype.