Лендинг для коллаборации Subway × Twinby

Задача:
Создать промо-лендинг, отражающий дух коллаборации между Subway и Twinby — двух ярких брендов с разной айдентикой, но общей аудиторией. Необходимо было сделать сайт, который одновременно выглядит современно, молодежно, ярко — и при этом укладывается в брендбуки обеих сторон.

Что мы сделали:

1. Идея и концепция
Мы начали с креативной концепции и предложили 3 разных направления по стилю. После обсуждения клиент выбрал один из вариантов — мы взяли его за основу и доработали в соответствии с ТЗ и пожеланиями команды Subway и Twinby.

2. UI-дизайн
Разработали дизайн в стиле digital-culture: яркие цветовые акценты, обилие воздуха, нестандартная типографика, легкая «игра» на мобильных и десктопных версиях. Учли референсы клиента, в том числе внутренние презентации Twinby.

3. Мобильная версия
Особое внимание было уделено UX на мобильных устройствах — от легкости восприятия до встроенной геймификации карточек.

4. Анимации и поп-апы
Сделали всплывающие карточки с рандомайзером. Реализовали механику через кастомный JS, обходя ограничения Tilda — карточки вытягиваются по одной при нажатии на кнопку.

5. Верстка и сборка на Tilda
Полностью адаптировали сайт под Zero Block, прописали кастомные стили, работали со шрифтами, цветами и сложной сеткой. Отдельно доработали pop-up механику.

Результаты:

Готовый промо-лендинг, который:

соответствует бренд-стилю Subway и Twinby
вызывает интерес с первых секунд
вовлекает пользователя через механику вытягивания карточек
отлично работает как на мобильных, так и на десктопных устройствах

Мы разрабатываем продающие сайты, настраиваем контекстную и таргетированную рекламу, продвигаем бренды в поиске, соцсетях и на маркетплейсах.

Заполните форму — и мы предложим решение именно под ваш продукт или услугу.

Бесплатно проконсультируем, оценим объёмы работ и сроки

Хотите так же?

ТЕЛЕФОН

ПОЛИТИКА КОНФИДИЦИАЛЬНОСТИ

наверх