Перейти к содержимому

Независимый концепт-проект 4sidedevelop. Экраны и данные носят иллюстративный характер.

Концепт-проект

Мобильное приложение и платформа записи

Slotly

Приложение для записи на услуги

Концепт мобильного приложения для записи: выберите услугу, специалиста и свободное время, а при необходимости перенесите визит прямо в приложении. Администратор получает расписание команды, в котором записи не пересекаются.

Категория
Мобильное приложение и платформа записи
Предлагаемый стек
React Native, TypeScript, Node.js API, PostgreSQL, Push-уведомления
Статус
Концепт — не клиентский проект
Запись за три экрана. Выберите услугу, свободное время и подтвердите. Каждый экран решает одну задачу.

01

Задача

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

Администратор ведёт расписание команды вручную. Пересекающиеся записи, поздние изменения и забытые напоминания мешают планировать день.

02

Для кого

  • Клиент

    Записывается, переносит или отменяет визит с телефона и получает напоминание перед ним.

  • Специалист

    Видит свой день, перерывы и детали каждой записи.

  • Администратор

    Управляет расписанием команды, рабочими часами и исключениями с компьютера.

03

Предлагаемое решение

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

  • Услуга и специалист

    Длительность и цена видны до выбора.

  • Календарь свободного времени

    Показываются только окна, в которые помещается услуга.

  • Подтверждение

    Понятная сводка и приглашение в календарь.

  • Перенос и отмена

    Прямо в приложении, с условиями на виду.

  • Напоминания и история

    Напоминание перед каждым визитом и список прошлых посещений.

  • Расписание администратора

    Вся команда на одном экране дня, пересечения заблокированы.

04

Ключевые сценарии

  1. 1Запись на приём

    1. Шаг 1: Выберите услугу и посмотрите её длительность и цену.
    2. Шаг 2: Выберите специалиста или доверьте выбор приложению — оно найдёт любого свободного.
    3. Шаг 3: Выберите свободное время и подтвердите запись.

  2. 2Перенос в приложении

    1. Шаг 1: Откройте предстоящий визит и нажмите «Перенести».
    2. Шаг 2: Выберите новое свободное время; текущая запись сохраняется, пока изменение не подтверждено.
    3. Шаг 3: После подтверждения прежнее время освобождается для других клиентов.

  3. 3Отмена по правилам

    1. Шаг 1: Нажмите «Отменить» — условия отмены показываются до финальной кнопки.
    2. Шаг 2: Время освобождается, администратор получает уведомление.

  4. 4Управление расписанием команды

    1. Шаг 1: Администратор видит всех специалистов на одном экране дня.
    2. Шаг 2: Запись можно перенести в другое свободное окно.
    3. Шаг 3: Перенос с пересечением блокируется, а система предлагает ближайшее свободное время.

05

Экраны

Иллюстративные экраны с примерными данными, созданные для этого концепта.

Перенос и отменаПредстоящий визит, новое время рядом с текущим и окно отмены, где сначала показаны условия.
Напоминания и история визитовНапоминание накануне, прошлые визиты с кнопкой «Записаться снова» и настройки уведомлений, которыми управляет клиент.
Расписание администратораСпециалисты — колонками на весь день. Перенос записи на занятое время блокируется с объяснением причины.

06

Дизайн-решения

Показываем только доступное время

Окно появляется, только если услуга целиком помещается до следующей записи или перерыва, поэтому клиенту не придётся исправлять выбранное время.

Начало и конец у каждого окна

У выбранного времени видно окончание, например 10:30–11:15, поэтому длинную услугу не спутать с короткой.

Условия до кнопки

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

Конфликты объясняются, а не просто запрещаются

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

07

Что проверить

Концепт — это отправная точка. Эти вопросы стоит проверить на пользователях и решить в ходе реализации.

  • Что клиентам удобнее выбирать сначала: специалиста или время.
  • На сколько вперёд люди записываются и сколько дней календарь должен показывать по умолчанию.
  • Время и канал напоминаний: push-уведомление, SMS или письмо.
  • Формулировка условий отмены, которая звучит понятно, но не карательно.
  • Учёт часовых поясов для онлайн-сессий и клиентов в поездках.

Предлагаемый стек: React Native, TypeScript, Node.js API, PostgreSQL, Push-уведомления. Экраны на этой странице созданы на React и Tailwind CSS специально для демонстрации.

Есть похожий проект?

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

Начать проектСледующий концепт: StockPilot