Left part of 'ap' Right part of 'ap'

appt

circle Woman combing hair

Purrweb

UI/UX

О проекте

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

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

2019
About appt

Наши цели

  • 01

    Создать цельный и интуитивный в использовании продукт для клиентов

    В данной нише уже существует много успешных продуктов, например такие гиганты как “StyleSeat” или “Treatwell”. Конкурировать с ними стало для нас сложной, но интересной задачей. Для того, чтобы у нас получился осмысленный процесс взаимодействия пользователя с интерфейсом мы рассуждали как клиент, проинтервьюировали реальных пользователей наших потенциальных конкурентов и выявили основные недостатки.

  • 02

    Создать продуманный инструмент для владельцев бизнеса

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

  • 03

    Создать интерактивный прототип, на основе которого можно идти к инвесторам

    Нашей целью было создание не только визуально приятного дизайна, но и также создание успешного на рынке продукта, который можно было бы показать инвесторам и найти дополнительный бюджет для дальнейшей разработки.

Продукт Прототип

Мы планировали начать проект со стадии вайрфреймов. Таким образом, мы могли проверить все наши гипотезы прежде чем начинать работать над дизайном.

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

  • App screen
  • App screen
  • App screen
  • App screen
  • App screen
  • App screen
46

Экранов

01 Стартовые экраны

App screens

02 Профиль компании

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

App screens

03 Информационная панель с отчетами

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

  • App screen
  • App screen
  • App screen
  • App screen
App screen

Цвета

  • #00B4B5
  • #F7F7F7
  • #E8F3F0
  • #BDC5C0
  • #FFFFFF
  • #AAA9A9
  • #6B6B6B
  • #302F33

Типография

Roboto

  • Regular
  • Medium
  • Bold

12-48 px

04 Расписание сотрудников

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

05 Расписание посещений

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

App screen

Счетчики

  • 128.5

    Часов

  • 90 +

    Экранов

  • 15

    Встреч