Services: UX.UI design, Web design, CSS, JS
Industry: Beauty / E-commerce
Client: FS Cosmetics
URL: fscosmetics.ru
FS Cosmetics. Cosmetics brand. Redesign of the online store
Main page
Project stages
Working process
The work began with an analysis of the current website, understanding the target audience and the visual code that the brand already had. It was important to preserve the identity of FS Cosmetics as a domestic manufacturer, but at the same time to rethink it with an emphasis on premium, neatness and modernity.
I studied the competitors, collected references, identified the weaknesses of the current visual language and growth points. The key idea of the redesign is to give the project the feeling of a confident, mature brand that combines concern for quality and attention to detail. The new visual system is built around purity, structure, and delicate aesthetics that maintain a sense of "confident lightness."
I studied the competitors, collected references, identified the weaknesses of the current visual language and growth points. The key idea of the redesign is to give the project the feeling of a confident, mature brand that combines concern for quality and attention to detail. The new visual system is built around purity, structure, and delicate aesthetics that maintain a sense of "confident lightness."
Brief
Built a new website structure with a focus on user scenarios and business objectives. I thought through the navigation and the logic of the transitions.
Prototype
Redesigned the visual style. Made the interface cleaner, more modern and closer to the premium segment.
Design concept
Developed sections of the website, including the catalog, product cards and the checkout page. I have drawn adaptations for all key resolutions.
Adaptive layouts
Presented and justified solutions, participated in product discussions.
State design, UI kit
Conducted front and backend reviews, and oversaw the precise implementation of the design.
Transfer to the layout
Analytics, debugging and edits
After launch, monitored user behavior, conducted A/B tests, and made improvements.
FS Cosmetics is a cosmetics brand with an active website and corporate identity. The goal was to increase the company's prestige and customer loyalty through redesign and scaling of the online store. The goal is to make the visual image more modern and relevant to the premium segment.
Redesigned Main page
Previous design
Project stages
My part
Built a new website structure with a focus on user scenarios and business objectives. I thought through the navigation and the logic of the transitions.
Architecture and structure
Redesigned the visual style: fonts, palette, flashcards, grid. Made the interface cleaner, more modern and closer to the premium segment.
Visual concept
Developed sections of the website, including the catalog, product cards and the checkout page. I have drawn adaptations for all key resolutions.
UX разделов сайта
Presented and justified decisions, participated in product discussions.
Communication
Conducted front- and backend reviews, followed the exact implementation of the design.
Development control
Analytics and iterations
After launch, I monitored user behavior, conducted A/B tests, and made improvements.
The FS Cosmetics redesign included not only a visual update, but also a complete redesign of the website structure and user path. I was responsible for the architecture, UX, visual concept and project support at all stages — from design to post-launch analytics.
Redesigned Catalog
Previous design
List of changes
- Designed the logic of categorization to simplify navigation and shorten the path to the right product.
- Added filtering by parameters so that the user can find relevant positions faster.Implemented search, favorites, and shopping cart scenarios as part of a full—fledged user path.
- Created a detailed product profile with a priority of visual content and a clear hierarchy of data for ease of perception and decision—making.
- Designed adaptations and behaviors on different screens so that the experience remains holistic and convenient regardless of the device.
Catalog and products
The catalog section has undergone significant changes. The catalog has been rethought as a full-fledged, scalable product system with a logical structure and convenient selection scenarios.
Detailed page
Redesigned Catalog
Mobile version
List of changes
- The Contacts section has been created with clear navigation and convenient presentation of information so that the user knows how to quickly contact the brand.
- The FAQ section has been developed as the first line of support, which allows you to solve typical issues yourself without contacting a chat or by mail.
- Added a scenario for asking for help: a request form and instructions available from any pages of the site.
- All this changes have increased transparency and reduced the stress of interacting with the site, especially in the moments before and after placing an order.
Support service
To increase trust and reduce barriers to purchase, the contact section and support service were designed as an important part of the user's experience. This reduced the number of requests, allowing you to get all the information from the site.
Detailed page
Contact us
Page 404
Awards and recognition
The project was published in the Orpetron Web Design Awards, an international gallery that selects outstanding design solutions from around the world. The project was also included in the Russian Design Awards selection as one of the 1,500 best Cyrillic projects.
- Developed a new website architecture with a focus on user scenarios and business goals.
- Created a visual concept with an eye to the premium segment: typography, palette, grid, interface.
- Designed the sections of the website in all adaptations: catalog, product cards, checkout, about the brand, support service, contacts.
- Set up the product iteration process: from analytics to A/B tests and point improvements after launch.
- Accompanied the development: participated in QA, review and supervised the implementation of the design.
The result is a thoughtful and user-friendly product that is really used. The project did not end at launch — it is developing based on analytics and user feedback.
From scratch, I designed the UX and visual style with an emphasis on product logic, from user scenarios to design. The updated website has become more convenient, clearer and works more effectively for business: it helps to find products and place orders faster.
Executed works
Results
Conclusion
The redesign of the online store increased user engagement and became a driver of online sales. After launch, I continue to monitor user behavior, collect feedback, and make point-to-point improvements based on analytics.
