MRSHKNMurashkin Studio
Обсудить сайт
← Все работы
Пример студии

Психолог: сайт с записью и оплатой

Эксперт: психолог, коуч, юрист, репетитор · Стиль сайта: Editorial

Главная страница демо-сайта психолога Веры Ланской на ноутбуке и телефоне

Задача

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

Чтобы показать такой сайт в деле, мы сделали демо — работающий сайт вымышленного психолога Веры Ланской из Калининграда. Такого специалиста нет, но сайт настоящий: его можно открыть и попробовать.

Решение

На сайте — страница «Обо мне», три формата работы с ценами, статьи и короткий тест «Подходит ли вам». В тесте три вопроса, по ответам он советует подходящий формат. Если по ответу видно, что человеку сейчас очень тяжело, тест сначала показывает номер 112 и телефон доверия. Вместо фотографии — блок с инициалами. Фото незнакомого человека из фотобанка выдавало бы себя за психолога, которого не существует.

Запись идет сразу с оплатой: человек выбирает формат, пишет, когда ему удобно, и платит через ЮKassa — сервис приема онлайн-платежей. ЮKassa берет комиссию с каждой оплаты, договор с ней заключает сам специалист. Время психолог подтверждает после оплаты: пишет человеку по телефону или в Telegram — что тот указал в форме записи. Как только ЮKassa сообщает сайту, что деньги пришли, запись отмечается как оплаченная. Это срабатывает, даже если человек после оплаты закрыл страницу и не вернулся на сайт. Владельцу приходит сообщение в Telegram. В демо ЮKassa работает в тестовом режиме: оплату можно пройти до конца, но настоящие деньги не списываются.

Записаться можно и в Telegram, через бота — автоматического собеседника в Telegram. В боте открывается мини-приложение «Запись» — небольшое окно внутри Telegram, скачивать ничего не нужно. В нем выбирают формат и свободное время. Бот сам напоминает о встрече за сутки и за 2 часа; при записи на сайте напоминаний нет. Оплаты в Telegram нет: такая запись приходит неоплаченной, и об оплате психолог договаривается с человеком сам. У мини-приложения своя админка, отдельная от админки сайта: в ней психолог задает форматы, цены и свободное время для записи и видит записи из Telegram.

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

Тест и оплата на сайте — опции за доплату, запись в Telegram — отдельный тариф «Отраслевое приложение в Telegram». Без них человек оставляет заявку на сайте, а время специалист согласует с ним сам.

На чем сделан сайт

  • Next.js 16
  • React 19
  • TypeScript
  • Payload CMS 3
  • PostgreSQL
  • ЮKassa
  • Telegram Mini Apps
  • Telegram Bot API

Результаты в цифрах

  • 99Скорость из 100 — Google PageSpeed, телефон
  • 100Доступность из 100 — Google PageSpeed, телефон
  • 100Рекомендации из 100 — Google PageSpeed, телефон
  • 100SEO из 100 — Google PageSpeed, телефон

Снимок экрана: тест скорости Google (Lighthouse)

Отчет PageSpeed Insights, мобильные: 99, 100, 100, 100

Яндекс Метрика и Google Analytics 4 считают посещения сайта и для этого сохраняют в вашем браузере cookie — маленькие файлы. Включим их, только если вы согласны. Подробнее — в политике обработки персональных данных.