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

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

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

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

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

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

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

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

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

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

Не хватает: 

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

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

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

Кроме того:

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

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

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

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

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

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

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

Хочу так же