Страницы продуктов для бизнеса платежной системы «Лидер»

Страницы продуктов для бизнеса платежной системы «Лидер»

Задача: переработать страницы b2b-продуктов

Дизайним первую страницу

На входе имеем незаконченный макет страницы РКО и пожелание Заказчика переделать стилистику на «более светлую и аккуратную».

Подбираем фоновые картинки, шрифты и цвета, переписываем тексты.

1*D1jsbQTufmh09ANCODTXUQ

Создаем кликабельный прототип

В прототипе можно будет понажимать на кнопки и развернуть вопросы в FAQ.

1*1BdOYuojV46bnQPBi0p22w

Тестируем на реальных респондентах

Проводим интервью

Подбираем среди клиентов и знакомых Заказчика респондентов, попадающих в целевую аудиторию. Составляем уникальный алгоритм тестирования. Лично встречаемся с 5 людьми.

Фиксируем значимые выводы тестирования

Не хватает: 

  • информации о том, что мы открываем счет даже тем, кто попал в черные списки
  • скриншотов клиент-банка
  • больше цифр из тарифов

Нет понимания:

  • почему стоит выбрать НКО, а не банк, насколько это безопасно
  • чем удобен валютный контроль
  • как работает интеграция с 1С
  • надо ли ехать в офис
  • что через 3 часа будут только реквизиты, а не счет
  • что за 3 часа происходит окончательное одобрение заявки
  • какие документы отправить в заявке, а какие принести потом
  • можно ли загрузить фотки, а не сканы
  • что такое специальный счет

Кроме того:

  • Создается ощущение, что документов много.
  • Вопрос «как открыть счет» дублирует информацию.
  • Есть интерес увидеть анимацию.
  • Ждут, что приедут к ним сами, а не они в офис.

Улучшаем дизайн

  • «В любой точке мира» и «Национальный статус» — убираем
  • Блок с причинами превращаем в блок про НКО
  • Блок с ценой превращаем в блок с небольшой табличкой с тарифами
  • Переносим загрузку документов на вторую страницу
  • Добавляем блок с картой пути клиента, где поясняем все необходимые шаги
  • Сразу показываем список документов: какие нужно загрузить, а какие — принести потом
  • Расширяем ответ на вопрос про валютный контроль
  • Добавляем вопрос/ответ про интеграцию с 1С
1*0dseA-1-4VzVZgNrnxI2sQ

Проектируем и дизайним остальные страницы

1*P5hRw6lG1uwawl9z5GV8jg
1*pXAxa1xOJ_cs9qPi4emdQg

Адаптируем под планшеты и мобильные

1*w1h85d7vpzS07TuoWYfSTA

Разрабатываем сайт

Верстаем сайт с помощью препроцессоров Pug для html и Sass для css. Проект собирается с помощью Gulp, контроль версий ведем в GitLab.

Хочу так же