СТАРТОВАЯ / ПЛОЩАДКАСайты для малого бизнеса ← Все кейсы
Кейс 03 / исследование · UI · frontend · кабинет

Личная страница психолога

Концепция сайта, который помогает узнать специалиста, сопоставить свой запрос с направлениями работы и сделать первый шаг без давления.

Роль: аудитория, структура, контент, UI, сценарий заявки и кабинет Формат: частная практика · сайт · запись · административная панель
В разработке · сведения пока демонстрационные
Актуальная desktop-версия сайта психолога
Актуальный frontend / desktop
Задача

Уменьшить неопределённость до первой встречи

Человек может нуждаться в поддержке, но сомневаться, подходит ли ему специалист и уместен ли его запрос. Страница должна создавать ясность и доверие, а не усиливать давление.
01
Узнаю свою ситуацию
02
Понимаю специализацию
03
Знакомлюсь с психологом
04
Узнаю условия встречи
05
Записываюсь или задаю вопрос
Гипотеза аудитории

Для кого проектируется сайт

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

Основная гипотеза: взрослые, которые внешне продолжают справляться с жизнью, но чувствуют тревогу, потерю опоры, сложности в отношениях или сильную самокритику.
01 / основная аудитория

Устал(а) всё держать под контролем

Работает, выполняет обязанности, но живёт с постоянным напряжением и не может полноценно восстановиться.

  • важен спокойный тон;
  • нужна прозрачность процесса;
  • не хочет давления и оценок.
02 / жизненные изменения

Переживает потерю привычной опоры

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

  • хочет сначала познакомиться;
  • ищет понятный первый шаг;
  • может выбрать онлайн-формат.
03 / отношения с собой

Сталкивается с самокритикой

Сравнивает себя с другими, сомневается в решениях и замечает повторяющиеся сложности в отношениях.

  • ищет бережный подход;
  • проверяет квалификацию;
  • ценит конфиденциальность.
Референсы

Что изучалось перед выбором направления

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

01 / фокус

Mindful Mental Health

Узкая тема тревоги, узнаваемые проявления состояния, живая фотография и один спокойный следующий шаг.

Открыть референс ↗
02 / тон

Tell me, psy

Личный разговорный язык, объяснение подходящего клиента и акцент на безопасном контакте без давления.

Открыть референс ↗
03 / содержание

Анна Тимохина

Подробные направления работы, методы, квалификация и правила приёма. В нашем проекте эту информацию нужно показать менее плотно.

Открыть референс ↗
04 / визуальный язык

Studio Adagio

Натуральная палитра, serif-заголовки, сочетание профессиональности и тепла, ясная навигация и один сценарий записи.

Открыть разбор ↗
Визуальная система

Спокойная, взрослая и личная

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

#26352DТекст
#3F5D4AДействие
#789078Спокойный акцент
#DCE4D7Шалфейный фон
#F7F3E9Тёплый раздел
#FFFDF8Светлая бумага
#D9B69BТёплый маркер
#D8DED3Границы
Lora / заголовки
Можно не справляться со всем в одиночку
Manrope / интерфейс
Понятные условия, спокойная навигация и практическая информация без профессионального жаргона.
Текущий frontend

Главная страница собрана целиком

Кроме первого экрана готовы блоки запросов, знакомство со специалистом, процесс работы, форматы и стоимость, FAQ, финальный контакт и адаптивная версия. Живой портрет остаётся главным сигналом доверия.

Полная главная страница сайта психолога на компьютере
Desktop-версияПолный путь: знакомство, запросы, условия, стоимость, FAQ и заявка
Полная главная страница сайта психолога на смартфоне
Mobile-версияВсе разделы и действия перестроены для узкого экрана
Имя, стаж, количество консультаций, цены и профессиональные сведения на изображениях являются демонстрационными. Перед публикацией они должны быть заменены подтверждёнными данными психолога.
Бережная микромеханика

Поддержка для тех, кто ещё не готов обратиться

На странице появилась заметная, но ненавязчивая кнопка «Получите свою поддерживающую фразу дня». Она даёт посетителю ценность без требования оставить контакт и сохраняет право двигаться в собственном темпе.

Кнопка поддерживающей фразы дня на главной странице психолога
Мягкий альтернативный шагКнопка заметна на странице, но не конкурирует с основной заявкой и открывается только по инициативе посетителя.
Модальное окно с поддерживающей фразой дня
Одна фраза без вовлекающей петлиВнутри только сообщение и кнопка «Спасибо». Фраза закрепляется на день, поэтому механику нельзя бесконечно прокручивать.
01 / контекст
Набор учитывает время визита и просмотренные разделы
02 / приватность
Координаты мыши, история и чувствительные данные не сохраняются
03 / границы
Подсказка прямо обозначена как не заменяющая психологическую помощь
Сценарий заявки

Сайт и кабинет связаны одним процессом

Человек оставляет только данные, необходимые для первого контакта. Заявка появляется в кабинете психолога, где её можно обработать, превратить в карточку клиента и назначить посещение.

01 / посетитель
Выбирает форматОнлайн, очно или пока не определился
02 / форма
Оставляет контактИмя, способ связи и удобное время ответа
03 / кабинет
Появляется новая заявкаПолные сведения доступны после входа
04 / психолог
Связывается и назначает встречуСтатус заявки меняется по ходу работы
05 / работа
Ведёт посещения и курсРасписание, оплата, прогресс и заметки
Первый шаг формы заявки на консультацию
Пошаговая заявкаТри коротких этапа без требования сразу подробно описывать личную ситуацию.
Обзор заявок и встреч в кабинете психолога
Заявка продолжает путь в кабинетеНовые обращения, встречи и активные клиенты собраны в одном рабочем интерфейсе.
Административная панель

Не только получать заявки, но и вести работу дальше

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

01
Обзор и новые заявки
02
Карточки клиентов
03
Посещения и расписание
04
Курсы терапии и прогресс
05
Приватные заметки
06
Уведомления и настройки
Сейчас это демонстрационный прототип с тестовыми данными в localStorage. Для реальной практики нужны авторизация, защищённый сервер и база, шифрование, журнал действий, резервные копии и юридическая проверка обработки персональных данных.
Desktop-прототип административной панели психолога
Обзор кабинета: заявки, встречи на сегодня, активные клиенты, курсы и быстрые действия.
Архитектура

От узнавания ситуации до ведения практики

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

01
Запросы и узнаваемые ситуации
02
Психолог, подход и квалификация
03
Формат, стоимость, FAQ и заявка
04
Обработка заявки и карточка клиента
05
Посещения, курсы и настройки
Статус

Направление найдено, факты ещё проверяются

  • Сформулирована первичная гипотеза целевой аудитории.
  • Разобран путь от сомнения до первого обращения.
  • Подобраны содержательные и визуальные референсы.
  • Собрана палитра и типографическое направление.
  • Собрана полная адаптивная главная страница.
  • Добавлена приватная контекстная механика поддерживающей фразы дня.
  • Реализована пошаговая форма заявки, связанная с кабинетом.
  • Создан интерактивный прототип административной панели.
  • Спроектированы заявки, клиенты, посещения, курсы и настройки.
До запуска нужны интервью со специалистом, подтверждённый контент, реальные документы, usability-тест, защищённый сервер и база, авторизация, требования по персональным данным и ясная информация о границах практики и экстренной помощи.
Кейс будет дополняться по мере работы

Вернуться к другим проектам

Все кейсы