e-commerce

Elixir

CLIENT

An online store offering professional skincare, haircare, and body care products from global brands.

Release: September 6, 2022

TASK

Develop prototypes and designs for selling products and courses, as well as functionality for interaction with professional cosmetologists.

What we done

Conducted competitor and target audience research. Based on the data, prototypes and designs of the corporate website with elements of an online store were developed. As part of the project, the main page, product catalog, product card page, and product order page were created, along with a personal account featuring a history view and certificate upload option for specialists. Additionally, a course catalog, a course landing page template, and an online learning promotion landing page were developed. A quiz was also designed for cosmetologists.

Wireframe
Developed prototypes for the desktop version of all pages
Design
Developed designs for desktop versions.

Wireframe

We have developed all the pages for the desktop version, taking into account the sale of products, as well as the sale of educational courses and interaction with professional cosmetologists.

Home

Training cosmetologists

Product card

The course page will be

Placing an order

Wireframe quiz

Home page

The main page displays the entire primary range of professional products from global brands, current promotions, popular items, and a list of brands that the store collaborates with.

Catalog

A convenient filter that allows for quick and easy browsing of products based on parameters such as price, promotional offers, brand, color, SPF availability, skincare needs, and skin type.

Product card

The product description, its key features, photos, and price are provided. Additionally, you can view customer reviews, which helps make a more informed choice.

About us

Added a section for those who wish to further their education, as well as a separate section for cosmetologists.

Placing an order

Order placement is carried out on a single page with the option to choose delivery and payment methods. The page displays all ordered items and the total cost.

Personal office

In the personal account, you can manage your order, view purchase history, upload your certificates, save favorite products, and make changes to your personal settings.

For masters

Developed a specialized landing page for master cosmetologists, showcasing exclusive services and special collaboration conditions for cosmetologists and beauty professionals.

Landing for study

Developed a dedicated landing page for collaboration and information about courses for cosmetologists and beauty professionals.

Course page

Provides comprehensive information about a specific cosmetology course, as well as the opportunity to explore the main topics covered in the course and view the class schedule.

Courses catalog

Offers a wide range of educational programs in cosmetology. Detailed descriptions of each course, its duration, cost, and main topics included in the curriculum.

404