Bakunin Drinks. Сайт бренда лимонадов и тоников

Bakunin Drinks делает лимонады и тоники. Мы сделали бренду сайт с анимацией банок, рецептами коктейлей и страницей СТМ.

Сайт bakunindrinks.com на компьютере и телефоне

Формат: Сайт: 9 страниц на 3 языках
Разработка: Январь – апрель 2025
Платформа: Tilda
Город: Санкт-Петербург

О клиенте

Лимонады и тоники Bakunin Drinks выпускает петербургская пивоварня «Бакунин», которая работает с 2013 года. По данным компании, напитки разработаны вместе с коктейльным баром Imbibe, продаются в «Перекрёстке», «Ленте», «Азбуке вкуса» и на маркетплейсах, а по стране их возят 20 дистрибьюторов от Мурманска до Владивостока.

Раньше напитки выходили под именем Bakunin Botanicals, и сайт у них был на Readymag. В 2024 году бренд стал называться Bakunin Drinks, а на новом домене вместо сайта висела заглушка со ссылкой на Ozon. В декабре 2024 года пивоварня пришла к нам за новым сайтом.

Задача

Отличить лимонад на соках от газировки. Слово «натуральный» на этикетке уже ничего не доказывает, покупателю нужен состав.

Кто выбирает

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

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

Что сделали

Решения на сайте

Анимация

Банки перелетают к составу

При прокрутке банки садятся под заголовки о составе: продукт в кадре, пока человек читает.

Состав

Что стоит за словом «натурально»

Доводы раскрываются при наведении: сок отжимают на производстве, красителей нет.

Каталог

Вкусы разложены по группам

Около двадцати вкусов делят фильтры на четыре группы: бармен находит тоники в одно нажатие.

Рецепты

Коктейли от команды бара

Страница рецептов от Imbibe: схема в пять шагов и карточки коктейлей, которые легко повторить.

Своя марка

Свой напиток в пять этапов

Страница СТМ по порядку объясняет, зачем свой напиток и как пойдёт работа.

bakunindrinks.com

Банки перелетают к составуПри прокрутке банки садятся под заголовки о составе: продукт в кадре, пока человек читает.

Блок о составе: заголовки «Используем свежевыжатые соки», «Завариваем оригинальные чаи и локальные травы», «Всё натуральное и никак иначе», под средней банкой открыто описание чаёв и трав — **Что стоит за словом «натурально»**Доводы раскрываются при наведении: сок отжимают на производстве, красителей нет.

Линейка вкусов: фильтры «Все», «Тропики и цитрусы», «Травы и ягоды», «Тоники и классика», «Кофейные напитки» над рядом банок, под банкой «Иван-чай и мята» открыт состав — **Вкусы разложены по группам**Около двадцати вкусов делят фильтры на четыре группы: бармен находит тоники в одно нажатие.

Страница рецептов easy-mix: заголовок о коктейлях с лимонадами и тониками, текст о команде бара Imbibe и универсальный рецепт в пять шагов с рисунками — **Коктейли от команды бара**Страница рецептов от Imbibe: схема в пять шагов и карточки коктейлей, которые легко повторить.

Страница СТМ: блок «Почему это выгодно для вашего бренда?» с тремя карточками и «Как мы работаем» с карточками этапов от погружения в бренд до дизайна упаковки — **Свой напиток в пять этапов**Страница СТМ по порядку объясняет, зачем свой напиток и как пойдёт работа.

На телефоне

Лента вместо сетки

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

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

Мобильная версия: линейка вкусов лентой карточек, банка «Иван-чай и мята» с составом под ней и закреплённая кнопка «Купить на OZON» в углу — Одна банка на экран, следующая листается вбок

Страница своей марки: кнопка заявки выше банки

Первый экран сайта на планшете — Бургер и выбор языка, банки над заголовком, кнопка Ozon

Как шла работа

Доработки после запуска

Правки бренд присылает в общий рабочий чат, мы вносим их на сайт и пишем туда же, когда готово.

Апрель 2026 года: в разделе «Где купить» появилась таблица дистрибьюторов по городам.
Июль 2026 года: для радлера, безалкогольного пива с соком, который бренд выпустил с Ozon fresh и Озон Банком, собрали отдельный блок на главной.
В тот же день на страницу коллабораций добавили летний арт-объект с Севкабель Портом и лимонад с Макбушем.
Радлер мы предлагали поставить и в линейку вкусов, но команда Bakunin захотела держать его отдельно от лимонадов.
Через два дня команда бренда написала, что страничка с радлером получилась очень красивой.

Результат