Разработка сайта сервиса «Формула кофе»

«Формула кофе» — сервис по ремонту профессиональных кофемашин в Нижнем Новгороде: рожковых эспрессо-машин и профессиональных автоматов. Студия WLP разработала сайт нового бренда с нуля — от позиционирования и информационной архитектуры до визуальной системы и запуска.

Создать сайт нового сервиса, который с первого экрана отделяет его от ремонта бытовой техники: позиционирует «Формулу кофе» как профильный инженерный сервис для бизнеса, раскрывает подход к диагностике и ведёт к заявке или звонку.

Основная аудитория — B2B: кофейни, рестораны, офисы и другие организации, для которых кофемашина — рабочий инструмент. Бренд запускался без истории, поэтому на сайте использованы только подтверждённые владельцем данные — без выдуманных сроков, цен, рейтингов и гарантий.

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

Отдельные страницы закрывают ключевые запросы: «Ремонт» — состав работ, типовые неисправности, техническое обслуживание и FAQ; «Бренды» — десять производителей с разделением на рожковые машины и автоматы; «Статьи» — семь материалов о неисправностях профессионального оборудования.

Визуальное направление — тёплый индустриальный стиль: палитра льняных и кремовых оттенков с графитовым текстом и оранжевым акцентом для действий и технических маркеров. Фирменный знак построен на структурной формуле кофеина и повторяется штампом на фотографии первого экрана.

Заявки проходят по цепочке «сайт — функция в Яндекс Облаке — Telegram-группа» с резервным маршрутом через сервер сайта, чтобы обращение доставлялось и при ограничениях доступа к отдельным сервисам. Форма проверяется на сервере: формат телефона, согласие, длина полей, скрытое поле от ботов и защита от отправки с чужих доменов. Все публичные страницы отдаются статическим HTML.

Первый экран занимает высоту окна на любом устройстве, кнопки заявки и звонка выровнены по ширине, меню на телефоне открывается полноэкранным диалогом. Вёрстка проверена на ширинах от 320 до 2560 px без горизонтальной прокрутки.