Перейти к содержимомуSkip to content
Сайт Sensetonica

Интимная косметика · российское производство · 2026

Промосайт бренда с продажей на маркетплейсе

Sensetonica

Сайт бренда как одна прокручиваемая сцена: продукт, состав и два варианта ведут к покупке на маркетплейсе.
  • Веб-дизайн
  • UX/UI
  • Адаптивная вёрстка
  • Frontend-разработка
  • Публикация
Первый экран сайта Sensetonica
01

Контекст

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

02

Задача

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

03

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

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

Одна сцена вместо страницы секций — сайт Sensetonica
04

Состав на виду

Формула не спрятана в мелкий шрифт: сбалансированный pH, пантенол и гиалурон вынесены крупно, а полный INCI стоит рядом, без раскрывающегося блока. В категории, где состав читают внимательнее, чем обещания, это и есть главный аргумент.

Состав на виду — сайт Sensetonica
05

Два варианта и смена света

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

Два варианта и смена света — сайт Sensetonica
06

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

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

Мобильная версия — сайт Sensetonica
07

Доступность и загрузка

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

Бренд 18+: страница говорит о продукте и составе, без демонстрации.

Мобильный экран 1 — сайт Sensetonica
Мобильный экран 2 — сайт Sensetonica
Мобильный экран 3 — сайт Sensetonica

Что сделано

  • Визуальное направление сайта и типографика
  • Сценарий одной прокручиваемой сцены
  • Слои состава, вариантов и покупки
  • Адаптивная desktop- и mobile-версия
  • Текстовый слой сцены и навигация по якорям
  • Постер первого кадра и отложенная загрузка медиа
  • Разметка бренда и товаров, публикация

Мы не публикуем клиентские метрики и не приписываем себе бизнес-результаты. Всё перечисленное можно проверить на самом сайте.

Есть проект, которому нужен сильный цифровой образ?

Расскажите о задаче. Мы изучим контекст и предложим подход без шаблонных решений.
Почтаhello@eolabs.ru
Формат работыРаботаем удалённо
@eolabs.digital

Отвечаем в течение рабочего дня.

Добавить компанию и тип задачи (необязательно)
Тип задачи

Поля со звёздочкой и согласие обязательны.

Есть больше вводных? Заполните структурированный бриф за 5–10 минут.

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