О проекте
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 форма заявки с триггером по якорной ссылке.
- Мобильная оптимизация: скрытие второстепенных элементов.
SEO-оптимизация
- Ключевые слова: «вендинговые автоматы для офиса», «корпоративное питание», «купить торговый автомат».
- Техническая часть:
- Сжатие изображений (ускорение загрузки).
- Добавление микроразметки для блюд (цена, калории).
- Оптимизация метатегов и заголовков H1-H3.
Итоги
- Результаты за 3 месяца:
- Увеличение трафика на 40% (благодаря SEO).
- Рост заявок на аренду автоматов на 25%.
- Положительные отзывы клиентов о простоте навигации.
- Фишки:
- Якорное меню для быстрого перехода между разделами.
- Адаптация под запросы B2B-аудитории.
Вывод: Сайт Vendeateria «Vee Cafe» стал не только визиткой бренда, но и эффективным инструментом продаж. Использование Тильды позволило реализовать сложные элементы дизайна без потери скорости, а SEO-стратегия обеспечила стабильный приток клиентов.
