Лендинг для Exprodov

Клиент
Exprodov — производитель замороженных продуктов премиального качества.
Сроки реализации
3 месяца
Задача
Обновить лендинг, который перестал отвечать бизнес-целям и ожиданиям пользователей.
Результат
Яркий, удобный и конверсионный сайт, который работает сразу для двух аудиторий: помогает партнёрам быстро находить каталог и прайс, а конечным покупателям — знакомиться с продукцией, находить рецепты и понимать ценности бренда.

Exprodov: как упаковать премиальную заморозку для B2B и B2C в одном сайте

Exprodov — российский производитель замороженной рыбы и готовых блюд премиум-сегмента. Компания работает сразу в двух направлениях: B2C (конечные покупатели) и B2B (дистрибьюторы, ритейл, корпоративные закупки).
До редизайна у клиента был сайт-визитка, сделанный несколько лет назад: простая структура, минимум визуала, устаревший дизайн. На первый взгляд — рабочий инструмент, но для рынка премиальных продуктов этого уже мало.

3 (2) 5

Особенности рынка замороженных продуктов:

Высокая конкуренция и консервативность
В онлайне покупатель или партнёр так же сталкивается с десятками сайтов производителей рыбы и полуфабрикатов. Чтобы выделиться, бренду мало просто «быть качественным» — нужен удобный сайт с сильным визуалом и современным имиджем.
Сложный B2B-сегмент
Дистрибьюторы и сети выбирают партнёра не только по цене, но и по надёжности: стабильность поставок, ассортимент, документы, логистика. Здесь сайт работает как первый фильтр доверия.
Растущий интерес к B2C
Всё больше конечных покупателей ищут премиум-продукты напрямую у производителя, особенно онлайн. Для них важна не только информация «что купить», но и эмоциональный контент — рецепты, ценности бренда, истории происхождения продуктов.
Цифровизация
Покупатель хочет «всё здесь и сейчас»: каталог, прайс, контакты, где купить. Любая лишняя петля в пути клиента снижает конверсию.

Именно эти особенности мы учитывали при редизайне. Старый сайт не решал этих задач: он выглядел как «визитка для галочки» и не помогал бизнесу расти.

Диагностика

Формально задача звучала просто: сделать редизайн лендинга. Но за этим «простым» словом скрывалась куда более интересная история: как упаковать один бренд сразу для двух разных аудиторий — B2B и B2C.
Для бизнеса важно было:
  • Упростить путь для партнёров и оптовиков: показать ассортимент, выгоды сотрудничества, дать возможность скачать прайс и оставить заявку.
  • Сделать сайт имиджевым для конечных покупателей: рецепты, ценности бренда, где купить продукцию.
  • Превратить лендинг из «информационной визитки» в инструмент продаж и коммуникации.
Этот кейс именно об этом: как на одном сайте развести интересы двух разных аудиторий, не перегрузив их информацией и сохранив единый визуальный стиль.

Как мы подошли к задаче

Аналитика

Первым делом мы проанализировали текущую версию сайта. Лендинг «Экспродова» выглядел устаревшим: тяжёлые блоки текста, мало воздуха, неудобная навигация. Пользователю приходилось «пробиваться» к нужной информации — каталогу продукции, контактам или информации о партнёрстве. Для B2B-аудитории (дистрибьюторы, ритейл, HoReCa) это означало потерю времени и доверия, а для конечного потребителя — ощущение, что бренд «не живой». В итоге сайт не выполнял ключевую задачу: быть рабочим инструментом продаж и имиджа.

Конкуренты и рынок

Картина среди конкурентов оказалась довольно типичной: многие компании по-прежнему держат сайты «для галочки». Чаще всего это простые каталоги без нормальной визуальной айдентики, с перегруженными таблицами или наоборот — пустые посадочные, которые никак не работают на ценность бренда.
Но выделены и сильные практики:
  • Чистые продуктовые каталоги с фильтрацией и удобным поиском.
  • Имиджевые сайты, где акцент сделан на эмоции, истории бренда и кулинарные ассоциации.
  • Решения с анимациями и вкусной подачей фотографий продукта.

 

