Общие требования:
1. Поменять дизайн Intellectmoney, оставив при этом фирменный цвет IM;
2. Показать адаптивное отображение мерчанта на мобильных устройствах;
3. При разработке дизайна на мерчанте должно отображаться: "блок выбора языка", "блок контактов поддержки магазина", "разводящая страница";
4. Белый фон мерчанта.
Требования ко всем страницам:
1. Блок выбора языка
2. Блок информации о магазине
3. Блок контактов магазина
4. Блок контактов поддержки IM
Требования к дизайну мерчанта по оплате IM:
Шаг 1: Разводящая страница мерчанта (выбор способа оплаты):
- выбор способа оплаты;
- всплывающие подсказки у способов оплаты;
- фильтрация по категориям;
- отображение суммы товара, комиссии по этому способу, скорость поступления денежных средств на кнопке способа оплаты;
- идентификация пользователей через emeil и через аккаунты соц. сетей.
Шаг 2: Информационная страница дизайна (описание выбранного способа оплаты):
- ввод реквизитов банковской карты:
a. Окно ввода 3ds. Возникает после ввода плательщиком реквизитов карты. У клиента запрашивается код, который пришел ему на мобильный телефон.
b. Окно ввода активационного платежа. У клиента запрашивается случайная сумма, заблокированная на его карте.
c. Подсвечивание ошибок при вводе неверных данных.
d. Дизайн ввода реквизитов карты в I-frame, который встраивается на сайт интернет-магазина.
- дизайн прочих способов оплаты, требующих ввода данных на сайте мерчатна IM
- дизайн прочих способов оплаты, когда клиент переводится на сторонний сайт способа оплаты;
- дизайн глобальной ошибки;
- дизайн рекламного баннера на втором шаге;
- дизайн страницы оффлайн-оплаты:
a. Инструкция для плательщика. Для примера можно выбрать любой из оффлайн-способов, например https://merchant.intellectmoney.ru/ru/index.php?InvoiceId=3853097697&PaymentType=terminals
b. Ввод реквизитов пользователя для формирования платежки. Пример - https://merchant.intellectmoney.ru/ru/index.php?InvoiceId=3853097697&PaymentType=postpay
c. Для любого из оффлайн-способа на этой же странице должна отображаться карта точек, где можно произвести оплату выбранным способом.
Шаг 3: Завершающая страница дизайна (уведомление клиента об успешном либо не успешном платеже).
-. страница с информацией контактов магазина;
- страница с уведомлением для клиента о неудачной попытке оплаты и инструкция по дальнейшим шагам.
Есть готовое "ТЗ", файл прикреплен.
1. За основу мерчанта взять дизайн современных платежных систем, оставив при этом фирменные цвета IM.
2. Половина заходов на мерчант происходит с мобильных устройств. Показать адаптивное отображение мерчанта на мобильных устройствах.
3. При разработке дизайна учесть, что наполнение мерчанта будет происходить поблочно. Например, “блок выбора языка+ блок контактов поддержки магазина + разводящая страница”. Затем будет производиться А\B-тестирование.
4. Белый фон мерчанта
Что нравится:
● Текст большой, читабельный. Легко воспринимается и управляется даже на экране мобильного телефона.
● Минимальное кол-во элементов на экране. Легкий и лаконичный.
Что НЕ нравится:
● Нагромождение управляющих элементов. Слишком большой интерактив с пользователем (не требовать от пользователя “лишних телодвижений”)
● Мелкий текст