SHEET 31 — ПСИХОЛОГИЯ И ТЕРАПИЯ2026

Yasno

Центр психотерапии без стоковых улыбок: авторский коллаж вместо фото, манифест «мы не чиним людей» вместо прайса на входе и форма, которая просит только первые несколько строк.

Сайт центра психологии, который не выглядит ни как медицинская клиника, ни как эзотерика. Он работает с единственным барьером, на котором центр терял людей, — со страхом написать первым. Роль студии: концепция, авторский коллаж, арт-дирекшн, UX/UI и вёрстка.

A — ФИЛЬМ ПО ЭКРАНАМ

Видео-прогулка по экранам: вход, главы-дисциплины, магазин и хранилище.

B — ВВОДНЫЕ

Клиент: Центр из 8–12 практикующих психологов, Санкт-Петербург
Форматы: Индивидуальная, парная и групповая терапия, очно и онлайн
Что было: Сайт-визитка на шаблоне: список специалистов, прайс, форма «оставьте заявку»
Проблема: Трафик есть, заявок мало. Точка отвала — первый экран и страница специалистов
Инсайт интервью: «Я полгода не могла записаться. Не потому что дорого. Потому что страшно, что меня будут чинить»
Метрика успеха: Конверсия «визит → заявка» и доля заявок с описанным запросом

Ключевая проблема

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

Цели

01Поднять конверсию в первую заявку, а не в «посмотрел прайс и ушёл»
02Отстроиться визуально — чтобы центр запоминался с одного экрана
03Снять тревогу и стигму: никаких диагнозов и клинической лексики на входе
04Дать человеку прогреться самому — почитать, узнать, сравнить и только потом написать
05Показать людей, форматы, цены и сроки прозрачно
06Собрать систему, которую центр наполняет сам, без дизайнера

C — ОГРАНИЧЕНИЯ

Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.

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

D — КОНЦЕПЦИЯ

Название центра — «Ясно». Вся система построена вокруг метафоры зрения: терапия не чинит человека, она возвращает ему возможность видеть себя отчётливо. Отсюда сквозной образ — глаз, свет, вода, отражение — и слоган первого экрана «See yourself in clear light».

E — РЕШЕНИЯ И ОБОСНОВАНИЕ

Первый экран: «See yourself in clear light»

4.1

Сюрреалистичный коллаж вместо фотографии

Задача: Найти живой человеческий образ для сайта о людях.
Ограничение: Ни лиц клиентов, ни съёмки сессий, ни бюджета на продакшн, ни стока.
Решение: Авторские коллажи: старинная гравюра, фотография, золотые вспышки света, вода, листья, порталы. Гравюра даёт глубину и ощущение традиции, коллаж — точная метафора терапии: человек собирает себя из фрагментов прошлого, тела, отношений и памяти.
Эффект: Ограничение стало концепцией. Эмоция на сайте есть, правовых рисков нет, а визуальный язык невозможно скопировать: из пяти просмотренных сайтов пользователь вспомнит один.

Манифест: «Мы не чиним людей. Мы возвращаем зрение»

4.2

Манифест как ответ на возражение

Задача: Ответить на главный страх ещё до того, как человек начнёт сомневаться.
Ограничение: Обещать результат нельзя, клиническая лексика отпугивает.
Решение: Второй экран говорит прямо: «We don't fix people. We restore the view». Это дословный ответ на фразу клиентки из интервью про «меня будут чинить».
Эффект: Возражение снимается в первые два экрана, до прайса и до карточек специалистов.

Services: три формата и общий ритм страницы

4.3

Отказ от тёмной темы

Задача: Выбрать палитру, уместную для центра психотерапии.
Ограничение: Первая версия на глубоком тёмно-синем была красивее — и была отклонена нами самими.
Решение: Тёмно-синий на всю страницу читается как ночь и замкнутость — состояние, из которого человек хочет выйти. Сайт не должен воспроизводить симптом. Фон стал пергаментным, индиго ушло из фона в текст, акцентом стало тёплое золото, поверх всей страницы — зерно бумаги.
Эффект: Глубина осталась, давление ушло. Уместность оказалась важнее эффектности — особенно там, где продукт про психику.

Team: «People who sit with you»

4.4