Мы решили соединить лучшее из обоих миров:
  • От конкурентов взяли практичность и простую навигацию для B2B — быстрый доступ к каталогам, прайсу и контактам.
  • Для B2C сохранили эмоциональный слой: аппетитные фото, лёгкие анимации, ассоциации с кулинарией и свежестью.
  • Осознанно отказались от перегруженных текстов и сложных многоуровневых структур: на рынке и так мало внимания к визуалу, и перегруженный сайт теряет доверие.
  • Добавили анимации и микро-интерактивы, чтобы показать бренд более «живым» и современным.
В итоге получилось основание для будущего дизайна: понятный и рабочий для партнёров, вдохновляющий и лёгкий для конечного покупателя.

Стратегия команды

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

UX-дизайн

Мы соединили брендбук клиента, его наработки и наше видение современного UX.

Структура

Основой редизайна стала идея соединить B2B и B2C-аудитории в одном сайте. Поэтому мы начали с проектирования структуры: выделили ключевые сценарии для партнёров (каталог, прайс, контакты) и для конечных покупателей (знакомство с продукцией, рецепты, ценности бренда).
collage 1

Дизайн-процесс

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

Новые блоки:

  • Вакансии. Раньше этого раздела не было вообще, хотя компания активно растёт. Мы оформили отдельный блок с актуальными позициями и удобной формой отклика, чтобы HR-направление тоже работало через сайт.
vac-mob 1 (1)
  • Новости. В этой индустрии важно показывать, что бренд живой и развивается. Блок новостей даёт возможность рассказывать о новых продуктах, партнёрствах и мероприятиях — это работает и на имидж, и на доверие партнёров.
news 1
  • О заводе-производителе. Чтобы подчеркнуть масштаб и серьёзность бизнеса, добавили отдельный блок с рассказом о производстве. Это сразу отвечает на вопрос «а насколько надёжный партнёр передо мной?»
zav 1 (2)
  • Рецепты. Для конечного потребителя — вдохновляющий раздел, который помогает не только купить продукт, но и придумать, как его приготовить. Это усиливает эмоциональный контакт с брендом.
77 1

UX

Сделали навигацию с «коридорами» под разные задачи прямо в шапке. Каталог стал «хабом», а не длинной лентой.
Чтобы объединить сценарии B2B и B2C на одном лендинге, мы выстроили структуру как внятный маршрут, где каждый блок подталкивает к следующему шагу — без перегруза и навязчивых CTA.
Переходы между разделами выстроены по принципу “скрытого сторителлинга”: сначала бренд и философия, потом продукты, затем — как стать партнёром или где купить.
Отдельный фокус — мобильный UX. Почти половина визитов у клиента приходится на смартфоны, поэтому мы переработали адаптив под «пальцевую логику»: крупные кнопки, выровненные отступы, оптимизированные изображения, упрощённые формы.

Анимация

По просьбе клиента добавили playful-деталь: выпрыгивающую рыбку, которая впрыгивает в логотип при входе на сайт. Это стало фирменной изюминкой.
prel 1

Разработка

После утверждения дизайна мы перешли к разработке. Сайт собран на CMS WordPress, но на кастомной теме, полностью спроектированной под задачу клиента. Никаких перегруженных плагинов: только лёгкая, чистая архитектура, чтобы сайт грузился быстро и не ломался после обновлений.
Основные этапы:
  1. Верстка интерфейсов — адаптивная, с сохранением «вкусных» деталей дизайна. Мы сразу закладывали макеты под все ключевые разрешения — от мобильных до 4K-дисплеев.
  2. Интеграция с WordPress — разработали собственные блоки под контентные секции: карточки товаров, истории, рецепты, баннеры, блоки с преимуществами. Клиент может сам управлять контентом, не ломая композицию.
  3. Анимации и микровзаимодействия — ключевая фишка проекта. Они добавляют сайту «дыхание» — создают ощущение живого, динамичного пространства, где каждый элемент реагирует на действия пользователя. Для реализации использовали лёгкие Lottie-анимации и кастомный JavaScript, чтобы сохранить баланс между выразительностью и скоростью загрузки.
  4. Оптимизация — мы следили за весом изображений, кэшированием, lazy load и структурой кода. В результате сайт стабильно работает даже при слабом интернете.
  5. SEO-основа — внедрены человеко-понятные URL, микроразметка, корректные мета-теги и Alt для изображений. Сайт из коробки готов к продвижению.
