KODI Professional
Mobile first concept The main page of the online cosmetics store
About the company
KODI Professional — a manufacturer of safe cosmetics that incorporates the latest scientific research and technologies.4.1-mini
Task
Based on our previously developed desktop store prototypes, a new design is needed following a mobile-first approach.4.1-mini
Wireframes
Previously, detailed clickable prototypes in Axure RP were developed.
Design-Concept
First of all, we showed the client the design of several blocks in various color variations:
Black
Orange
Violet
Previously, the client had a demand to make it airy and simply, so we made the main emphasis on a large and easily readable typography with a large amount of air.
Client's Feedback
We received feedback from the client - they chose an orange color, asked to show how the current banners will look, and you also need to redo the header a little, without losing the ease of reading.
Design Process
The first screen
We made a header with a white fill, and smashed the main icons on different sides.
In the upper part of the first screen is an important message, and banners are implemented by large understandable visuals.
Sales leader
This is a convenient slider with additional categories over goods cards
Call for subscription
He made this block bright and contrast, so that under scrolling he unequivocally striking.
Categories of goods
Links with the counter of goods within the category and the ability to go to a detailed directory.
News
A user-friendly slider featuring additional categories positioned above the product cards
It was important for the client to promote Instagram
Blog
Footer
