О проекте и моей роли:
Barberlink — мобильное и веб-приложение для поиска барберов, бронирования встреч и управления встречами для барберов. Это был заказ для нашей студии из Австралии.
В проекте я был главным и дизайнером и работал вместе с project manager’ом
Суть проекта:
Barberlink решает проблему неудобного поиска и бронирования встреч для клиентов, а также упрощает управление временем и профилем для барберов. Клиенты могут легко найти мастера, забронировать встречу и оплатить услуги, а барберы получают инструменты для управления календарем, встречами и продажей товаров через премиум-услугу. Мы сделали акцент на персонализированных профилях барберов и улучшении процесса взаимодействия между ними и клиентами.
Результаты работы:
- Исследовал рынок, выделил слабые стороны существующих решений
- Провёл глубинный UX-анализ, изучил форумы, фидбэк, опыт клиентов и барберов
- Сформулировал гипотезы и сценарии для MVP
- Проработал два типа входа: клиент и барбер
- Построил информационную архитектуру под обе роли
- Создал низкодетализированные прототипы, проработал ключевые флоу
- Сделал интерактивный прототип бронирования и получил подтверждение от заказчика
- Придумал визуальную метафору бренда, moodboard, референсы
- Разработал UI-концепт, типографику, сетку, визуальный язык
- Нарисовал финальные экраны клиентской и барберской частей
- Создал дизайн-систему с компонентами, токенами, вариантами и удобной масштабируемостью
- Подготовил интерфейс под веб и мобильную версию
- Учёл особенности Stripe-интеграции, гибкости календаря, создания отгулов
- Проработал возможности премиум-функций (магазин барбера)
- Внедрил несколько отличительных фич
- Продумал на будущее возможность управлять барбершопом
- Учёл весь пользовательский путь — от первого экрана до повторной встречи
Дизайн-процесс:
Пользователей сервиса можно разделить на две основные роли: клиенты и барберы. Каждая из этих ролей имеет свои потребности. Чтобы точно понять, что нужно улучшить и внедрить, я:
- Проанализировал существующие решения на рынке для бронирования встреч и управления услугами барберов, а также изучил референс, предоставленный заказчиком, который описывал их идеальный сервис.
- Выделил сильные и слабые стороны конкурентов, чтобы учесть лучшие практики и избежать их ошибок.
- Провел глубокий анализ проблем, с которыми сталкиваются как клиенты, так и барберы при использовании текущих сервисов (форумы, отзывы, комментарии..)
- На основе собранных данных сформулировал функциональные требования и приоритеты для MVP.
- Проработал два типа входа: клиент и барбер
- Построил информационную архитектуру под обе роли
- Создал низкодетализированные прототипы, проработал ключевые флоу
На основе проработанной архитектуры и пользовательских сценариев я собрал полную систему экранов покрывающую оба типа пользователей — как клиентов, так и барберов
Для клиентов:
- Вход и регистрация
- Поиск барберов по городу, району или текущей геолокации с расширенной фильтрацией (время, занятость и др.)
- Просмотр профиля барбера: режим работы, адрес, маршрут, портфолио, опыт, контакты
- Просмотр прайс-листа с услугами и отзывами
- Если у барбера подключён Премиум — возможность просматривать и заказывать его товары
- Упрощённое бронирование встречи (4 шага)
- Управление встречами: предстоящие, отменённые, перенаправление, отмена
- Возможность переписки с барбером в чате
- Привязка банковских карт, просмотр истории оплат и транзакций
- Инвайт-ссылка для быстрого поиска своего барбера
Для барберов:
- Вход и регистрация
- Dashboard с обзором: баланс, сегодняшние встречи, привязанная карта (через Stripe), быстрые действия (профиль, календарь, чат), блоки с аналитикой
- Управление встречами: календарь, отмена, переписка с клиентами
- Добавление отгулов для блокировки времени в расписании
- Управление профилем: редактирование информации, портфолио, услуги, расписание
- Просмотр отзывов
- Привязка Stripe-аккаунта для получения оплат
- Просмотр истории переводов и транзакций
- Возможность создать инвайт-ссылку для клиентов
- Подключение Премиум-функций: создание собственного магазина товаров
Чтобы ускорить разработку и упростить масштабирование, я построил гибкую дизайн-систему с четкой логикой: tokens, variants, отступы, responsive-сетки и компонентные паттерны для обеих ролей пользователей.
Показывать всю систему не стал — она довольно большая. Здесь собрал основное: базовые кнопки, поля, цвета и типографика. Этого достаточно, чтобы передать общее ощущение структуры и визуального языка продукта.
В итоге:
✅ Я прошёл полный цикл — от анализа до финального дизайна, решая задачи с позиции и клиента, и барбера.
✅ В процессе удалось переубедить заказчика отказаться от идеи слепо копировать конкурентов и вместо этого — выделиться за счёт продуманных сценариев, полезных фич и более живого, современного подхода.
✅ Я не только проработал и упростил ключевые флоу, но и подтвердил все основные гипотезы, сделав сервис быстрее, понятнее и удобнее для обеих сторон.
Made with Bullet