Московская биржа
Финансовый маркетплейс
Ситуация
С целью привлечения денег населения на банковские вклады, ЦБ решил создать дополнительный финансовый инструмент — маркетплейс вкладов. Московская биржа стала разработчиком нового сервиса.
Цель и задачи
Цель: спроектировать интерфейс сервиса с нуля до стадии запуска.
Задачи:
— собрать требования стейкхолдеров, помочь в подготовке аналитики по проекту
— спроектировать процесс регистрации/авторизации
— спроектировать многоуровневый процесс идентификации личности, учитывая отсутствие на тот момент Единой Биометрической Системы (ЕБС)
— спроектировать личный кабинет вкладчика
— спроектировать чекаут
— придумать концепт и макеты главной страницы сайта
— отрисовать макеты страниц различных разделов сайта: каталог, блог, справочные страницы, технические страницы
— отрисовать макеты админки бэк-офиса
— отрисовать адаптив интерфейса личного кабинета и внешней части сайта
— презентовать результаты руководству.
Особенности проекта
— ограничение на изменение визуального стиля из-за жесткой привязки к наследуемому UIkit’у
— поменяли инструмент проектирования после начала работ
— несколько раз переделывали чекаут и регистрацию, так как одновременно с проектированием менялись законы, расширяющие возможности будущих пользователей по оплате и идентификации
— подрядчик, отвечающий за брендинг, не смог завершить свою работу вовремя, и для внешней части сайта пришлось расширять внутренний UIkit
— красный акцентный цвет интерфейса.
Работа над главной страницей
Вводные
Главная Финуслуг должна заявить посетителю о надежности и функциональности.
Целевая аудитория — взрослые люди, у которых есть деньги, и они используют вклады как средство сбережения.
При посещении должно формироваться ощущение серьезности компании, можно ссылаться на аффилированные компании.
Состав блоков главной:
— hero с продуктами
— инструкцию к сервису
— маркетинговый блок спецпредложений
— преимуществ продукта над отдельными банками
— блог
— новости
— подписку на рассылку
— SEO
— футер.
Сначала мы хотели использовать динамичные блоки — запуск фоном продающего ролика в верхнем блоке при заходе на сайт, карусели баннеров для акций и спецпредложений, яркие иллюстрации.
При проработке вариантов от заказчика пришла ещё одна вводная — использовать более сдержанные, строгие формы, для создания ощущения серьезности продукта. Тогда мы отказались от динамики, вернули острые углы, и взяли двухцветные иллюстрации.
Внутренняя часть сервиса
Проработали с командой пользовательские сценарии и информационную структуру личного кабинета
Примеры внутренних экранов
С самого начала проекта мы взяли быстрый темп работы и собирали экраны на основе унаследованного со смежного проекта UIKit’a, постепенно обновляя его. При этом нужно было в короткое время создать рабочий прототип личного кабинета для демонстрации руководству заказчика. Поэтому мы сконцентрировались на функциональной части и сделали интерфейс в минималистичном стиле, отсекая все лишнее.
Результаты и вынесенные уроки
— 3 года работы над продуктом масштаба страны
— Спроектировали ключевые разделы внутренней и внешней частей продукта
— Успешно выпустили первый релиз
— Научились справляться с постоянно изменяющимися условиями работы