4th Ave /Professional's tool
The brand is a Black-owned responsive E-Commerce website that sells hair, beauty, and personal care products. Launched in 2019, 4th Ave Market curates items and products to resolve the unique needs of people of color and the professionals that serve them.
Time: On-Going Tools: Adobe XD, Sketch, Invision, Adobe CS
Initial user research
Develop initial Phone and Desktop wireframes and prototype
Lead the UX/ UI Design process, teaming up with stakeholders and developers to build the new design concept.
UX Design, user interviews, task flow, UI Design, design system, develop design specifications document.
When hair and beauty professionals need to run their own business, they have to juggle many tools - from managing their bookings, to create and keep up with their social media platforms, so they can increase their client base and grow their business. The whole process can be time-consuming and very challenging.
Angela is overwhelmed with the things she needs to do in order to run her shop. How can we help create a strong online presence for both her and her salon and help develop her customer base to have a successful business in the most efficient manner?
The new design will invoke a minimalist branding aesthetic with slightly muted tones. The imagery leans into close up for product and model shots to articulate the ethos of the 4th Ave Market brands.
Working closely with the 4th Ave Market team on creating the design elements. I created and developed various initial design study concepts explorations and iterated on them, always referring to the initial UX research in the design choices.
Following are examples on that process:
TOP NAVIGATION MENU
2 main menu, black is always visible
Dropdown menu, solid color
concept based on the existing menu
Dropdown menu, opacity and blur background
When scrolling down, one menu fades out and the logo moves down.
The re-design of the e-commerce focuses on delivering a user center experience, where you have a more interactive element that can help you find your new favorites products.
The website integrates more video content and information like reviews from users to help find a better product that fits their needs.
We created micro-interactions to improve the experience of the users and help the developers to express the design intent of some of
Landing Page Animation
Top product interactions
I was in charge of creating a Specification Document for the client and initial design system, so he can provide to the developers to help them implement our design.
Free Samples Program Preview
I have been working with the client to develop a Free samples program, will update the case study shortly. Here is a preview of the progress:
Develop the free samples program tool
Encourage users to sign up and to continue to use the samples program
Encourage users to fill reviews
Task: Create an account and fill the survey
Order free samples
Do usability test for Hi-Fi Desktop and Mobile Prototype
Develop the "My Profile Page"
Develop the "samples program" tool (currently in progress with the client)
Personalization / Preferences