+7 (812) 223-43-47 Рассчитать окупаемость
Пример работы · Товары для дистилляции · разработка

SHAFFER: посадочная для опта и розницыКомплексная разработка B2B/B2C посадочной страницы для бренда английских турбо-дрожжей SHAFFER

SHAFFER — обложка примера работы
ЗадачаСделать яркий продающий сайт, выделяющий бренд среди конкурентов, и развести розничный и оптовый трафик
Периодв примере не указан
Бюджетв примере не раскрывается
Что сделалиСмыслы и структура, три варианта стиля, дизайн, анимация первого экрана, вёрстка, формы и цели аналитики
Результатитоговой цифры в примере нет
SHAFFER · Товары для дистилляции · посадочная страница B2B (продажи бизнесу) и B2C (продажи частным покупателям)
SHAFFER: иллюстрация примера работы

О проекте и клиенте

SHAFFER — бренд спиртовых турбо-дрожжей, созданных на новейшей производственной линии легендарного завода Hambleton Bard ltd в Великобритании. Продукт отличается уникальной рецептурой, высокой скоростью брожения (от 24 часов) и позволяет получать спирт крепостью до 21%.

Эксклюзивный дистрибьютор в РФ — компания YEASTWOOD. Продукция ориентирована на два сегмента: домашних винокуров (розница) и коммерческие ремесленные и промышленные производства (опт).

SHAFFER: иллюстрация примера работы

Проблематика и бизнес-задача

Исторически сложилось, что ниша самогоноварения и дистилляции в визуальном плане сильно консервативна (используется строгий, откровенно ретро или «деревенский» стиль). Кроме того, у клиента был негативный опыт с предыдущими подрядчиками: прошлый макет представлял собой просто слепое копирование брендбука без учета законов веб-дизайна и маркетинга.

Перед нами стояли задачи:

  • Разработать современный, презентационно-продающий сайт, который отстроит SHAFFER от конкурентов за счет более яркого, свежего дизайна.
  • Привлечь новую, более молодую аудиторию (25-34 года), для которых дистилляция — это хобби и крафт, сохранив при этом лояльность текущего ядра (35+).
  • Грамотно разделить трафик: направить розничных покупателей на маркетплейсы, а оптовых клиентов — на заявки.
  • Внедрить на первый экран нестандартную анимацию бульдога-талисмана.
SHAFFER: иллюстрация примера работы
Рабочий перед ящиком размером с дом

Этапы разработки

1. Предпроектная аналитика и сбор смыслов (ТЗ)

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

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

SHAFFER: иллюстрация примера работы

2. Прототипирование и утверждение концепции

Чтобы не повторять ошибок прошлых подрядчиков, мы не стали сразу рисовать весь дизайн. Мы подготовили 3 варианта стилистики первых экранов на основе брендбука.

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

SHAFFER: иллюстрация примера работы

3. Дизайн интерфейса: разработка блоков

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

  • Главный экран с талисманом: Реализовали пожелание клиента — интерактивный элемент с собакой-бульдогом, которому «прилетают» шляпа, монокль, трубка и усы. Это сразу ломает стереотип о скучных сайтах дрожжей и привлекает внимание. Заголовок точно попадает в целевую аудиторию: транслирует английское качество и скорость сбраживания.
SHAFFER: иллюстрация примера работы
  • Блок «О продукте» и Преимущества: Использовали крупные цифры и инфографику (Быстрое брожение от 24 часов, разнообразие штаммов).
SHAFFER: иллюстрация примера работы SHAFFER: иллюстрация примера работы
  • Каталог (розница и опт):
  • Для дома: Карточки товаров (48 Classic, 24 Express, Vodka, Fruit, Rum и др.) с описанием расхода сахара и крепости.
  • Для производств: Выделили линейку Industrial (на 200 литров) и оптовый формат Big Bag (25 кг). Вместо кнопок маркетплейсов здесь работает форма сбора контактов.
SHAFFER: иллюстрация примера работы

4. Социальные доказательства

Для молодой аудитории и новых покупателей критически важно доверие. Поэтому мы спроектировали мощный блок с доказательствами качества:

  • Сделали акцент на высоком рейтинге (5.0 на Ozon, WB, Яндекс Маркете и более 3000 отзывов).
  • Интегрировали масштабную фотогалерею с профильных мероприятий (фестиваль Wine Club Show).
  • Добавили сетку партнёров-блогеров (известные в нише блогеры: «Самогонщики Юга», «Посадский Винокур», «Самогонщик Витальсон» и др.).
  • Сделали видео-блок с обзорами на продукт и рецептами с YouTube.
SHAFFER: иллюстрация примера работы

5. Верстка, анимация и интеграция

  • Перенесли макет из Figma в чистый, адаптивный код (компьютер и телефон).
  • Сложную анимацию первого экрана с бульдогом оптимизировали, чтобы она плавно воспроизводилась на смартфонах без ущерба для скорости загрузки.
  • Настроили связку форм обратной связи с почтой клиента (info@yeastwood.ru) для мгновенной обработки оптовых заявок.
SHAFFER: иллюстрация примера работы

6. Подключение аналитики

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

Стена труб течёт из каждого стыка, сантехник спокоен

Выводы

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

Благодаря современному визуалу, нестандартной анимации на первом экране и мощной базе социальных доказательств (партнеры, видео, отзывы), бренд SHAFFER получил яркое позиционирование на рынке. Посадочная страница эффективно решает задачу клиента: отстраивает продукт от «ретро-конкурентов» и конвертирует теплый трафик как в розничные покупки на маркетплейсах, так и в крупные оптовые заказы.

SHAFFER: иллюстрация примера работы
Что применили

Услуги из этого примера

Цены и состав работ — на страницах услуг.

Следующий шаг

Повторим в вашей нише.

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

+7 (812) 223-43-47Telegram · @alexandrcehalexts@dadcan.ruСанкт-Петербург, Красного Курсанта 25Ж · ежедневно 11:00–19:00
01шаг 1 из 5

С чем помочь?

Можно выбрать несколько

02шаг 2 из 5

Какая цель?

03шаг 3 из 5

Бюджет на рекламу в месяц

Приблизительно тоже подойдёт — от него считаем окупаемость

04шаг 4 из 5

Адрес сайта

По нему смотрим спрос, конкурентов и посадочные

05шаг 5 из 5

Куда прислать расчёт

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

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