«Редизайн сайта бренда функциональных напитков на Tilda с английской версией — и три года развития: новые линейки, страница спортпита, презентация бренда.»
Fahrenheit — бренд функциональных напитков и спортивного питания со слоганом «Живи в ритме большого города»: алкалиновая и витаминная вода, изотоники, БАДы — на полках федеральных сетей и маркетплейсов. В 2023 году мы взяли редизайн сайта fahrenheit-plus.ru генподрядом: менеджмент, тексты и приёмку держали у себя, дизайн и вёрстку первой фазы делала партнёрская команда под нашим управлением. С 2024-го развиваем сайт уже своими руками: новые линейки и SKU, страница спортивного питания, маркетинговая презентация бренда.
Первую фазу мы вели как генподрядчик: бриф, план, смета, тексты, дизайн-ревью и приёмка — на нас, дизайн и вёрстка — на партнёрской команде под нашим управлением. Когда перед самой сдачей дизайнер партнёров ушла в отпуск, мы разобрали чужие зеро-блоки и докатили финальные правки сами. Со второй фазы сайт полностью перешёл в наши руки — от дизайна карточек до вёрстки и тестов.
Клиент хотел живое комьюнити на сайте: отзывы и ролики блогеров из соцсетей. Проблема в том, что рилсы вертикальные, а сайт — горизонтальный. Перебрали варианты: автоплей без кнопки, карточки с обложками, шейпы 9:16 — и собрали блок, где видео открывается в полноэкранном просмотре, а на мобильной версии смотрится как нативная лента. Ролики вынесли на внешний видеохостинг, чтобы не тормозить Tilda.
Бренд расширился в спортпит — сайт догнал: собрали новую страницу «Спортивное питание», добавили блок спортпита на главную, завели новые SKU и обновили фото банок. Прогнали тесты вёрстки по всем страницам.
Главная fahrenheit-plus.ru сегодня: видеослайдер «полезная вода и спортивное питание на каждый день», карточки линеек и блок спортпита
Новая страница «Спортивное питание FAHRENHEIT» на живом сайте
Расскажите о задаче — предложим архитектуру решения. Без шаблонных КП и абстрактных смет: конкретика на старте.
Подготовили сайт к расширению ассортимента: перекроили структуру, переверстали карточки напитков и согласовали план новой страницы спортпита.
Добавили новый SKU витаминной воды, обновили макеты страницы под расширенную линейку вкусов, сверстали и дважды прогнали тесты: сначала обновления, потом прод.
Страница витаминной воды на живом сайте — секции вкусов power boost, immunity, mind & focus
Макет обновлённой страницы витаминной воды с новым вкусом клубника-смородина
Сделали для Fahrenheit маркетинговую презентацию на несколько десятков слайдов — про линейки, pH и полки сетей — и пережали её до веса, с которым она уходит в рассылки и мессенджеры.
Слайд маркетинговой презентации бренда: алкалиновая вода и шкала pH
Проект вернулся после запуска: обновили сайт под выросший ассортимент — дизайн-концепт карточек товаров, изотоник на главном экране, блок магазинов, сниппеты для мессенджеров. Проверили релиз и выкатили.
Варианты обновлённого главного экрана: карточки пяти линеек — алкалиновая, витаминная, изотоник, вода с соком и БАДы
Закрыли документы, забрали сайт на свой аккаунт и перенесли на fahrenheit-plus.ru. Настроили метрики и почту, прописали метатеги и hreflang-разметку для английской версии на /en, поправили якоря навигации.
Русская версия собрана на Tilda, следом — английская. Дальше наш QA-проход по вёрстке партнёров, обеих языковых версий: слайдеры и анимации, планшетные разрешения, кликабельные логотипы в «Где купить», сниппеты для соцсетей по нашему публичному гайду. Параллельно добивали видеоблоки с роликами блогеров.
Три линии дизайн-концептов главного экрана — клиент выбрал направление за один созвон со скринкастом. Дальше макеты: главная в два раунда, страницы витаминной и алкалиновой воды, блок комьюнити с отзывами блогеров. Тексты для обновлённых блоков переписали сами, когда у партнёров не нашлось копирайтера.
Дизайн-концепт главного экрана, линия 1: «Алкалиновая вода — не дай себе закиснуть»
Дизайн-концепт главного экрана, линия 2
Дизайн-концепт главного экрана, линия 3
Финальные макеты редизайна: главная, алкалиновая и витаминная вода — с блоками комьюнити, «где купить» и мерча
Собрали вводные: брендбук, бренд-платформу, презентации и рендеры бутылок. Составили план-график, согласовали смету и договорились о рамке: редизайн трёх страниц плюс английская версия — за месяц.