X Accessories (Placeholder due to NDA)
My UX Internship Journey
During my internship I worked on 2 projects. First one was with the UX team to create UX process sample material for marketing. During which I did included tasks like user research, analysis, wireframes, iterative refinement based on feedback etc. Second project was a E-commerce website for a Internet Service provider, where I worked with a UX Designer to create different web pages. I gained experience of how to use design system components to create consistent experiences.
Introduction (Enhancing User Experience in E-commerce)
As a passionate UX designer, I embarked on a creative journey with X Accessories to craft an exceptional e-commerce website tailored to the unique desires of users seeking customizable phone case accessories. This endeavor aimed to deliver a seamless and delightful shopping experience, characterized by a diverse array of customization options and top-notch product offerings. My role encompassed a comprehensive UX design process, encompassing creative problem-solving, competitive analysis, customer journey mapping, and the development of user personas, all geared toward elevating the X Accessories platform.
Creators of UX Design Challenge Process Project Brief and Outline:
Kuyheang Baker (Product designer)
Neha Shekar Patil (UI/UX designer/Product designer)
Project Type: E-commerce website design
Tools: Figma (software), Google Meeting
Design Challenge: Rethink the experience the process of purchasing tech accessories.
Design Process Overview:
Competitor Analysis (Unveiling Strategies for Success)
The project's initial challenge entailed conducting a thorough competitor analysis. This vital step involved dissecting the strengths and weaknesses of rival brands, assessing their product portfolios, and scrutinizing their marketing strategies. The insights gleaned from this analysis served as a foundation for refining X Accessories approach to positioning itself as a thriving e-commerce destination for tech accessories.
Sitemap
Created the sitemap to help organize webpage sections in a step-by-step workflow, ensuring a smooth navigation for key sections such as accessories, customized cases, customer support, promotional deals, and login/register account.
User Personas (Meeting the Needs of Ava and Ethan)
In order to comprehensively address user needs, I undertook the creation of two distinct user personas: Ava, a visual designer, and Ethan, a marketing professional. By combining their expertise in design and marketing, these personas provided invaluable guidance for tailoring X Accessories to cater to their specific preferences. This user-centric approach was instrumental in optimizing the shopping experience, customization options, and personalization features of the website, thereby contributing to its ultimate success.
Journey Map of purchasing a phone case
What do you learnings?
Journey steps ➤ Identify need for a case ➤ Research case ➤ Prices and features case ➤ Decision and purchaseReceive ➤ New phone case
User actions
Goals & experiences
Feelings and thoughts
Opportunities
Need and Pain points
Customer Journey Map (Navigating the Path to Seamless Shopping)
To create a user-centric design, I meticulously researched and constructed a customer journey map. This visual representation illuminated the sequential steps, goals, experiences, emotions, and thoughts that users undergo during their interaction with the e-commerce platform. This detailed mapping enabled a deep understanding of the user's voyage, particularly during the process of purchasing and customizing phone case designs for X Accessories. By identifying pain points and opportunities at every juncture, I ensured a smooth and intuitive user experience, paving the way for seamless transitions and reducing obstacles.
Journey Map of purchasing a phone case
What do you learnings?
Journey steps ➤ Identify need for a case ➤ Research case ➤ Prices and features case ➤ Decision and purchaseReceive ➤ New phone case
User actions
Goals & experiences
Feelings and thoughts
Opportunities
Need and Pain points
Low-Fidelity Wireframes
I started by creating basic wireframes to outline the website's structure. These low-fidelity sketches helped plan the page layout and user flow for accessories, customization, customer support, promotions, and account registration.
Click to Open Each Image
Design Guidelines and Design System
I created and utilized high-fidelity wireframes, incorporating company's branding while also adding my own touches. This experience was invaluable for understanding design principles and guidelines.
Click to Open Each Image
High-Fidelity Wireframes
Next, I transformed the low-fidelity wireframes into high-fidelity designs. I used company's design system for consistent color, typography, and visual elements. I followed user-centered design principles to ensure accessibility standards were met. Finally, I created interactive prototypes for user feedback, including buttons and links.
User Testing
Problem Statement:
The X Accessories website had usability issues. Users found it hard to navigate, locate products, and personalize their orders. This led to unhappy users and potential revenue loss. Our mission was to find and fix these problems through usability testing to make the website better for everyone.
Pain points:
Difficulty in finding products
Complex customization process
Summary:
In our user testing project for X Accessories' e-commerce site, we aimed to make the website more user-friendly. Users tested a prototype, provided feedback, and helped us make improvements. our goal was to improve the navigation of and recognized the important of user-friendly nabigation in enhancing the overall user experince.
Conclusion
I have learned valuable skills through each UX artifact in this step-by-step design process for an e-commerce site specializing in customizable tech accessories. Starting with research and progressing through competitor analysis, sitemap creation, user personas, journey mapping, wireframes, high-fidelity UI design, and final prototyping, I gained a comprehensive understanding of the workflow involved in designing a shopping website.
One of the challenges I encountered was creating a customer journey map, which initially seemed confusing. However, I realized that connecting it with user personas was a helpful solution. This real project experience has been a success and has equipped me with practical knowledge of the entire design process.