May 4, 2018

Концепт интерфейса для мультикарты

Это приблизительное расположение текста, иконок и анимация.

Я опишу письменно её суть – те слайды где мы кратко описываем - «все то что так ценит клиент» в этих местах иконка будет взаимодействовать с самой картой, в дальнейшем мы постараемся в каждой анимации отразить описываемую услугу, ну вот в одном из примеров там есть закатывающийся рубль, то есть визуально передадим содержание текста ( 3-5 слайд )

Вариантов для анимации не мало, и это не один день обдумавания

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

Слайд №1

Слайд №2

Пример анимации между мультикартой и иконкой преимущества (тоже карта банка):

Слайд №3

Анимация закатывающейся монеты за мультикарту:

Слайд №4

Слайд №5

Слайд №6

Слайд №7

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

Слайд №8

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

Анимация падающих карт: