Задача

“Мистраль” проводит чековую акцию с нестандартной для маркетинговой механики  идеей: бренд берётся восстановить советское мозаичное панно «Циолковский» в Королёве. Уникальный монумент высотой 12 метров, посвящённый пионеру космонавтики, разрушается. Покупая продукцию и регистрируя чеки, участники акции буквально помогают вернуть мурал к жизни.

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

 

 

Специфика клиента

«Мистраль» — федеральный продуктовый бренд с широкой узнаваемостью

Для таких проектов важно выдержать баланс: с одной стороны, акция должна транслировать ценности бренда и работать как маркетинговый инструмент с чёткой механикой; с другой — тема восстановления культурного наследия требует уважительного, почти документального тона. Нельзя было сделать ни слишком «промо», ни слишком «музейно».

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

Главный вызов

Центральная механика акции — цифровая копия панно. Пользователь выбирает определенный фрагмент/ крупицу мозаики, «восстанавливает» её и вписывает своё имя в цифровую версию произведения. Звучит красиво — но как воплотить идею, чтобы она была одновременно понятной, наглядной, эффектной и реализуемой в разработке?

Команде дизайна Morizo нужно было решить несколько задач:

1
Визуальная навигация. Панно состоит из 40 плит, более 10000 элементов, его высота превышает 12 метров. Нужно было сохранить ощущение масштаба шедевра для пользователей смартфонов и ПК. возможность выбрать свой фрагмент, прогресс восстановления — и при этом не превратить экран в нечитаемую мозаику из пикселей.
2
Панно должно создавать ощущение настоящей мозаики — величественной, с четкими линиями и переходами цветов, монументальной и притягивающей взгляд
3
При этом механика действия участников остается максимально простой, интерфейс не должен превращаться в головоломку

Решение

UX лендинга построен как путешествие — от истории к действию
Первый экран встречает пользователя крупным заголовком на тёмном фоне и сразу показывает прогресс процесса реставрации: сколько крупиц уже восстановлено, сколько ещё свободно. Это не просто цифры — это живой счётчик, который меняется по мере роста числа участников
История панно
Дальше появляется история панно: авторы, история создания и потери внешнего вида, почему эта мозаика важна. Мы не прятали контекст за кнопку «Подробнее» — он органично вписан в скролл, как будто читаешь репортаж с места событий
Адаптивы
Мы разработали два варианта дизайна: декстоп и мобильная версия. Команда прорабатывала, как пользователь взаимодействует с картой, как она масштабируется, где появляются подсказки. Мобильная версия — не упрощённая копия десктопа, а полноценный опыт, адаптированный под маленький экран
Интерактивная карта панно
Интерактивная карта панно занимает отдельный блок: пользователь видит всю мозаику, может найти свободный фрагмент и выбрать его. Восстановленные участки визуально отличаются — не навязчиво, но однозначно

Генерация портрета

Параллельно работает ещё одна механика — генератор портрета в стиле советской мозаики

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

 

Вместо итога

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

Свяжитесь с нами, чтобы узнать подробности