Промо-лендинг для "Итоги года Магвай 2024"

Чтобы передать идею путешествия во времени — от начала года к его финальным аккордам — мы выбрали горизонтальный формат страницы. Эта «прокрутка слева направо» одновременно напоминает фильм, где сцены сменяются шаг за шагом, и символизирует наш путь в течение года.

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

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

Наше исследование началось с анализа существующих решений. Мы обнаружили, что конкуренты либо совсем не делают годовые отчёты, либо ограничиваются текстовыми постами в социальных сетях с перечислением достижений. При этом статистика показывает, что лишь около 30% аудитории легко воспринимают сухие текстовые данные, в то время как визуальная информация усваивается на 80% быстрее. Мы привыкли мыслить образами и поэтому вместо набора цифр создали атмосферное «погружение», где графика, шрифт и цвет дополняют текстовый нарратив.

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

Когда мы обсуждали творческую составляющую, нас вдохновила смесь эстетики «ретровейв» и мистического настроения, напоминающего атмосферу работ Дэвида Линча. Многие помнят его культовый сериал «Твин Пикс», в котором каждая деталь заряжена тайной и символизмом. Нам захотелось передать похожее ощущение: вроде бы привычная история — «подведение итогов года», но в ней есть особая глубина, как будто за каждым экраном скрывается ещё одна загадка.

Мы рассудили, что наш новый брендинг — это тоже своего рода «линейка снов»: мы оставили все лучшее из нашего прежнего опыта, но упаковали его в необычную обёртку. От этого преображения веет лёгкой таинственностью, словно мы взяли яркие неоновые блики прошлого и превратили их в более зрелую, но по-прежнему смелую палитру.

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

— Горизонтальный скролл как повествование. Выбор формата горизонтального скролла символизирует движение времени и прогресс: от начала года, наполненного амбициями, до его завершения, ознаменованного трансформацией и новыми целями. Каждая «сцена» — отдельный этап, где скорость и ритм сменяются, подчеркивая важность каждого момента.

— Авторские иллюстрации. Одним из ключевых выразительных средств стали авторские иллюстрации. Мы вдохновлялись «Твин Пикс» — этой спокойной, но волнующей атмосферой, где за красотой лесов и тихими улочками чувствуется что-то необъяснимое, скрытое от посторонних глаз. Наши иллюстрации будто ведут диалог со зрителем, приглашая увидеть за простыми формами и плавными линиями нечто большее.

— Шрифты и цвет. Шрифты мы выбрали разные по характеру — Manrope и Trajan. Первый смотрится современно и чисто, второй придаёт тексту респектабельности и вечности. Вместе они создают нужный контраст: рациональность и художественность, рассудительность и страсть к эксперименту.

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

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

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

Мы поставили перед собой задачу создать легкое и быстрое решение без избыточной нагрузки:

— Фронтенд: HTML, CSS и JS обеспечивают плавные микроанимации, привязанные к горизонтальному скроллу. Использование SVGator позволило создать живые анимации без привлечения тяжёлых редакторов для моушн-графики.

— Бэкенд: Решение оптимизировано для быстрой загрузки и плавного отображения всех элементов, что критически важно для интерактивного сторителлинга.

Каждый экран проработан как отдельная сцена, где замедления и ускорения ритма помогают удерживать внимание и подчёркивать ключевые моменты. Разработка проекта заняла 2 недели, а весь процесс от идеи до реализации — 2 месяца.