Медленная анимация как темп дыхания

Задача: Задать интонацию восприятия, а не украсить страницу.
Ограничение: Быстрая анимация читается как тревога и разгоняет пульс страницы.
Решение: Параллакс, реакция на курсор, живые коллажи, зацикленные видео, лента с перетаскиванием, золотые искры за курсором — всё на длинных плавных кривых, без резких отскоков. На мобильных анимация мягче и легче.
Эффект: Темп сайта задаёт темп читателя: страница успокаивает, а не подгоняет к кнопке.

Prices: «Clear and predictable»

4.5

Открытые цены и понятная длительность

Задача: Снять страх скрытых расходов и бесконечной терапии.
Ограничение: Нельзя обещать результат и нельзя давить срочностью.
Решение: Четыре карточки с ценой, длительностью и логикой: первая встреча дешевле и без обязательств, у индивидуальной работы указан формат, у группы — сезон из 8–10 встреч.
Эффект: Человек считает бюджет до письма, а администратор перестаёт тратить время на переписку о цене.

Blog: «Notes on seeing more clearly»

4.6

Лента материалов вместо давления

Задача: Дать возможность прогреться тем, кто не готов записаться сегодня.
Ограничение: Контент наполняет администратор, дизайнер в процессе не участвует.
Решение: Лента статей, практик и вопросов, которая тянется мышкой и пальцем: материалы ведут в блог, вопросы — в FAQ. Каждая иллюстрация ведёт туда, где снимается конкретное возражение.
Эффект: Вторая и третья точка касания без бюджета на ретаргет, органический поисковый трафик и контент-система, которая растёт сама.

Раскладка ключевых экранов, включая форму контакта

4.7

Форма, которая не спрашивает лишнего

Задача: Сделать первый шаг маленьким.
Ограничение: Выбор из двенадцати карточек специалистов — самый частый ступор перед заявкой.
Решение: Имя, контакт и «что происходит». Кнопка называется «Записаться на встречу», а не «Отправить». Обещание: координатор отвечает в течение одного рабочего дня и сам предлагает специалиста под запрос. Слова «пациент» на сайте нет.
Эффект: Человеку не нужно выбирать и не нужно формулировать диагноз — достаточно написать первые несколько строк.

Мобильный первый экран

4.8

Мобильный как основной сценарий

Задача: Учесть, что заходят часто ночью, с телефона, в тяжёлом состоянии.
Ограничение: Больше половины трафика в нише — мобильный.
Решение: Все коллажи и видео работают на 390 px без потери смысла, анимация мягче и не греет батарею, форма и телефон центра доступны в два касания, лента листается свайпом.
Эффект: Ночной мобильный визит доходит до формы так же, как дневной десктопный.

F — ЧТО МЫ СОЗНАТЕЛЬНО НЕ ДЕЛАЛИ

×Не снимали фото клиентов и сессий — этика и конфиденциальность.
×Не использовали сток: он даёт эффект «глянцевой психологии».
×Не делали тёмную тему, хотя она была эффектнее.
×Не обещали результат ни в одном тексте.
×Не выносили диагнозы и слово «пациент» на входные экраны.
×Не делали быстрых анимаций-аттракционов: скорость читается как тревога.

G — ДИЗАЙН-СИСТЕМА

#f7efe0

Пергамент

#1d2b4a

Индиговые чернила

#e0a12a

Тёплое золото

#3c3a33

Тёмный камень

#8fa3ab

Вода и свет

Дисплей: Cormorant Garamond
Интонация: Cormorant Italic
Интерфейс: Jost / letterspaced caps
Текст: Work Sans

H — ЭКРАНЫ

I — РЕЗУЛЬТАТ

Центр узнаваем с одного экрана в нише, где все сайты одинаковые
Главный барьер — стыд и страх — снимается в первых двух экранах
Прогрев через ленту и блог даёт вторую точку касания без бюджета на рекламу
Прозрачные цены и форматы сокращают переписку и повышают долю целевых заявок
Страница команды с подходами и супервизией переводит «центр» в «мой психолог»
Контент-система позволяет наполнять сайт годами без дизайнера

Проект живёт в сети — можно посмотреть вживую

Смотреть сайт ↗

Следующий проектY · Y Gallery →