# 

## Задача

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

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

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

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

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

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

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

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

## Решение

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

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

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

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

## Вместо итога

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