SHOPPIN’ - AI-Powered E-commerce Clothing Store
SHOPPIN’ - AI-Powered E-commerce Clothing Store
SHOPPIN’ - AI-Powered E-commerce Clothing Store
Project Overview
Project Overview
Project Overview
SHOPPIN' is an innovative AI-powered e-commerce clothing store designed to offer a seamless and personalized shopping experience. Leveraging cutting-edge technology, SHOPPIN' provides users with an intuitive interface that includes AI-powered recommendations and virtual try-ons, enhanced by Apple Vision Pro support.
SHOPPIN' is an innovative AI-powered e-commerce clothing store designed to offer a seamless and personalized shopping experience. Leveraging cutting-edge technology, SHOPPIN' provides users with an intuitive interface that includes AI-powered recommendations and virtual try-ons, enhanced by Apple Vision Pro support.
SHOPPIN' is an innovative AI-powered e-commerce clothing store designed to offer a seamless and personalized shopping experience. Leveraging cutting-edge technology, SHOPPIN' provides users with an intuitive interface that includes AI-powered recommendations and virtual try-ons, enhanced by Apple Vision Pro support.
My Role
My Role
My Role
UX Design
UX Design
UX Design
Timeline
Timeline
Timeline
10 Days
10 Days
10 Days
Industry
Industry
Industry
E-commerce (B2C)
E-commerce (B2C)
E-commerce (B2C)
Responsibility
Responsibility
Responsibility
I was assigned by the company to design a certain number of screens with given feature focusing on UAE users.
I was assigned by the company to design a certain number of screens with given feature focusing on UAE users.
I was assigned by the company to design a certain number of screens with given feature focusing on UAE users.
The process
The process
The process
After understanding the company’s need and requirements, I designed an application based on the problem given.
After understanding the company’s need and requirements, I designed an application based on the problem given.
After understanding the company’s need and requirements, I designed an application based on the problem given.
Research
Research
Research
Before starting my research i established following goals-
Before starting my research i established following goals-
Before starting my research i established following goals-
To gain a deep understanding of the target users, their problems and issues related to online shopping and virtual try-on experiences, I conducted thorough user research. This included user surveys conducted both online and offline, user interviews, and a competitive analysis.
The primary goal of this research was to identify pain points and areas for improvement in the online shopping experience, particularly focusing on personalized recommendations, virtual try-on features, and the overall user interface as told by the company. Understanding the users needs and preferences was crucial to designing a more user-friendly and effective e-commerce platform.
To gain a deep understanding of the target users, their problems and issues related to online shopping and virtual try-on experiences, I conducted thorough user research. This included user surveys conducted both online and offline, user interviews, and a competitive analysis.
The primary goal of this research was to identify pain points and areas for improvement in the online shopping experience, particularly focusing on personalized recommendations, virtual try-on features, and the overall user interface as told by the company. Understanding the users needs and preferences was crucial to designing a more user-friendly and effective e-commerce platform.
To gain a deep understanding of the target users, their problems and issues related to online shopping and virtual try-on experiences, I conducted thorough user research. This included user surveys conducted both online and offline, user interviews, and a competitive analysis.
The primary goal of this research was to identify pain points and areas for improvement in the online shopping experience, particularly focusing on personalized recommendations, virtual try-on features, and the overall user interface as told by the company. Understanding the users needs and preferences was crucial to designing a more user-friendly and effective e-commerce platform.
User interviews and surveys
User interviews and surveys
User interviews and surveys
User Surveys: I distributed surveys online with people I am in touch with in the UAE and India, targeting individuals aged 18-55. The surveys included questions about their online shopping habits, preferences, and experiences with virtual try-ons, AR, and VR.
User Interviews: I conducted in-depth interviews with a subset of survey participants to gather qualitative insights. These interviews provided a deeper understanding of their shopping behaviors, specific pain points, and expectations from an AI-powered e-commerce platform.
User Surveys: I distributed surveys online with people I am in touch with in the UAE and India, targeting individuals aged 18-55. The surveys included questions about their online shopping habits, preferences, and experiences with virtual try-ons, AR, and VR.
User Interviews: I conducted in-depth interviews with a subset of survey participants to gather qualitative insights. These interviews provided a deeper understanding of their shopping behaviors, specific pain points, and expectations from an AI-powered e-commerce platform.
User Surveys: I distributed surveys online with people I am in touch with in the UAE and India, targeting individuals aged 18-55. The surveys included questions about their online shopping habits, preferences, and experiences with virtual try-ons, AR, and VR.
User Interviews: I conducted in-depth interviews with a subset of survey participants to gather qualitative insights. These interviews provided a deeper understanding of their shopping behaviors, specific pain points, and expectations from an AI-powered e-commerce platform.
Secondary research and Market analysis
Secondary research and Market analysis
Secondary research and Market analysis
In addition to primary research, I conducted secondary research to gather insights about the market and user base in the UAE, which helped me in design of the SHOPPIN' platform.
In addition to primary research, I conducted secondary research to gather insights about the market and user base in the UAE, which helped me in design of the SHOPPIN' platform.
In addition to primary research, I conducted secondary research to gather insights about the market and user base in the UAE, which helped me in design of the SHOPPIN' platform.
Competitive analysis
Competitive analysis
Competitive analysis
I analyzed leading e-commerce platforms to identify best practices, strengths, and weaknesses in their user experience life Ounass, Farfetch, Net-a-Porter and ASOS
I analyzed leading e-commerce platforms to identify best practices, strengths, and weaknesses in their user experience life Ounass, Farfetch, Net-a-Porter and ASOS
I analyzed leading e-commerce platforms to identify best practices, strengths, and weaknesses in their user experience life Ounass, Farfetch, Net-a-Porter and ASOS
Empathy map
Empathy map
Empathy map
User persona
User persona
User persona
Define
Define
Define
Problem statement
Problem statement
Problem statement
Aisha Al-Mansouri is a senior software engineer who needs an efficient and enjoyable online shopping experience because her busy schedule and meticulous attention to detail make her frustrated with time-consuming searches, cluttered interfaces, and irrelevant recommendations.
Aisha Al-Mansouri is a senior software engineer who needs an efficient and enjoyable online shopping experience because her busy schedule and meticulous attention to detail make her frustrated with time-consuming searches, cluttered interfaces, and irrelevant recommendations.
Aisha Al-Mansouri is a senior software engineer who needs an efficient and enjoyable online shopping experience because her busy schedule and meticulous attention to detail make her frustrated with time-consuming searches, cluttered interfaces, and irrelevant recommendations.
User story
User story
User story
As a tech-savvy senior software engineer who values efficiency and detail, I want to quickly find and purchase clothing items that match my style and preferences using virtual try-on features, access detailed product information, images, and customer reviews and receive personalized recommendations, so that I can save time, make informed decisions, and have a pleasant and stress-free shopping experience.
As a tech-savvy senior software engineer who values efficiency and detail, I want to quickly find and purchase clothing items that match my style and preferences using virtual try-on features, access detailed product information, images, and customer reviews and receive personalized recommendations, so that I can save time, make informed decisions, and have a pleasant and stress-free shopping experience.
As a tech-savvy senior software engineer who values efficiency and detail, I want to quickly find and purchase clothing items that match my style and preferences using virtual try-on features, access detailed product information, images, and customer reviews and receive personalized recommendations, so that I can save time, make informed decisions, and have a pleasant and stress-free shopping experience.
Ideation
Ideation
Ideation
Sketches
Sketches
Sketches
To visualize user flow and hierarchy, I started with CRAZY 8 sketching for rapid ideation and layout experiments. Iterating through sketches identified issues and refined the structure. Gradually, I created polished wireframes that captured the user interface while allowing design flexibility. This iterative process was crucial for understanding the user journey and ensuring a cohesive experience.
To visualize user flow and hierarchy, I started with CRAZY 8 sketching for rapid ideation and layout experiments. Iterating through sketches identified issues and refined the structure. Gradually, I created polished wireframes that captured the user interface while allowing design flexibility. This iterative process was crucial for understanding the user journey and ensuring a cohesive experience.
To visualize user flow and hierarchy, I started with CRAZY 8 sketching for rapid ideation and layout experiments. Iterating through sketches identified issues and refined the structure. Gradually, I created polished wireframes that captured the user interface while allowing design flexibility. This iterative process was crucial for understanding the user journey and ensuring a cohesive experience.
Wireframes
Wireframes
Wireframes
Design & Prototyping
Design & Prototyping
Design & Prototyping
Color and Typography
Color and Typography
Color and Typography
Screens
Screens
Screens
I created an AI-powered search feature for SHOPPIN'. This solution allows users to interact with the platform using natural language, rather than traditional search terms. By understanding and responding to user queries in a conversational manner, the AI provides highly personalized product recommendations enhancing the shopping experience by saving time, reducing search friction, and delivering relevant results tailored to individual preferences.
I created an AI-powered search feature for SHOPPIN'. This solution allows users to interact with the platform using natural language, rather than traditional search terms. By understanding and responding to user queries in a conversational manner, the AI provides highly personalized product recommendations enhancing the shopping experience by saving time, reducing search friction, and delivering relevant results tailored to individual preferences.
I created an AI-powered search feature for SHOPPIN'. This solution allows users to interact with the platform using natural language, rather than traditional search terms. By understanding and responding to user queries in a conversational manner, the AI provides highly personalized product recommendations enhancing the shopping experience by saving time, reducing search friction, and delivering relevant results tailored to individual preferences.
Apple Vison Pro Screens
Apple Vison Pro Screens
Apple Vison Pro Screens
Virtual Try-On Using Vision Pro
Virtual Try-On Using Vision Pro
Virtual Try-On Using Vision Pro
Here i created the Virtual Try-On screen for SHOPPIN' using Apple Vision Pro to deliver an immersive shopping experience. This screen contains a 3D model of the user with the product overlay, allowing users to see how the clothing fits and looks on their virtual self.
Here i created the Virtual Try-On screen for SHOPPIN' using Apple Vision Pro to deliver an immersive shopping experience. This screen contains a 3D model of the user with the product overlay, allowing users to see how the clothing fits and looks on their virtual self.
Here i created the Virtual Try-On screen for SHOPPIN' using Apple Vision Pro to deliver an immersive shopping experience. This screen contains a 3D model of the user with the product overlay, allowing users to see how the clothing fits and looks on their virtual self.
Color Palette
Color Palette
Color Palette
More Projects
More Projects
