Cosmetic Store

"The project was born from the need to create an Organized and Well-Structured portfolio, where I can show my knowledge of Case Studies about User Experience in a clear, simple, and objective way. My main objective is to demonstrate my Study Methodologies and professional skills, showing the steps from the Briefing, User Research, the creation of Wireframes, and how I develop the project in Figma until the final Prototype."
‍
I really hope you like it 💚

PROJECT OBJECTIVES

• Men Audience: Create a section dedicated to the male audience, to bring more engagement, and education and increase the number of sales to this audience that has been growing in demand for cosmetic products.
• Interface Design: Develop a low-resolution wireframe for a cosmetics e-commerce, focusing on the organization and arrangement of the essential elements of the user interface (UI).
• Intuitive Design: The objective is to provide intuitive navigation, highlight products, and promote and facilitate the purchasing process. Sure the authenticity of the address provided protects against false registrations.

WIREFRAME STRUCTURE

Header

• The brand logo is in the top left corner.
• Search Bar: Centralised to make it easier to find products.
• Quick access icons: shopping cart and user profile in the top right corner.
• Main navigation: Menu with product categories Hair, Makeup, Perfume, Body & Bath, Nails, Brands, Promo.
• Exclusivity: A session for Men only, because the company wants to increase sales to the male audience, so we created a dedicated session for the target audience.

Main Banner

• Centralized space for rotating banners highlighting promotions and new launches, including a Call to Action button (CTA).

Featured Products

• We created 4 blocks with featured products, generally, we will add products with fewer sales, to increase visualization and the number of product sales.

The Best Seller‍

• Section with "Best Sellers" products including Product Images, Brand, Name, Price, and "Add to Cart" button.
• A rotating Banner that includes the "News Products of the Week or Month", includes a Call to Action (CTA) button.

Brands‍

• A leader dedicated to brands, where the user can choose which brand they want to view the products.

Men Section

• Market Expansion and Increase in Sales
  The men's cosmetics market is expanding, with men showing a growing interest in personal care and a willingness to invest in quality products. By introducing a dedicated section for men's cosmetics, the store can attract a new customer segment and increase its sales. Furthermore, targeted marketing campaigns can be more effective when the website has a clearly defined section for this audience.
• Meeting the Specific Needs of the Male Public: Men have different needs and preferences when it comes to personal care products. Creating a dedicated section exclusively for men allows the store to offer products specifically formulated for men's skin and hair, such as moisturizers for thicker and oily skin, beard products, and specific hair care. This makes it easier to search for and choose the most suitable products for them, increasing satisfaction and the likelihood of purchase.
• Increasing Relevance and Personalisation: A section dedicated to men allows for a more personalized shopping experience. By organizing products according to men's preferences and needs, the site becomes more relevant to this audience. This can include product suggestions, care tips, and specific tutorials that help men find what they need more efficiently and enjoyably.
• Differentiation from the Competition: In the competitive cosmetics market, standing out is crucial. Having a dedicated section exclusively for men can differentiate the store from competitors that offer a more generic shopping experience. This can help build a stronger brand identity and retain male customers, who will feel more valued and understood.
• Ease of Navigation and Better UX: A specific section for men improves user experience (UX) by simplifying navigation. Instead of searching for men's products mixed across multiple categories, men can go directly to the dedicated section, saving time and effort. Simplified navigation can result in a more positive shopping experience and, consequently, higher conversion rates.
• Customer Education and Engagement: Many men are still new to using personal care products. A dedicated section can include educational content such as care guides, explanations of the benefits of different products, and tutorial videos. This not only helps men make informed choices but also increases engagement and brand loyalty.
• Support for Inclusion and Diversity Initiatives: Offering a specific section for men demonstrates that the store is committed to serving all audiences, promoting inclusion and diversity. This can improve brand perception and attract a wider, more diverse audience.

Newsletter Subscription

• Contact information, links to company policies (shipping, returns, privacy), social networks, and newsletter.

Foot

• Brand in the top left corner.
• Help & Information: Address, Contacts information, Help, Tracker Order, Shipping and Delivery, Refunds, Sitemap.
• About: About us, Careers at Company, Corporate Responsibility, Investors' site.
• More: Payment Methods, Policies, Privacy & Cookies, Shopping from the possibility to change which country you are accessing the website from.

BENEFITS OF THE PROJECT

• This wireframe will form the core of an effective cosmetics e-commerce platform, ensuring a delightful and user-friendly shopping experience.
  ‍
• Incorporating a dedicated section for men on a cosmetics website is a strategic and crucial tactic to address the specific needs of this expanding audience. This initiative enhances the relevance and personalization of the shopping experience, broadens the potential market, distinguishes the brand from its competitors, streamlines navigation and usability, and presents opportunities to educate and engage male customers. Ultimately, this approach can lead to a noteworthy increase in sales and foster customer loyalty.

‍