APEX MEDIA / КЕЙС / Промо-сайт · Обжарщик кофе
SREDNAYA ROAST
Промо-сайт обжарщика кофе в editorial-брутализме: тёмная гамма, скобочные метки, счётчики свежести и квиз, который за минуту подбирает сорт и считает подписку для дома или офиса.
01 / КОНТЕКСТ
Промо-сайт обжарщика кофе SREDNAYA ROAST с подпиской для дома и офисов. Стилистика — editorial-брутализм: тёмный «кофейный» фон, кремовая типографика, скобочные метки [ roast week ], счётчики и технические коды в духе производственной эстетики. Центр истории — свежесть: «жарим по вторникам, привозим в среду». Внутрь сразу вшит квиз-лид-магнит: за минуту подбираем сорт и считаем подписку.
02 / ЗАДАЧА
Показать, как выглядит продажа «свежести» в онлайне: сайт должен пахнуть обжаркой с первого экрана и довести и частного клиента, и офис — до заявки или расчёта подписки.
03 / РОЛЬ
Анализ референсов, концепция, дизайн-система, фронтенд, анимации, копирайтинг, подбор фотографий.
04 / РЕШЕНИЕ
Мы перевернули обычную логику кофе-шопов: вместо «у нас лучший кофе» — конкретный ритм, который легко запомнить. Первый экран — огромный заголовок SREDNAYA / ROAST поверх фото зёрен и кнопка «Подобрать кофе за 1 минуту», которая ведёт в квиз. Квиз из четырёх вопросов (способ заварки → вкус → для кого → объём) выдаёт персональную рекомендацию сорта и сразу ловит контакт на расчёт подписки — это и есть встроенный лид-магнит. Дальше история раскручивается: философия свежести, цифры происхождения зерна, три шага подписки, drag-линейка сортов, честный FAQ и большая форма заявки с инлайн-валидацией в духе референса.
05 / РЕЗУЛЬТАТ
Интерактивный прототип готов к показу: структура, стиль, квиз и формы работают. Следующий этап — расписание обжарки, онлайн-оплата и приём заявок в CRM.
ТЕХНОЛОГИИ
HTML · CSS · JavaScript · IntersectionObserver · Pointer Events · Quiz-лид-магнит