Дорогие друзья,

Как и обещали, мы продолжаем рассказывать о процессе разработки Payler в этом блоге. Сегодняшний пост будет посвящен разработке дизайна для проекта.





Идея проекта родилась еще в конце прошлого года. Изначально это должен был быть простой платёжный шлюз, позволяющий принимать оплату с банковских карт. Мы долго думали и перебирали разные названия, в основном сравнивая их с наличием свободных доменов. Остановились на Payler, оно было самым звучным и запоминаемым. Тогда же Руслан, наш арт-директор, придумал слоган — No nonsense payments. Ведь система платежей должна быть прозрачной, понятной и осмысленной. Основной идеей бренда стало следующее: он однозначно должен быть другом и знать, что нужно его пользователям. Должен подсказывать, быть полезным и отзывчивым. Многие бренды в России почему-то делают иначе: у нас чаще появляются такие типажи, как “бренд-директор”, “бренд-бизнесмен на Бентли”, “бренд-учитель”. А Payler — это пример “бренда-друга”. Сделали логотип и заглушки для сайта:



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

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



Параллельно была проведена работа маркетингового характера — мы посмотрели свежим взглядом на позиционирование проекта, поменяли основные сообщения и слоган. Теперь он звучит так: “Payler: Понятные платежи”. После работы над позиционированием сделали презентацию, которая была запущена в соцсети и разослана клиентам. Её можно скачать здесь, если интересно: payler.com/Payler.pdf.

Спустя некоторое время начали набрасывать функционал для мобильного приложения и работать над рабочим прототипом веб-интерфейса. Опять же мы несколько забегали вперед, так как функционал не был до конца согласован. Зато в таких условиях нам удалось придумать какие-то необычные дизайнерские решения, исходя из которых мы потом определяли функциональную часть. Например, графики, показывающие динамику платежей. У нас уже появился прототип в Axure (http://www.axure.com/ — не самая удобная программа, но по крайней мере позволяет сделать рабочий прототип). С получившимся прототипом стало ясно, куда нужно двигаться, стал ясен примерный объем работы по дизайну. И вот, что получилось:



Главная особенность интерфейса Payler, как мы бы хотели её видеть — прозрачность и практичность. Здесь нет скрытых функций, сложных формулировок или длинных строк меню. При входе в систему первое, что видит пользователь — это монитор того, что происходит в магазине, с аналитикой и проблемными местами в платежах. Сами же платежи выводятся наглядно, с гибкой системой фильтрации. Из фишечек решили использовать в будущем spring-анимацию событий. А в остальном мы считаем, что интерфейс в первую очередь не должен мешать выполнению требуемых задач, способствовать продуктивности, быть понятным и не вызывать рак глаза.

В данный момент мы работаем над мобильным приложением. Уже есть карта проектирования приложения, функционал которой необходимо спустить с небес на землю. В первую очередь сейчас укомплектовываем часть функционала в пользу его аналитических данных. Даже есть идея сделать мобильное приложение, заточенное больше под работу в режиме read-only, то есть как монитор для отслеживания происходящего. А подключение к полноценному интерфейсу должно происходить в случае необходимости. Логика понятная: пользователь работает за компьютером, а вот мониторить свои транзакции может через мобильное приложение по дороге.



Примерно в таком сумбурном темпе, в каком получился данный пост, и происходит наша работа над дизайном Payler. И, честно говоря, в таком режиме работа приносит удовольствие и результаты. У нас есть редкая возможность корректировать функционал, исходя из дизайна и наоборот, что не всегда удается реализовать в других проектах.

Спасибо за внимание, будем рады вопросам и комментариям.

С любовью,
Payler

payler.com
facebook.com/payler