Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
ДАЛЕЕ
Креативная концепция, дизайн и продакшен для SberPay
ДАЛЕЕ
WDA
2024
#Проектирование сайта#Дизайн сайта#Программирование сайта

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

2678 
ДАЛЕЕ
ДАЛЕЕ Россия, Москва
Поделиться:
Креативная концепция, дизайн и продакшен для SberPay
Клиент

Сбер

Сфера

Финансы, инвестиции, банки

Регион

Россия

Сдано

Ноябрь 2023

Задача

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

Вместе с креативным агентством СКОТЧ нам нужно было:

- Придумать промо-механику и креативную концепцию с вау-эффектом, чтобы захватывать внимание аудитории, вызвать эмоции и интерес к продукту;

-  Разработать яркую и эффектную дизайн-концепцию (совместно со студией div);

- Сверстать промо-лендинг.  

Решение

Запустили промо-сайт с акцией для оплаты по NFC

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

На пальцах объяснили, как пользоваться SberPay

Дизайн сайта полностью завязан на анимации и 3D-элементах. Этот прием мы использовали сознательно, чтобы у пользователя сложилось впечатление, что он крутит смартфон в руках. Так пользователю проще понять, как работает SberPay и представить его применение в реальной жизни.

Рассказали, как работает сервис, тоном близкого приятеля

По мере того, как пользователь скроллит сайт, постепенно раскрываются свойства сервисов. Мы объяснили все тонкости простым языком. За счет этого снижается когнитивная нагрузка: аудитории проще воспринимать контент.

Добились суперплавного эффекта анимации

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

Добавляем эмоции в каждый промо-сайт

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

Результат

Помогли Сберу запустить промо-сайт для сервиса SberPay: лендинг собрал почти 6 миллионов просмотров, из которых 3,5 миллиона — от уникальных пользователей.

https://www.sberbank.com/promo/sberpay

Стек технологий

  • JavaScript JavaScript Язык программирования
  • Vue.js Vue.js Фреймворк/библиотека

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

ДАЛЕЕ с удовольствием обсудит вашу задачу

Оставить заявку