SV Coffee. Сайт поставщика кофе для офисов

SV Coffee ставит в офисы кофейни самообслуживания, сдаёт кофемашины и продаёт зерно. После лендинга 2025 года мы сделали компании сайт, где у каждого формата своя страница.

Хочу такой сайт →svcoffeeteam.ru

Сайт svcoffeeteam.ru на компьютере и телефоне: первый экран с кнопкой «Подобрать кофе в офис»

Формат: Сайт, 5 страниц
Разработка: 2 месяца: дизайн и вёрстка
Платформа: Tilda

О клиенте

SV Coffee, «Тот Самый Кофе», работает с офисами в трёх форматах: ставит стойки самообслуживания, сдаёт кофемашины в аренду и продаёт зерно под своей маркой. Зерно компания не обжаривает сама, а отбирает у обжарщиков из пяти городов. По данным компании, в меню стоек больше 10 авторских напитков, а машины промываются автоматически три раза в сутки.

Первый сайт SV Coffee, одностраничный лендинг кофейни самообслуживания с меню напитков, мы сделали в 2025 году. Аренды кофемашин и зерна на нём не было. В марте 2026 года компания пришла к нам за новым сайтом.

Задача

Офис не знает, какой формат ему нужен. В стойке за кофе платят сотрудники, в аренде компания, а офис выбирает, не зная, что ему подходит, и ждёт вкуса из автомата.

Кто выбирает

Кто выбирает кофе в офис

Офис-менеджер выбирает формат и опасается, что чистка машины и пополнение ингредиентов лягут на него. Руководитель решает, будет ли компания платить за кофе или сотрудники купят его сами. Офис, где машина уже стоит, ищет зерно, которое в ней хорошо раскроется.

Что сделали

Решения на сайте

Формат

Кто платит, видно на карточке

На карточке каждого формата условие оплаты: стакан за 160 ₽ у стойки или машина бесплатно от 20 кг зерна.

Вкус

Напитки, которых нет в автомате

Блок о компании начинается с авторских напитков: малиновый латте, лавандовый раф, голубика с базиликом.

Каталог

Сорт подбирают под машину

На странице зерна арабики, бленды с робустой и бленд под заказ, а помол подбирают под модель машины.

Запуск

Стойка без затрат для компании

Запуск стойки разложен на три шага: замер, установка, пополнение, и платить компании за неё не нужно.

Заявка

Формат можно не выбирать

В форме на каждой странице есть направление «Нужна помощь в выборе», формат подскажут после заявки.

Блок «3 способа сделать кофе в офисе вкусным и правильным»: карточки кофейни самообслуживания, аренды кофемашины и свежеобжаренного кофе с условиями оплаты — **Кто платит, видно на карточке**На карточке каждого формата условие оплаты: стакан за 160 ₽ у стойки или машина бесплатно от 20 кг зерна.

Блок «Кофе, удивляющий вкусами, которых нет в других офисах»: авторские напитки в тексте, изображение кофейной стойки SV и кнопка «Узнать детали» — **Напитки, которых нет в автомате**Блок о компании начинается с авторских напитков: малиновый латте, лавандовый раф, голубика с базиликом.

Страница «Свежеобжаренный кофе»: блок «Выберите свой сорт или бленд», карточки арабики из Бразилии и Эфиопии, бленды 80/20, 70/30 и 50/50 — **Сорт подбирают под машину**На странице зерна арабики, бленды с робустой и бленд под заказ, а помол подбирают под модель машины.

Страница кофейни самообслуживания: блок «3 шага, чтобы начать» с карточками «Встреча и замер», «Установка и настройка», «Наполнение и забота» — **Стойка без затрат для компании**Запуск стойки разложен на три шага: замер, установка, пополнение, и платить компании за неё не нужно.

Форма «Не знаете, что подойдёт именно вам?»: имя, телефон, название компании и выбор направления — **Формат можно не выбирать**В форме на каждой странице есть направление «Нужна помощь в выборе», формат подскажут после заявки.

На телефоне

Кнопки вместо наведения

На телефоне у карточки кнопка «Подробнее», а меню с телефоном и ботами уходит в боковую панель.

Мобильная версия: открытое меню с разделами сайта, номером телефона и значками Telegram и MAX — Меню в боковой панели, внизу телефон и боты компании

Мобильная версия: карточка «Кофейня самообслуживания» с условиями и кнопкой «Подробнее» — У карточки кнопка «Подробнее» вместо значка «+»

Мобильная версия страницы зерна: блок «100% арабика» с карточками Бразилии и Эфиопии — Сорта карточками друг под другом, у каждого описан вкус

Планшет: блок «3 способа сделать кофе в офисе вкусным и правильным», карточки форматов одна под другой — На планшете карточки форматов идут в одну колонку

Как шла работа

Тексты от клиента, дизайн по страницам

Структуру и тексты клиент переработал сам, а дизайн каждой страницы проверял вместе со своим дизайнером.

Начали с прототипа. Порядок страниц задал клиент: главная, кофейни самообслуживания, зерно, аренда, контакты.
Дизайн рисовали с 22 июля по 31 августа. Дизайнер клиента присылал правки к каждой странице отдельным файлом, фото с подогнанным цветом клиент дал сам.
По просьбе клиента логотип и значки перекрасили из жёлтого в оранжевый: в этот цвет компания переделывает свои станции.
Вёрстку начали 1 сентября, а 21 сентября переключили на новый сайт домен svcoffeeteam.ru. Счётчик Метрики оставили прежний.
Ролики первых экранов сгенерировали нейросетью по описанию клиента: кофемолка с зерном у кофейни, кофе в стакане у аренды.

Результат