МТС

Акция должна быть понятна. Даже если условий много.

Направление

Digital / промо

Моя роль

Дизайн и вёрстка

Инструменты

Figma / Tilda / HTML & CSS

01 / КОНТЕКСТ И РОЛЬ

В чём выгода?
Вот с этого начнём.

У каждой акции свои условия, сроки и ограничения. Моя задача — собрать из этого страницу, на которой легко понять предложение и выбрать следующий шаг. Делаю дизайн, адаптирую его для телефона и после согласования собираю страницу на Tilda.

Придумываю, как подать предложение: от первого экрана до баннеров. Сохраняю узнаваемый стиль МТС.
Сам переношу согласованный макет в Tilda и проверяю, как он выглядит на разных экранах.
Не прячу важные условия за красивой картинкой: учитываю ограничения акции и путь к покупке.

02 / ПРОЦЕСС

За готовым макетом

01
Сначала разбираюсь в акции: кому она нужна, что даёт и какие условия нельзя потерять.
02
Выстраиваю рассказ: предложение, детали, ответы на вопросы, действие.
03
Нахожу образ и собираю страницу: первый экран, карточки, кнопки и баннеры.
04
Продумываю мобильную версию ещё в макете, а не после сборки.
05
Верстаю на Tilda. Проверяю текст, изображения, отступы и работу кнопок.
06
Прохожу страницу целиком, вношу правки после согласования и готовлю к запуску.

03 / ИЗБРАННЫЕ РАБОТЫ