Vendeateria «Vee Cafe» — компания, специализирующаяся на вендинговых автоматах для корпоративного питания. Их цель — обеспечить офисы свежей и горячей едой ресторанного качества 24/7. Задача QWER AGENCY — разработать современный, удобный сайт, который презентует линейку автоматов, меню и преимущества сотрудничества, а также увеличит конверсию заказов.
Задача
Создать продающий сайт с акцентом на ключевые услуги: аренду автоматов, меню, форматы размещения.
Обеспечить удобную навигацию для B2B-клиентов (офисные менеджеры, HR-специалисты).
Внедрить SEO-оптимизацию для привлечения целевого трафика.
Сохранить фирменный стиль бренда и адаптировать дизайн под платформу Тильда.
Структура и прототипы
Страницы:
Главная (преимущества, меню, форматы автоматов).
О компании.
Меню блюд с ценами.
Контакты и форма заявки.
Прототипы:
Wireframes с акцентом на CTA-элементы («Заказать автомат», «Посмотреть меню»).
Мобильная адаптация для удобного просмотра на смартфонах.
Референсы
За основу взяты успешные кейсы вендинговых и HoReCa-проектов:
Минималистичная навигация (как у «Coffee Like»).
Акцент на визуализацию продукта (примеры из «Foodora»).
Четкие разделы с якорными ссылками для быстрого перехода.
Мудборд и фирменный стиль
Цветовая палитра: Тёплые оттенки оранжевого и бежевого (ассоциация с едой), акценты зелёного (свежесть).
Шрифты: Sans-serif (Roboto) для современности и читаемости.
Графика: Фото готовых блюд, 3D-рендеры автоматов, иконки для преимуществ.
Разработка дизайн-концепций
Этапы:
Анализ аудитории: упор на удобство для корпоративных клиентов.
3 варианта главной страницы с разным расположением блоков.
Финал: вертикальный скролл с блоками «Почему Vee Cafe», «Меню», «Форматы», «Контакты».
Дизайн главной страницы
Hero-баннер: Призыв «Позаботьтесь о тех, кто рядом» с кнопкой «Заказать автомат».
Блок преимуществ: Иконки + краткие тезисы (экономия места, 80 порций, СВЧ-терминал).
Интерактивное меню: Фильтры по категориям (горячее, салаты, завтраки).
Форматы автоматов: Карточки Single, Double, Multi с параметрами и фото.
Перенос макета и разработка сайта на Тильду
Почему Тильда: Гибкость для нестандартных блоков + простота обновления контента клиентом.
Адаптация:
Интеграция анимаций при скролле (появление блоков).
Pop-up форма заявки с триггером по якорной ссылке.
Добавление микроразметки для блюд (цена, калории).
Оптимизация метатегов и заголовков H1-H3.
Итоги
Результаты за 3 месяца:
Увеличение трафика на 40% (благодаря SEO).
Рост заявок на аренду автоматов на 25%.
Положительные отзывы клиентов о простоте навигации.
Фишки:
Якорное меню для быстрого перехода между разделами.
Адаптация под запросы B2B-аудитории.
Вывод: Сайт Vendeateria «Vee Cafe» стал не только визиткой бренда, но и эффективным инструментом продаж. Использование Тильды позволило реализовать сложные элементы дизайна без потери скорости, а SEO-стратегия обеспечила стабильный приток клиентов.