Fit Fashion Wig Website Design
Duration: 3 weeks; 05/2024-06/2024
Tools: Figma
Set up new visual guidelines. Designed desktop and mobile interfaces for highlighting 4 featured products.
Design Goal: Showcase Star Products & Emphasize The Vibe
The goal of this project was to redesign a section of the Fit Fashion Wig website, creating a visual system that effectively represents the brand and showcases their four-star products. Collaborating with the art director, I researched various brands and websites to develop a high-level visual system. This resulted in a new design that is more vibrant and modern.
Websites for reference
Old Fit Fashion Wig Website
Design That Voices for Vibrant Personality And Lifestyle
Featured Product Section
A featured product section was placed in the home page. It showcased four star products of Fit Fashion Wig with micro interaction that brings more dynamic to the navigation experience.
Bento Box Design for Review Section of Individual Product
There were reviews and one UGC to be showcased on each product page. I found a bento-box design may be the best way to lay them out.
A Drop-down Menu Directly Showcasing Star Products
Instead of a traditional drop-down menu that only showed the names of menu items, I made the drop-down menu for the best seller to display images of the products with name being displayed while hovering. This helps to show the products straightforwardly and drive sale.
Responsive Design
For optimal user experience, design adjustments were made for mobile. For example, card slider was used in mobile for some of the grid or flexbox layout in desktop. Some elements were hidden on mobile.