Услада — сайт и интернет-магазин бренда товаров для домашнего комфорта

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

Две женщины передают друг другу розовую подушку «Услада»

О проекте

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

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

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

Клиент
Услада (в процессе переезда)
Роль
UX/UI дизайн, брендинг
Что делал
Редизайн сайта · Интернет-магазин · Брендинг
Год
2026

Что нужно было спроек­тировать

  1. Пересобрать большой объём контента

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

  2. Связать знакомство с брендом и покупку

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

  3. Разделить клиентский и партнёрский сценарии

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

  4. Создать новый визуальный образ

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

Новый визуальный язык бренда

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

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

Обновление фирменного стиля «Услады»: логотип, палитра и типографика

От знакомства с продукцией к выбору товара

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

Детальная страница продукта объединяет визуальную презентацию, описание, характеристики и основные действия. Задача интерфейса — сохранить эмоциональную подачу бренда, но не мешать человеку понять, что именно он покупает и что делать дальше.

  1. Макет каталога продукции «Услада» с фильтрами и карточками товаров
  2. Макет каталога подушек «Услада» с вариантами цвета
  3. Макет детальной страницы подушки «Услада» с характеристиками и действиями

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

01 / 03

Не только каталог

Для принятия решения пользователю недостаточно увидеть сам товар. Поэтому вокруг каталога выстроена информационная среда: история компании, информация о продукции, документы и сертификаты, отзывы в разных форматах и ответы на частые вопросы.

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

  1. Макет раздела о компании «Услада» с историей производства и сотрудничества
  2. Макет страницы о составе и материалах продукции «Услада»
  3. Макет страницы со сценариями использования продукции «Услада»

О компании и сотрудничестве

01 / 03

Отдельный сценарий для консультантов

Помимо продажи товаров, сайт должен объяснять партнёрскую модель «Услады» и показывать пользователю возможность присоединиться к системе распространения продукции.

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

  1. Макет страницы «Бизнес с Усладой» с преимуществами сотрудничества
  2. Макет страницы с примерами продукции и помощью консультантам «Услады»
  3. Макет страницы о развитии консультанта и системе возвратных скидок «Услады»

Бизнес с Усладой

01 / 03

Единая интерфейсная система

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

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

  1. Макет разделов о правилах компании и этическом кодексе «Услады»
  2. Макет разделов о руководителе компании, документах и сертификатах «Услады»
  3. Макет разделов контактов и консультации «Услады»

Правила компании и этический кодекс

01 / 03

Итоговые макеты в Figma

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

  1. Полный макет главной страницы сайта «Услада»
  2. Полный макет каталога продукции «Услада»
  3. Полный макет детальной страницы товара «Услада»
  4. Полный макет страницы о продукции «Услада»
  5. Полный макет страницы видеоотзывов «Услада»
  6. Полный макет страницы писем и отзывов «Услада»
  7. Полный макет страницы документов и сертификатов «Услада»
  8. Полный макет страницы контактов и реквизитов «Услада»
  9. Полный макет страницы помощи и ответов на вопросы «Услада»
  10. Полный макет страницы «Бизнес с Усладой»
  11. Полный макет страницы о компании «Услада»
  12. Полный макет страницы ошибки 404 «Услада»

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

01 / 12

Прокрутите вниз, чтобы посмотреть страницу целиком

Результат

В результате для «Услады» была спроектирована новая цифровая система бренда: от айдентики и структуры корпоративной части до интернет-магазина, информационных материалов и отдельного партнёрского направления.

Проект находится на этапе запуска. Новая версия согласована заказчиком и готовится к замене действующего сайта на основном домене.

  1. Единый образ бренда

    Айдентика, интерфейс и работа с контентом объединены одной визуальной системой и поддерживают общий характер бренда.

  2. Понятная структура большого контента

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

  3. Полноценный e-commerce сценарий

    Пользователь может перейти от знакомства с продукцией к каталогу, конкретному товару и следующему действию в рамках одной системы.

  4. Отдельное партнёрское направление

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

Другие проекты

Давайте разберём
вашу задачу

Расскажите коротко о проекте — посмотрю задачу и предложу, с чего лучше начать.

@VitaleRuTelegramVitalyZhigalovDesign@yandex.ruEmail

Это предварительная версия формы. Сообщения пока не отправляются.