Mobile accessories E-commerce
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
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:
Case Study Menu:
Details in this case study have been intentionally generalized to comply with client's contractual confidentiality requirements.
Competitor Analysis
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
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
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.
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.
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
This project helped me understand the full UX design process, from research to final prototyping and testing. I learned how connecting user personas with journey mapping improves design decisions and enhances the overall user experience. A key challenge was organizing user steps into a clear and logical flow, as it was initially difficult to define how each action connects across different stages of the experience.
Overall, this project strengthened my practical UX skills and design thinking process.