Креативная концепция, дизайн и продакшен для SberPay

Главное о кейсе

Помогли Сберу запустить промо-сайт для сервиса SberPay: лендинг собрал почти 6 миллионов просмотров, из которых 3,5 миллиона — от уникальных пользователей. Для проекта наш альянс ДАЛЕЕ х СКОТЧ разработал креативную концепцию, дизайн* и продакшен.

*совместно с компанией div.

Как проект изменил жизнь пользователей

Промо-сайты SberPay буквально на пальцах объясняют, как работает каждый способ оплаты. За счет анимации и 3D-иллюстрации создается впечатление, будто сам пробуешь приложить телефон к терминалу, использовать QR или биометрию — пользователь буквально крутит девайс в руках. Так проще понять, как пользоваться каждым способом оплаты и представить использование сервисов SberPay в реальной жизни.

Бизнес-задача и ее решение

SberPay — сервис Сбера, который позволяет бесконтактно оплачивать покупки с помощью NFC, биометрии, кнопки и QR. В ноябре 2022 года он возобновил работу после семимесячного перерыва. По этому случаю клиент хотел запустить промо-акцию, чтобы стимулировать аудиторию использовать SberPay.

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

Добавляем эмоции в каждый промо-сайт
После релиза сайта NFC мы помогли Сберу запустить страницы для остальных вариантов оплаты. Все они выполнены в той же эмоциональной концепции.

Крафт (мастерство), реализация, технические детали

Основа лендинга — эффектная анимация при скролле, от которой зависит общее впечатление о продукте. Чтобы она качественно работала без «глюков» и торможений, мы использовали GSAP и комбинацию ScrollSmoother/ScrollTrigger, 
с их помощью создается эффект суперплавного движения. Мы максимально оптимизировали скорость загрузки и производительность анимации. На протяжении всей прокрутки кадровая частота не падает ниже 60 на большинстве устройств. Результат — последовательное и эстетичное движение объектов.

Скриншоты