Разработка интерфейса для Rafinad

Клиент 

Rafinad (Reliable Agency of FINancial ADvertising) — новая партнерская сеть, направленная на работу с финансовыми офферами. Проект является частью крупной структуры с экспертизой в сфере CPA.

О проекте

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

Разработка дизайна началась в феврале 2020, а макеты были переданы клиенту уже в мае, что является очень коротким сроком для столь сложных сервисов

За включенность и скорость реакции на новые макеты, отдельная благодарность менеджеру проекта со стороны клиента: «Люда — ты крутая!».

Стартовым рабочим названием проекта было KOKOC_FIN_CPA. Под ним и был создан чат в телеграме, проект в ActiveCollab и Figma.

Клиент долго придумывал интересное название и, с нашей помощью, в том числе, выбрал Rafinad (Reliable Agency of FINancial ADvertising). Разработку пользовательского интерфейса для личного кабинета мы начали, не дожидаясь готового названия.

Первые версии дизайна собирали на примере сложного раздела «Статистика», без готовой дизайн-системы.

На этом этапе задачей было разметить сетку и определиться с общим стилем кабинета. Клиенту и нам хотелось, чтобы у сервиса получился индивидуальный характер, поэтому после согласования макета «Статистика v7» (всего было 10 версий), лид-дизайнер разработал собственную дизайн-систему.

Впоследствии мы пополняли компонентную базу по мере добавления новых разделов кабинета. Это позволило в разы ускорить создание продукта, как нашим дизайнерам, так и верстальщикам клиента.

Ещё одна особенность проекта — вёрстку стартовали параллельно с разработкой дизайна, когда была принята примерно ¼ часть разделов. Мы собрали стайлгайд, но иногда приходилось его пересматривать с учётом новых сущностей интерфейса. 

Чтобы не тормозить вёрстку, специально для верстальщика наш дизайнер собирал дополнительные инструкции и рекомендации, подобно таким. Это мы называем клиентоориентированность.

Как говорилось выше, менеджер со стороны клиента просто «горела» проектом и хотела контролировать все этапы разработки. Даже прототипы страницы Людмила готовила сама, как умеет, в Google Sheets. Мы со своей стороны включали профессионализм UI/UX дизайнеров и превращали идеи Люды в функциональный интерфейс.

Так, например, выглядел Дашборд. Слева — до, справа — после.

Дашборд