Cosmomedica: дизайн интернет-магазина уходовой косметики

Cosmomedica — российский бренд профессиональной косметики, созданный врачом дерматологом-косметологом Еленой Кондрашевой. Сегодня бренд выпускает более 40 продуктов на собственном лабораторно-производственном комплексе, представлен 30 магазинами в 25 городах России и продается в 47 странах мира.

В рамках комплексного ребрендинга Cosmomedica перед Tomatdesign стояла задача разработать новый интернет-магазин. Необходимо было детально проработать структуру и пользовательские сценарии, сделать большой ассортимент уходовой косметики понятным и удобным для самостоятельного выбора и продолжить в digital-среде созданный нами фирменный стиль бренда.

Мы спроектировали интуитивно понятный прототип и разработали масштабируемую дизайн-систему для всех разделов и страниц сайта, включая мобильные версии.

Визуальный язык сайта продолжает фирменный стиль Cosmomedica. Инфографика, визуализирующая действие компонентов косметики, заимствует эстетику научных схем и технических иллюстраций. Ахроматическая палитра и функциональная типографика создают нейтральную среду, в которой главным остается образ человека, а научная информация становится частью визуальной коммуникации.

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

Отдельно проработали карточку товара: выбор объема, подробную демонстрацию упаковки и продукта, описание действия и способа применения. Ключевые активные компоненты вынесены в самостоятельный информационный блок.

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

В результате разработан новый интернет-магазин Cosmomedica с продуманной структурой, пользовательскими сценариями и масштабируемой дизайн-системой.

Сайт продолжает визуальную идентичность бренда и объединяет каталог, фильтрацию, карточки товаров, корзину, оформление заказа и личный кабинет в единую систему. Дизайн адаптирован для desktop- и мобильных устройств.