![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/5f3ce86c-8921-4402-a7dc-14ddfbe4bd35_rw_3840.jpeg?h=a22b9b0393ef206feddeb017705f23c2)
Brio
Project
Retail App
Category
UX/UI
Instructor
Chitra Gopalakrishnan
Typefaces
Flecha L
Source Sans Pro
Duration
16 weeks
Objective
Brio is a luxurious retail app that is a secondary market towards consumers willing to go over the market price. The goal was to make an app that showcases mid to high end luxury brands as a secondary market. We provide sections for only sustainable products and different small individual creatives who have their own brands. We want this platform to be a base for consumers to discover a variety of clothing, put a spotlight on different small businesses, and satisfy consumer’s desires. The app needed a brand identity that provides access to a luxurious appeal with a minimal and user friendly layout.
Solution
In order to get the right brand system I wanted, I conducted interviews, created personas, created napkin sketches, wireframes, app user flows, and a prototype for the app. Brio's brand is distributed through a minimal color system with a cool black and light beige. The logo is a wordmark made with the typeface Flecha, a high contrast font that I used for all my headings. This typeface is paired with Source Sans Pro, a sans serif to match the tallness of Flecha. Key features are the straight forward and user-friendly process of buying products and a dedicated tab to spotlight certain brands and give them notice.
Personas
I created two personas as my target audience, based from my research. My first persona is a DOD Contractor and the second one is a college student. The goal was to get feedback from two individuals with a wide age gap since they would have different needs and considerations.
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/a7f83f2b-972f-480e-8f25-f7b5ef804503_rw_1920.jpeg?h=af15bf5cdd8ddb1e8c0ecc5612d1dabd)
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/00473356-c938-4c32-acdf-bd488bfeba31_rw_1920.jpeg?h=74c37e888359a727d49ba0836f892070)
App User Flow
As a high end brand, it was important to keep the user flow minimal and easy to understand. Considering that most of my research wanted a very user-friendly and clean experience with the app, Brio's key feature would be having a smooth shopping and buying experience.
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/3426eb85-7e92-4faa-a79c-949be019d5f7_rw_3840.jpeg?h=b367589cc7a5f6135ccd61edd476b0b6)
User Flow: Buying A Product
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/327fa4a9-444c-4454-a726-f75d38f07b1f_rw_3840.jpeg?h=841dfc93b20382aa705f3e79e4fa2491)
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/50880684-18bb-4811-b114-8a324017d428_rw_600.gif?h=b3930f052d0b7ba829f511c2102431b6)
Buying Products
A minimal layout transitioned very clean and straight forward prototyping for a simple and user-friendly experience.
Unique User Flow
We were assigned to have a unique user flow in our app. My unique flow was to have a creative spotlight for different brands. It would change everyday and give exposure to different businesses.
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/8d12e0cd-c6cf-4c7c-8463-e5f9d6a914a6_rw_600.gif?h=edd9d277daef8de9b9b2eeef738cf6d9)
![](https://cdn.myportfolio.com/ee4e91ae-dd78-4b48-a53b-f17d43fff3b5/27a4e0da-5154-4aae-a0bb-52f64a51dbb2_rw_600.gif?h=21522e762a244e31134b3096e62737a0)
Add to Wishlist and Share
Adding products to wishlist is essential for consumers to have it saved and come back to it later. Adding a sharing function also makes it easier for customer to share their wanted goods.
Full Prototype