Кейс · веб-разработка
Редизайн корпоративного сайта Smart Meal Service
Пересобрали подачу B2B‑решений для автоматизации питания: от общего рассказа о компании — к понятному продуктовому сценарию, доказательствам пользы и заявке на демонстрацию.
Контекст и задача
Сделать технологичный продукт понятным для лица, принимающего решение
Smart Meal Service развивает роботизированные кассы, киоски, компьютерное зрение и автономные форматы питания. На исходной главной решения были перечислены, но путь посетителя начинался с общего описания компании и не вёл к целевому действию.
В обновлённой версии ценность раскрывается уже на первом экране: скорость сканирования, точность распознавания, интеграции и снижение очередей. Далее посетитель выбирает продукт или формат питания, понимает ожидаемый эффект и оставляет заявку на демонстрацию.
До / после
Из списка продуктов — в управляемую историю выбора
Сравнение первого экрана на десктопе. Скриншоты сделаны 30.09.2026 при ширине окна 1440 px.
Что изменили
Архитектура, дизайн-система и лидогенерация работают как единое целое
-
01
Сценарий первого экрана
Позиционирование FoodTech‑эксперта заменило нейтральное приветствие. Ключевые цифры и выгоды вынесены в видимую область, добавлены CTA «Подобрать решение» и «Наши продукты».
-
02
Каталог как витрина решений
Шесть продуктов собраны в единый карточный каталог: изображение оборудования, тип решения, короткое объяснение и отдельный путь к подробной странице.
-
03
Аргументация для B2B
Преимущества сгруппированы по бизнес‑эффектам: снижение издержек, прозрачность процессов и качество обслуживания. Сложные тезисы поддержаны схемами и показателями.
-
04
Навигация по сценариям
Посетитель видит не только оборудование, но и шесть форматов применения — от столовой free flow до гостиницы и сетевого проекта.
-
05
Единый визуальный язык
Тёмный графитовый фон, технологичная сетка, лаймовый акцент, скруглённые карточки и документальная предметная фотография создают узнаваемый образ FoodTech‑бренда.
-
06
Доверие и заявка
В структуру добавлены новости, блок интеграций, партнёры, контакты и развёрнутая форма запроса демонстрации в финальной точке пользовательского пути.
Данные в интерфейсе
Цифры продукта стали частью доказательства
Это не показатели эффективности редизайна, а продуктовые характеристики, вынесенные на главную страницу, чтобы пользователь быстрее понял предложение.
- до 98%
- точность распознавания блюд
- < 1 сек
- сканирование подноса
- 6
- решений в экосистеме
- 24/7
- автономная работа решений
Путь пользователя
Структура страницы ведёт от интереса к заявке
Реализация
Важные технические моменты веб‑разработки
Система
WordPress и индивидуальная тема. Контент разворачивается в отдельных страницах продуктов и новостей.
Адаптивность
Сетка карточек и навигация перестраиваются для планшетов и смартфонов; мобильный экран сохраняет первый CTA.
Интерфейс
Токены цветов, единые радиусы, визуальные состояния и микроанимации счётчиков поддерживают целостность интерфейса.
Конверсия
CTA стоят в первом экране, блоках с эффектами и финальной форме, связывая контент с действием пользователя.
Нужен похожий проект?
Разработаем сайт, который объясняет сложный продукт и приводит заявки
Начнём с целей бизнеса, структуры и пользовательского сценария — затем соберём дизайн, контент и функциональность.