Услуги: UX.UI дизайн, Веб-дизайн, CSS, JS

Индустрия: Бьюти / E-commerce

Клиент: FS Cosmetics

FS Cosmetics. Бренд косметики.
Редизайн интернет-магазина

Главная страница

Этапы проекта

Процесс

Работа началась с анализа текущего сайта, понимания целевой аудитории и визуального кода, который уже был у бренда. Важно было сохранить самобытность FS Cosmetics как отечественного производителя, но одновременно — переосмыслить её с акцентом на премиальность, аккуратность и современность.

Я изучил конкурентов, собрал референсы, определил слабые стороны текущего визуального языка и точки роста. Ключевая идея редизайна — придать проекту ощущение уверенного, зрелого бренда, который сочетает в себе заботу о качестве и внимание к деталям. Новая визуальная система выстроена вокруг чистоты, структурности и деликатной эстетики, поддерживающей ощущение «уверенной лёгкости».

Задача проекта

Построил новую структуру сайта с фокусом на пользовательские сценарии и бизнес-задачи. Продумал навигацию и логику переходов.

Прототипирование

Переработал визуальный стиль. Сделал интерфейс чище, современнее и ближе к премиум сегменту.

Дизайн-концепт

Разработал разделы сайта, включая каталог, карточки товаров и страницу чекаута. Нарисовал адаптивы под все ключевые разрешения.

Разработка адаптивных макетов

Презентовал и обосновывал решения, участвовал в продуктовых обсуждениях.

Дизайн состояний, UI-кит

Проводил фронт- и бэкенд-ревью, следил за точным внедрением дизайна.

Передача на верстку

Front- / Back- ревью, отладка и правки

После запуска отслеживал поведение пользователей, проводил A/B-тесты и вносил улучшения.

FS Cosmetics — бренд косметики с действующим сайтом и фирменным стилем. Задача заключалась в повышении престижа компании и лояльности клиентов через редизайн и масштабирование интернет-магазина. Цель — сделать визуальный образ более современным и соответствующим премиальному сегменту.

Редизайн Главной страницы

Исходный дизайн

Этапы проекта

Моя роль

Построил новую структуру сайта с фокусом на пользовательские сценарии и бизнес-задачи. Продумал навигацию и логику переходов.

Архитектура и структура

Переработал визуальный стиль: шрифты, палитра, карточки, сетка. Сделал интерфейс чище, современнее и ближе к премиальному сегменту.

Визуальная концепция

Разработал разделы сайта, включая каталог, карточки товаров и страницу чекаута. Нарисовал адаптивы под все ключевые разрешения.

UX разделов сайта

Презентовывал и обосновывал решения, участвовал в продуктовых обсуждениях.

Коммуникация с клиентом

Проводил фронт- и бэкенд-ревью, следил за точным внедрением дизайна.

Контроль реализации

Аналитика и итерации

После запуска отслеживал поведение пользователей, проводил A/B-тесты и вносил улучшения.

Редизайн FS Cosmetics включал не только визуальное обновление, но и полную переработку структуры сайта и пользовательского пути. Я отвечал за архитектуру, UX, визуальную концепцию и сопровождение проекта на всех этапах — от проектирования до аналитики после запуска.

Редизайн Каталога товаров

Исходный дизайн

Список изменений

Спроектировал логику разделения на категории — чтобы упростить навигацию и сократить путь к нужному товару.

Добавил фильтрацию по параметрам, чтобы пользователь мог находить релевантные позиции быстрее.

Реализовал сценарии поиска, избранного и работы с корзиной — как часть полноценного пользовательского пути.

Создал детализированную карточку товара с приоритетом визуального контента и чёткой иерархией данных — для удобства восприятия и принятия решения.

Продумал адаптивы и поведение на разных экранах — чтобы опыт оставался целостным и удобным вне зависимости от устройства.

Каталог и продукция

Раздел каталога претерпел существенные изменения. Каталог был переосмыслен как полноценная масштабируемая продуктовая система с логичной структурой и удобными сценариями выбора.

Детальная страница

Новый каталог

Мобильная версия

Список изменений

Создан раздел Контакты с понятной навигацией и удобной подачей информации — чтобы пользователь знал, как быстро связаться с брендом.

Разработан раздел FAQ — как первая линия поддержки, позволяющая самостоятельно решить типовые вопросы без обращения в чат или по почте.

Добавлен сценарий обращения за помощью: форма запроса и инструкции, доступные с любых страниц сайта.

Всё это повысило прозрачность и улучшило взаимодействие с сайтом — особенно в моментах до и после оформления заказа.

Каталог и продукция

Для усиления доверия и снижения барьеров в покупке был спроектирован раздел контактов и служба поддержки — как важная часть пользовательского пути. Это уменьшило количество обращений, позволив получать всю информацию с сайта.

Детальная страница

Раздел контакты

Страница 404

Награды и публикации

Проект был опубликована в Orpetron Web Design Awards — международной галерее, отбирающей выдающиеся дизайнерские решения со всего мира. Также проект попал в подборку Russian Design Awards как один из 1500 лучших проектов на кириллице.

Разработал новую архитектуру сайта с фокусом на пользовательские сценарии и цели бизнеса.

Создал визуальную концепцию с прицелом на премиальный сегмент: типографика, палитра, сетка, интерфейс.

Спроектировал разделы сайта во всех адаптивах: каталог, карточки товаров, чекаут, о бренде, служба поддержки, контакты.

Настроил процесс продуктовой итерации: от аналитики до A/B-тестов и точечных улучшений после запуска.

Сопровождал разработку: участвовал в QA, ревью и контролировал внедрение дизайна.

В результате получился продуманный и удобный продукт, которым действительно пользуются.
Проект не закончился на запуске — он развивается, опираясь на аналитику и пользовательскую обратную связь.

С нуля спроектировал UX и визуальный стиль с акцентом на продуктовую логику — от пользовательских сценариев до оформления. Обновлённый сайт стал удобнее, понятнее и сильнее работает на бизнес: помогает быстрее находить товары и оформлять заказы.

Выполненные работы

Итоги

Результат проекта

Редизайн интернет-магазина усилил вовлечённость пользователей и стал драйвером онлайн-продаж. После запуска продолжаю отслеживать поведение пользователей, собираю обратную связь и вношу точечные улучшения, опираясь на аналитику.