Sofia-Bertrand

Sofia Bertrand — интернет-магазин косметики, созданный для представления и продажи продукции бренда на российском рынке.

О проекте

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

Задача
Основная задача проекта — создать интернет-магазин косметики, который будет одновременно выполнять имиджевую и коммерческую функцию.
Что сделали
На первом этапе была проработана логика будущего интернет-магазина: определены основные разделы, пользовательские сценарии и структура страниц. Особое внимание уделялось тому, чтобы сайт был понятен как новым пользователям, так и покупателям, которые уже знакомы с брендом.
Результат
В результате был разработан интернет-магазин косметики Sofia Bertrand, который объединяет презентацию бренда и удобный сценарий покупки. Проект получил понятную структуру, визуально аккуратный интерфейс, каталог с категориями, информативные карточки товаров, раздел с филиалами и формы оформления заказа.

Срок6 недель
Форматинтернет-магазин

Что было важно для потенциальных покупателей

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

Поэтому при проектировании сайта учитывались следующие факторы:

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

Концепция проекта

Концепция проекта строилась вокруг сочетания эстетики премиальной косметики и функциональности интернет-магазина.

Sofia Bertrand — бренд, для которого важны визуальная чистота, доверие, ощущение качества и экспертности. Поэтому сайт не должен был выглядеть как перегруженный маркетплейс. Напротив, интерфейс должен был сохранять ощущение брендового пространства, где каждый продукт представлен аккуратно и осознанно.

Основная идея — создать digital-витрину, которая помогает пользователю познакомиться с брендом, изучить ассортимент и перейти к покупке без лишнего визуального шума.

Заполнить бриф

Выбрали ключевые вопросы о сроках, бюджете, процессе работы и поддержке, чтобы вам было проще принять решение и понять, как мы будем двигаться дальше

UI/UX структура и проектирование

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

Главная страница выполняет роль первого контакта с брендом. Она должна быстро объяснить пользователю, что представляет собой Sofia Bertrand, показать ключевые товарные направления и направить посетителя в каталог.

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

Каталог

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

Структура каталога должна быть понятной, масштабируемой и удобной для дальнейшего расширения продуктовой линейки.

Категория товаров

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

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

Карточка товара

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

Важными элементами карточки стали визуал продукта, описание, характеристики и заметный сценарий оформления заказа.

Филиалы

Раздел филиалов усиливает доверие и помогает пользователям найти точки присутствия бренда. Для beauty-сегмента это особенно значимо, поскольку покупателям часто важно понимать, где можно получить консультацию или познакомиться с продукцией офлайн.

О компании

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

Формы оформления заказа

Формы оформления заказа были сделаны максимально простыми. Основной принцип — не перегружать пользователя и не создавать препятствий на финальном этапе.

Форма должна быть понятной, быстрой и удобной как на десктопе, так и на мобильных устройствах.

Фотографии проекта

Результат

Мы спроектировали структуру каталога, категории, карточки товаров, разделы о компании и филиалах, а также формы оформления заказа. Проект объединил премиальную визуальную подачу beauty-бренда и понятную e-commerce механику для покупателей.

Ключевые показатели

Срок
6 недель
Формат
интернет-магазин
Сфера
Косметика / beauty
Подготовка к продвижению
выполнена
Имиджевая цель
премиальный характер бренда
Интеграция с CRM
выполнена

Кейсы, в которых дизайн и разработка работают на результат.

Показываем, как сайты, сервисы и интерфейсы помогают компаниям привлекать клиентов, продавать и развиваться.

Liacare
Liacare — технологический продукт для заботы о пожилых людях дома. Устройство помогает отслеживать бытовые риски, деликатно взаимодействует с пользователем и не выглядит как медицинский прибор.
Dr.Oracle
Dr. Oracle — многостраничный интернет-магазин косметики с продуманным каталогом, удобными карточками товаров, страницами категорий, информационными разделами и понятным оформлением заказа.

PlayhouseTix
Платформа для покупки билетов в кино и на концерты. В проекте реализованы три языковые версии, личные кабинеты для организаторов и покупателей, а также SEOоптимизация страниц событий и площадок: ЧПУ, мета-теги и высокая скорость загрузки.
Nordex Motors
Nordex Motors — интернет-магазин автомобилей с пробегом из Европы. Мы создали удобную digital-платформу для подбора автомобиля, изучения характеристик и оформления заявки на покупку.