MyWellex: веб-сервис для записи к специалистам по альтернативной медицине

Заказчик пришёл с идеей агрегатора специалистов в сфере альтернативной медицины: массажистов, йога-тренеров, остеопатов и других практиков. У проекта было только название MyWellex. Не было ни логотипа, ни брендбука, ни дизайна, а бюджет был сильно ограничен. Нужно было создать фирменный стиль, спроектировать интерфейс и запустить рабочий сервис в короткие сроки и с минимальными затратами на разработку.

MyWellex соединяет специалистов и пользователей, которые ищут офлайн-услуги: массаж, оздоровительные процедуры и другие практики. Клиент находит специалиста, выбирает услугу, дату и время и отправляет запрос на запись. Специалист управляет услугами и расписанием и подтверждает заявки.

Чтобы уложиться в бюджет, мы разделили работу на три шага: разработали логотип, спроектировали дизайн сайта в Figma и реализовали его на no-code платформе Bubble. Это позволило быстро получить рабочий продукт без полноценной ручной разработки.

Задачи:

• Разработали логотип и визуальный стиль агрегатора.

• Создали дизайн веб-сайта и библиотеку компонентов.

• Реализовали регистрацию с выбором роли: клиент или специалист.

• Спроектировали поиск специалистов с фильтрами по ZIP-коду, штату и городу.

• Разработали запись клиента к специалисту с выбором услуги, даты и времени.

• Сделали для специалиста управление услугами и расписанием, а также подтверждение заявок.

• Реализовали сайт на no-code платформе Bubble.

Процесс работы:

• Стилистика. Начали с фирменного стиля. Логотип объединяет знак из зелёных шевронов и название mywellex, набранное строчными буквами. Для MyWellex выбрали спокойную палитру: два оттенка зелёного (#05997D и #00C187) передают тему здоровья, а тёплые кремовые (#FFF0C9, #FFF5DB) и персиковые (#FFA76C, #FFBC8E) цвета добавляют мягкости и дружелюбия. Шрифт Roboto используется в нескольких начертаниях: заголовок H1 набран прописными буквами (Medium, 38 px), далее идут H2 (24 px), H3 (20 px), кнопки и основной текст (16 px) и вторичный текст (14 px). Для интерфейса подобрали единый набор иконок.

• Компоненты. Собрали систему повторяющихся элементов: карточку специалиста, календарь, элемент записи, кнопки, строку поиска и другие. Это ускорило сборку экранов и сделало интерфейс единообразным.

• Главная страница. Это страница поиска специалистов с фильтром по ZIP-коду, штатам и городам. Здесь же клиент видит назначенные встречи и отправленные запросы.

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

• Просмотр записи. Страница записи показывает дату и время встречи, данные специалиста и его адрес на карте. Запись можно отменить в один клик.

• Записи специалиста. Специалист видит все встречи списком и фильтрует их по состоянию (предстоящие или прошедшие) и по услуге. Для каждой записи указаны дата, услуга, длительность и данные клиента. Новую заявку специалист подтверждает или отменяет, а у подтверждённых записей виден статус. Список можно переключить на календарный вид.

  

• Управление услугами. Услуги специалиста показаны карточками с названием и длительностью. Каждую услугу можно опубликовать или скрыть переключателем, отредактировать или скопировать. Новую услугу создаёт отдельная карточка «Create service».

  

• Настройки услуги. Для каждой услуги задаются глубина записи вперёд (определённое число дней или без ограничений), длительность (15, 30, 45, 60 или 90 минут) и число участников (от одного до двадцати или без ограничений). Отдельные вкладки отвечают за описание услуги и график доступности.

• Профиль пользователя. В профиле пользователь указывает имя, телефон, дату рождения, пол и часовой пояс, видит свой тариф и вводит данные карты для оплаты.

• Реализация. Макеты подготовили в Figma, а сайт собрали на платформе Bubble. Такой подход сократил сроки и позволил заказчику уложиться в ограниченный бюджет.

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

Заказчик отметил, что интерфейс получился лёгким, интуитивно понятным и без лишнего. Он также выделил быстрые сроки реализации, хорошую коммуникацию и грамотные решения команды по быстродействию и функционалу.