UNDEFEATED Mobile Redesign
This is a streamlined and intentional redesign of the UNDEFEATED eCommerce mobile platform.
Client: UNDEFEATED
Project: UX / UI Design
Details
In 2001, UNDEFEATED opened its doors on La Brea in Los Angeles. The LA boutique walls started of being populated with hard-to-find, limited-edition sneakers, but the shop's owners, James Bond and Eddie Cruz were onto something. UNDEFEATED is a streetwear staple not only in its founding city of Los Angeles but around the world. For 15 years, UNDEFEATED has solidified its footprint in the fashion world with its elaborate collaborations with Nike, New Balance, and Stüssy, just to name a few.
Challenge
Execution is everything! Less is always more, but without proper execution information can get lost and miscommunicated. My Redesign will take the already minimalistic style and revamp their mobile application.
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/619264f944ab476921a0814c_prototype%20button.png)
Design Goal
1. Redesign UNDEFEATED mobile web application as a responsive e-commerce mobile experience that is aesthetically pleasing and intuitively allows users to shop and read the content.
RESEARCH INSIGHTS
User Persona Shamir Brown
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/616398723b45c75355a17299_User%20Persona.png)
Shamir Brown is a Creative Director who's in search of a mobile experience that reflects the high-end streetwear reputation of UNDEFEATED that is also easy to navigate. As a native Chicagoan, he's interested in his style and needs a mobile platform that caters to his creativity and on-the-move lifestyle while providing a streamlined experience.
Check out, his User Journey below.
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61662c43665f04a3a6fdf4a2_User%20Journey%20Map.png)
Site Map
After analyzing the pain points when making a meal, I prioritized, simplified, and restructured the information to create a sitemap for FreshPicked.
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/616cda775ecc230457d4ff48_UNDEFEATED%20Redesign%20Site%20Map.png)
Styling
Inspired by previous ad campaigns, I utilized UNDEFEATED's traditional Olive Green and Vivid Orange. While maintaining a minimalistic design for the website, Grey and Black were used as secondary colors. I ended up creating the following style tile as the basis for my UI.
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61933b1c1ca096595fca6f4c_UNDEFEATED%20StyleSheet%20Mockup.png)
UI Design
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/619264f944ab476921a0814c_prototype%20button.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61930559e8611703047f75cd_01%20-%20Login%3ARegister%20Page.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/6192fef44d3ee717cc414f60_02%20-%20Dashboard.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/619301713af2942034a0336a_03%20-%20Features.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61930b1013c9ab5255590e84_04%20-%20Items.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61930fd311fc5ca04b3bf9e7_05%20-%20Single%20Item.png)
![](https://assets-global.website-files.com/6130422bcfef18870d71cbc8/61932988c81cafa7442872f8_06%20-%20Cart.png)
Next Steps
1. Extra Features
I would like to include a dark mode, allowing users to browse comfortably at night and/or in low-light environments.
2. Testing
I will conduct usability testing to evaluate the efficacy of the application process and its functionality.