КЕЙС / 03 · NDA

Camry / Land Cruiser 200

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

Дизайн и вёрсткаSymfony / TwigПользовательские сценарииМобильная версия

**Первый экран**Навигация, краткое объяснение акции и переход к регистрации. Заголовок встроен в сцену с автомобилем.

Задача

Разработать две самостоятельные визуальные концепции и связать каждую с существующей платформой. Посетитель должен понять предложение, рассмотреть автомобиль и пройти понятный путь к участию.

Что реализовано

Camry: регистрация, заполнение профиля, привязка соцсетей и объяснение начисления номеров.
LC200: выбор цифровых постеров, количества и комплекта; переход к оформлению и личному кабинету.
Календарь призов с состояниями этапов, галереи автомобиля и ответы на вопросы.
Интеграция в Symfony / Twig, адаптивные композиции и мобильная навигация.

01 / CAMRY

Красный город. Крупная типографика.

В первом экране автомобиль, заголовок и действие собраны в одну композицию. Дальше страница объясняет условия участия и показывает Camry в деталях.

**Механика участия**Последовательность действий раскрыта рядом с карточкой личного кабинета: профиль, привязка соцсетей и номера за выполненные шаги.

**Автомобиль в деталях**Отдельный полноширинный блок с боковым ракурсом, выносными характеристиками и основными параметрами автомобиля.

**Дополнительные призы**Сертификаты сгруппированы по номиналу и количеству. Информация читается через крупные карточки, а блок завершается повторным действием.

02 / LAND CRUISER 200

Чёрный фон. Золотой свет. Детали.

Для LC200 использована другая подача: тёмные поверхности, золотые акценты и крупные фотографии. Страница связывает выбор постеров, календарь акции и обзор автомобиля.

**Первый экран и лента призов**Название модели, автомобиль и кнопка выбора постеров образуют главный экран. Ниже — краткая сводка по призам. Представитель заказчика и бренд скрыты.

**Три шага к участию**Выбор постеров → получение номеров в личном кабинете → наблюдение за этапами акции. Сценарий объясняется прямо на странице.

**Календарь ежедневных призов**У выбранного этапа раскрываются изображение, период участия и таймер. Соседние карточки и кнопки позволяют перейти к другим дням.

**Обзор и фотогалерея**Крупный ракурс дополнен характеристиками, салоном и деталями. В исходном лендинге фотографии открываются для просмотра; обозначения заказчика на номерах скрыты.

03 / АДАПТИВ

Своя композиция для телефона.

На узком экране меняются масштаб автомобиля, расположение заголовка и кнопки. Мобильные снимки сделаны из тех же шаблонов при ширине 390 px.

**Camry · 390 px**Вертикальная композиция первого экрана.

**LC200 · 390 px**Автомобиль, основное действие и сводка призов.

Кейс под NDA. Показаны снимки исходных шаблонов на изолированном стенде. Название и ссылки заказчика заменены, идентифицирующие детали изображений скрыты. Условия акций показаны как часть интерфейса проекта.