Задача
Пациенту нужно понять, какие услуги есть в клинике, к какому врачу записаться и сколько примерно будет стоить лечение.
Авелия
О проекте
Сайт стоматологии в Москве: услуги, врачи, цены, журнал и запись на приём. Врачи, отзывы, адрес и цены вымышленные — это демонстрационный проект.
Подход
У каждой услуги и у каждого врача своя страница. Запись связана с графиком: сначала выбираете врача и услугу, потом свободное время.
Что получилось
Сайт из 36 страниц на Next.js: 9 общих страниц, 10 услуг, 8 врачей и 9 статей журнала.
Подробнее о проекте
На первом экране — запись на приём и ближайшее свободное время. Рядом рейтинг клиники и выбор услуги.
Услуги и цены собраны с фильтрами по направлениям. У каждого врача — страница с опытом, направлениями и отзывами.
Запись на приём проверяет свободное время конкретного врача по московскому времени. Сайт показывает, открыта ли клиника сейчас, а тему можно переключить на светлую или тёмную.
Как мы собирали
- 01
Основа
Next.js (App Router), TypeScript и Motion. Страницы собираются из реестра маршрутов: 9 общих, 10 услуг, 8 врачей и 9 статей журнала.
- 02
Запись
Демонстрационный календарь работает по московскому времени на 30 дней вперёд. Прежде чем подтвердить запись, он проверяет, свободны ли выбранный врач и услуга.
- 03
Проверка
18 автотестов, а скрипт-аудит прошёл все 36 страниц и 198 запросов изображений. Меню удерживает фокус и закрывается по Escape, движение отключается системной настройкой.
