Разработка интерфейса Яндекс Бизнеса

Помогли команде Яндекса успеть
запустить проект к важному событию — конференции YaC 2020

Разработка интерфейса Яндекс.Бизнес

Помогли команде Яндекса успеть запустить проект к важному событию — конференции YaC 2020

Клиент

Яндекс Бизнес

Платформа

Веб

Что сделали

Проектирование, UI,

дизайн-система, тексты

Новый сервис Яндекса — бесплатная CRM для сферы услуг. С её помощью бизнес может запускать рекламу, записывать клиентов, планировать расписание и загруженность сотрудников, вести клиентскую базу и принимать платежи онлайн.

Наша задача — спроектировать и нарисовать интерфейс сервиса, быстро собрать команду проекта: арт-директор, дизайнеры, UX-писатель.
Нам надо запустить продукт, который будет лучше, чем всё, что есть на рынке —  за 8 месяцев
Женя Шильников,
продакт-менеджер
Чтобы уложиться в сроки, мы договорились собрать интерфейс на уровне MVP — минимально жизнеспособного продукта, который закрывает основные потребности целевой аудитории.

Проработали несколько сценариев пользования сервисом, собрали прототипы и протестировали решения на ЦА. Только после этого приступили к отрисовке финального интерфейса, попутно получали обратную связь от разработчиков и вносили правки.
Разработали стиль графики и визуального оформления, выбрали сетку, шрифты, иконки и цвета. Для ускорения фронтенд-разработки кнопки и пиктограммы взяли из уже готовых компонентов. Остальные пришлось придумать заново, поскольку существующие не решали задачи продукта.

Цвета

Шрифты

Иконки

Кнопки

Полностью переосмыслили календарь. Придумали, как отображать наложение записей и менять масштаб календаря от 15-минутных слотов до двухчасовых. Сделали пролистывание кнопками, так как выяснили, что горизонтальный скролл неудобен.
Тщательно проработали карточку записи. Внедрили возможность создать нового клиента прямо из карточки. Добавили историю визитов, чтобы можно было легко повторить запись. Вынесли поле с комментариями администратора наверх.
Сделали полную поддержку интерфейса в мобильной версии, чтобы администратор мог работать с системой прямо со смартфона.
В разделе «Сотрудники» спроектировали возможность заводить карточку сотрудника, привязывать услуги, задавать специализацию, уровни мастерства и цены, настраивать график работы.
Разработали удобное расписание сотрудников, которое отображает максимум информации на одном экране и позволяет редактировать график, не покидая раздела.
Проработали экран добавления новой услуги. Сразу показываем, как виджет с услугой будет выглядеть на мобильных устройствах клиентов. Предусмотрели возможность скрывать услугу из онлайн-записи.
Виджет онлайн-записи возникает при нажатии на кнопку «Записаться» в карточке организации в Яндекс Картах
Затем сделали коридорные и UX-тесты готовых макетов, чтобы получить обратную связь от целевых клиентов до того, как разделы уйдут в разработку.

Еще продакты Яндекса помогли нам провести качественное исследование. Так мы гораздо лучше поняли, как именно люди пользуются онлайн-записью.

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

Отзыв клиента

В нашем проекте ребята скорее выступали полноценными членами команды, но на аутсорсе. Самое ценное — команда быстро заонбордилась и поняла, что нужно делать и зачем.
А как это делать мы продумывали вместе.
Женя Шильников, продакт-менеджер Яндекс Бизнес

Команда

Арт-директор

Евгений Лучинин

Дизайнеры

Вероника Приходова Станислав Керимов

Ведущий дизайнер

Александр Карпов

UX-писатель

Ольга Азовская