Особое внимание уделили редакторской части: в панели администратора настроены гибкие поля, чтобы клиент мог менять тексты, фото и истории без обращения к разработчику. Всё просто, без риска «сломать» верстку.

Техническая часть

WordPress + PHP, MySQL, HTML5, CSS3, JavaScript. Подключили Метрику, капчу, кэширование, базовую защиту.

Тестирование

После сборки сайт прошёл полное тестирование — мы прошли путь пользователя от первой секунды до оформления заказа на всех устройствах.
Проверяли:
  • Адаптивность — на более чем 20 типовых разрешениях: iPhone, Android, планшеты, десктопы во всех используемых браузерах.
  • Скорость — оптимизировали изображения, кэширование и скрипты, чтобы страницы открывались мгновенно.
  • Формы и интеграции — все формы обратной связи, заявки и подписки тестировались с реальными запросами. Проверяли корректность отправки, капчу, обработку ошибок.
  • Кэширование и стабильность — имитировали пиковые нагрузки, чтобы убедиться, что сайт не «сыпется» при большом количестве одновременных переходов.

Релиз

Без спешки и технических сбоев. Сайт запускали поэтапно: сначала на тестовом сервере проверили корректность работы всех модулей и форм, затем перенесли на основной домен с переиндексацией и настройкой аналитики.
Подключили Яндекс.Метрику и Google Analytics 4, настроили цели и базовые отчёты по поведению пользователей.
После публикации клиент отметил, что сайт стал ощущаться «живым и вкусным» — теперь хочется не просто заказать рыбу, а буквально попробовать её.
Проблем с работой сайта не возникло: система администрирования оказалась интуитивной, а скорость загрузки сохраняется даже при обновлении контента.

Ретроспектива

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

1

Цифры

Команда
7
человек
Время
250
часов
Дизайн
132
экрана
Созвоны
200
минут
3 (1) 5

Новый сайт «Exprodov»

стал не просто красивой обёрткой, а рабочим инструментом, который одновременно решает задачи имиджа и продаж. Онлайн теперь соответствует уровню крупного производителя: понятная структура для партнёров, вдохновляющая подача для покупателей и современный облик бренда.
Что это дало бизнесу:
  • Рост доверия к бренду. Новый визуал и удобный UX показывают: перед вами серьёзный производитель с премиальной продукцией, которому можно доверять.
  • Эффективность коммуникации. Теперь партнёры быстрее находят каталог и контакты, заявки не теряются, взаимодействие стало прозрачнее.
  • Новые точки контакта. Блоки с вакансиями, новостями и рецептами расширяют аудиторию: сайт работает и как HR-инструмент, и как имиджевая площадка.
  • Баланс B2B и B2C. На одном ресурсе соединились два сценария: удобство для деловых партнёров и эмоции для конечных покупателей.
  • Фундамент для роста. Вместо временного лендинга компания получила гибкую систему, которую можно масштабировать и дополнять новыми сервисами.
И главное — сайт стал отражением реального уровня компании: современный, надёжный, открытый. Именно такого инструмента и не хватало «Exprodov» для следующего этапа развития.
Примерная стоимость работ
от 290 000 ₽
Сроки реализации проекта
3 месяца

    Похожий проект?
    Расскажите, что планируете

    Обсудим без воды: цели, сроки и ресурсы. Даже если пока всё на уровне идеи — начнём диалог

    Кейсы, которые могут вас заинтересовать

    puzzle puzzle

      Хотите обсудить проект?

      Напишите и мы свяжемся с вами в ближайшее время