Задача
Для чековой акции Systeme Electric «Включайте и выигрывайте» агентство Prosvet передало нам ключевой визуал: рука включает выключатель, и за ним открывается пляж.
Из него нужно было сделать промосайт с личным кабинетом — сначала прототип, потом дизайн для компьютера и телефона. Дату старта акции сдвинуть было нельзя.
Прототип
Начали со структуры, пока визуал ещё согласовывался. Мы собрали интерактивный прототип в браузере: переключатель «компьютер — телефон», режимы «гость» и «участник», все страницы и окна — от регистрации чека до личного кабинета.
Клиент смотрел сайт вживую, а не по статичным картинкам, и согласовал структуру за неделю.
Первый экран
Вёрстку и бэкенд начали сразу после прототипа, параллельно с дизайном.
Первый экран сделали в нескольких вариантах — с заголовком над картинкой и под ней, отдельно для телефона.
Подобрали на созвоне
Ближе к запуску клиент попросил сделать сайт светлее. Вместо нового круга правок мы открыли Figma прямо на созвоне и подбирали оттенок фона вместе с клиентом.
Остановились на тёмном фирменном цвете с сайта Systeme Electric — решение приняли за одну встречу.
Стекло и свет
Для блока «Как принять участие» мы сделали три стеклянные иллюстрации в цветах акции: выключатель, ленту чека с QR-кодом и билет главного приза.
Для шагов клиент в итоге выбрал иллюстрации дизайнера агентства, и мы подогнали под них вёрстку. А наши «стекляшки» светятся здесь.
Билет в путешествие
Главный приз — путешествие на 500 000 ₽ — мы оформили как посадочный талон: откуда — Systeme Electric, куда — мечта, рейс SE-2026 и дата розыгрыша. Картинку взяли из ключевого визуала.
Блок понравился клиенту с первого показа.
Мобильная версия
Чек удобнее всего регистрировать с телефона — камерой по QR-коду, прямо у кассы. Поэтому каждый экран мы проектировали сразу в двух версиях, а партнёров акции и личный кабинет уложили в компактные карточки.
Как устроены проверка чеков и розыгрыши — в кейсе направления DIGITAL: