ESTRELLA
UI/UX DESIGN CASE STUDY
The Project
Estrella is an e-commerce mobile application that I created as part of my Visual Communication Design 5D workshop at Cal Poly Pomona. As the sole UX designer, I designed this project from conception to final design through research, ideation, and UX design principles.
Duration: 4 weeks
Year: Spring 2023
Methods: Surveys, Research, Wireframes, Prototyping
Tools: Adobe XD, Illustrator, Photoshop
Context
I was tasked with creating the perfect wallet for an assigned client. After an extensive interview, I found out the client is seeking a simple compact wallet that would adhere to their lifestyle.
After creating the wallet, I prototyped an e-commerce application so my client can purchase their perfect wallet in Estrella. They will be able to create an account and manage it as well; such as tracking orders, reviewing order history, etc. The user will be able to discover, favorite, and buy any of the products they come across.
The Process
Research Define Ideate Prototype Iterate
Research
Competitor Analysis
To get a better understanding of the competitor field, I conducted analyses on six different retail applications that sell a variety of textile products. I found that each app shared similar designs in user experience but differed in how they presented their branding and their product-selected descriptions. The similar designs prove that consumers enjoy these types of UX design.
Surveys & Interviews
I surveyed an array of people who actively buy on e-commerce applications. I found that most said they enjoy the ability to favorite items, save for later, and be able to quickly navigate through the application. Others were more interested in the overall aesthetic of the application.
Key Findings & Insights
The surveys helped me understand that users want to prioritize an organized application that will fulfill all their needs where the user can keep all their favorite items in one place and the ability to save a product to purchase another time.
The goal is to provide a functional app that can provide a satisfying experience to the user.
Define
Problem Statement
User needs a way to buy a wallet that fits their lifestyle in an e-commerce application.
Core Features
Sitemap
With these core features in mind, I conceptualized a flow map to understand how the users will expect the app to be organized.
Ideate
Low Fidelity Wireframe
I started with sketching wireframes of the first three necessary screens needed to purchase said wallet. I focused on conducting easy-to-use screens that met the user's needs.
Next, I created a mid-fidelity version of this wireframe in Adobe XD, created a clickable prototype, and found some users to test the usability of the app.
Then, I started to assemble the brand identity of the application using calligraphy for the logo and rendered items made from scratch in photoshop to use as products. I photographed and recorded assets that will be used as visuals in the app.
Assets
Customization
I was super excited to whip up these design assets to make the app more presentable! I took some pics of my blankets and leather jackets as the main fabrics in preparations for the mockups. I mainly used Photoshop to create the handbags and wallets from scratch. The designs itself also follow the brands aesthetic of a Hispanic owned company.
Test
Usability Testing
I asked a variety of people to test the functionality of the prototype. They were all tasked to buy a specific colored wallet. From their feedback I found out some links were not working the way were suppose to. Overall, the users enjoyed the structure of the prototype and how intuitive it was. From there I fixed the linking issues and refined features the users enjoyed.
Key Findings
I made notes of their feedback, so I understood which features to fix and which features to expand on.
Iterate
Design Changes
With the changes made from the feedback I received, I created a high-fidelity version of the app that featured all the assets, better flow, and clearer text.
I made use of Gestalt's Principles, color theory, and grids to ensure consistency within the entire app.
Final Product
After countless trials and iterations, my final product met all the objectives I’ve set. It became visually appealing as well as simple to use. It contained the 5 core features necessary to purchase a wallet quickly and easily.
You May Also Like...
 Informative AppUI/UX DESIGN |  Alexa SkillVUI DESIGN |  Fizzy DrinkBRAND IDENTITY |
|---|