Первый разговор — бесплатный и ни к чему не обязываетЦентр реабилитации · Новороссийск
Помощь есть —
и она ближе,
чем кажется
2026 / Бренд · Дизайн · Разработка
Чистый путь
Сайт центра реабилитации в Новороссийске: знак «солнце над горизонтом», бережный тон, путь из шести этапов, заявка на звонок в Telegram и промо-пакет с обязательным предупреждением.
6
этапов пути — от звонка до поддержки
О проекте
Сайт для того, кому сейчас тяжело
«Чистый путь» — центр реабилитации в Новороссийске для людей с алкогольной, наркотической и игровой зависимостью и для их близких. Сайт обращается к обоим: к тому, кто сам ищет помощь, и к тому, кто в тревоге ищет её для сына, мужа или брата. Поэтому мы делали не витрину услуг, а спокойный разговор: сказать, что помощь есть, показать путь и дать один понятный шаг — позвонить или оставить заявку. Мы сделали знак и иконки, сайт, промо-пакет и запуск.
Тон
Короткие спокойные фразы: сначала поддержка, потом объяснение, потом один шаг.
Анонимно
Об анонимности сказано на первом экране, в форме и в вопросах, а план аналитики не трогает имя и телефон.
Для близких
Помощь семье — отдельная строка в «Кому помогаем», этап пути и вопрос «что делать, если близкий не хочет лечиться».
Один шаг
Позвонить или заказать звонок можно с любого экрана: на телефоне для этого есть нижняя панель.
- этапов пути — от первого звонка до поддержки
- 6
- поля в заявке на звонок, одно — по желанию
- 3
- макетов в промо-пакете
- 13
- — фавикон, нарисованный по пикселям
- 16 px
Знак
Солнце над горизонтом
Знак «Чистого пути» — рассвет: солнце поднимается над линией горизонта, под ней рябь на воде. Лучи, диск, горизонт и надпись связаны общей геометрией, а сам знак проверен от шапки сайта до вкладки браузера и иконки на экране «Домой». Поднимите солнце ползунком и включите построение.
- Пять лучей стоят в серединах пяти секторов по 36° над горизонтом.
- Лучи смотрят в центр тяжести видимого полудиска, а не в центр круга под горизонтом.
- Базовая линия надписи лежит на первой ряби, а верх диска — на высоте круглых строчных.
Размеры
- 64 px
- 48 px — шапка
- 34 px
- 24 px
Фавикон по пикселям
16 px
32 px
Иконки приложения
iOS · 180 px
Android · 512 px
Круглая маска
Цвета
- Shell#F7F5F1фон страниц
- Paper#FBFAF7карточки
- Stone#E0DCD1подложки
- Sky#D5E3E8спокойные блоки
- Honeydew#E4E3BCмягкий акцент
- Viridian#344945текст и тёмные секции
- Deep#24332Fпанели и подвал
- Muted#7E8A86второй тон заголовков
- Gold#C49A3Fсолнце
- Gold deep#8F722Aподписи этапов
Шрифты
Чистый путь
Wix Madefor Display
заголовки и надпись в знаке
Помощь есть — и она ближе, чем кажется
Wix Madefor Text
текст, формы и кнопки
Тон
Сначала поддержка, потом объяснение
Сразу после первого экрана идёт не список услуг, а обращение к тому, кто читает. Слова загораются по мере прокрутки: текст читается в темпе самого человека, а не пролистывается.
Вы уже сделали самый трудный шаг. Вы не одни и вы не виноваты: зависимость — это болезнь, а не слабость характера. С ней можно справиться.
Как говорит сайт
Вы не одни и вы не виноваты
Просто позвоните — мы выслушаем и подскажем, что делать дальше
Срыв — это не провал, а для многих часть пути
Как проходит
Путь из шести этапов
Путь к выздоровлению на сайте — не таблица услуг, а шесть этапов, которые можно пройти глазами. На компьютере этап раскрывается, когда на нём задерживается курсор, а остальные стоят узкими колонками с названиями. На телефоне этапы открываются касанием.
Консультация по телефону: выслушать, оценить ситуацию и вместе составить план.
Первый разговорЕсли человек пока не готов, работа начинается с близкими и мягкой мотивации.
Без принужденияПервые дни программы: восстановление физического состояния.
Начало программыОсновной этап: индивидуальная и групповая работа с психологами.
Основа программыВозвращение к обычной жизни: навыки, работа, отношения.
Возвращение домойСопровождение после выписки и группы поддержки.
После выписки
Наведите курсор на этап или нажмите на него. Тексты этапов здесь короче, чем на сайте.
Шаг за шагом
Из любой точки есть дорога обратно. Главное — сделать первый шаг.
Последний блок перед контактами — фраза и фото с сайта
Дом изнутри
Тур по дому без постановки
На сайте есть трёхминутное видео: комнаты, зал для тренировок, сауна, двор и вид на Новороссийск. Блок встроен так, чтобы не мешать тому, кто просто читает, и сразу открываться тому, кто хочет посмотреть.
- Без звука видео идёт фоном, пока блок на экране, и замирает, когда блок уходит
- Кнопка «Смотреть видео» открывает полноэкранный плеер со звуком
- За экран до блока подгружаются только метаданные, поэтому iOS открывает плеер с первого нажатия
- При уменьшенном движении фон не играет, а у видео сразу обычные кнопки плеера
Кадры с высоты, где виден дом, в кейс не взяты: точный адрес центр сообщает только на консультации
Заявка
Позвонить или оставить заявку — с любого экрана
Кому тяжело говорить, может оставить заявку на звонок: имя, телефон и по желанию пару слов о ситуации. Номер форматируется на ходу, без согласия на обработку данных форма не уйдёт, а заявка приходит сотрудникам одним сообщением в Telegram. Попробуйте: отсюда ничего не отправляется.
Сообщение в Telegram
Отправьте тестовую заявку — здесь появится сообщение, которое на сайте получают сотрудники центра.
Демо: данные никуда не отправляются.
Нижняя панель на телефоне
На телефоне кнопки «Позвонить» и «Заказать звонок» всегда под пальцем. Панель выезжает, когда первый экран остался позади, и уходит, пока на экране блок контактов, чтобы не закрывать саму форму. Прокрутите макет.
Данные и аналитика
- План целей Метрики не передаёт имя, телефон и текст о ситуации: в нём могут быть сведения о здоровье, особая категория данных по 152-ФЗ
- По плану поля формы скрыты от записи Вебвизора
- Заявка засчитывается только после успешной отправки, а не при попытке
- Ботам, заполнившим скрытое поле, сервер отвечает «принято», но сообщение не уходит
Первый экран — панели нет
Промо
Промо-пакет с обязательным предупреждением
Для соцсетей, рекламных кабинетов и карточек на картах мы собрали 13 макетов в стиле сайта: превью ссылок, посты, сторис и обложки — только фразы и пейзажи с сайта.
5%
площади макета — минимум под предупреждение
«Имеются противопоказания. Необходима консультация специалиста» стоит на каждом рекламном макете отдельной плашкой: этого требует закон о рекламе (ч. 7 ст. 24).
В макетах нет
- Обещаний «вылечим» и процентов успеха
- Фотографий людей — только пейзажи с сайта
- Призывов в виде кнопок — только подписи
Превью ссылок · 4
Превью ссылки, вариант A — выбран 
Вариант B — тёмный 
Вариант C — как первый экран 
Квадратное превью для мессенджеров
Посты · 4
Пост 1:1 — «Помощь есть…» 
Пост 1:1 — «Первый разговор — бесплатный…» 
Пост 4:5 — «Иногда, чтобы выздороветь, нужно уехать» 
Пост 4:5 — «Из любой точки есть дорога обратно…»
Сторис · 3
Сторис — «Помощь есть…» 
Сторис — «Путь к выздоровлению — шаг за шагом» 
Сторис — «Анонимно · Конфиденциально…»
Обложки · 2
Обложка сообщества ВКонтакте 
Обложка для Яндекс Бизнеса и 2ГИС
Превью ссылок — не реклама, поэтому без плашки.
Запуск
Выкладка, защита и поиск
Статику сайта отдаёт nginx, форма работает отдельным маленьким процессом. Вместе с сайтом мы подготовили план продвижения: что владелец подтверждает до рекламы, как подключить Вебмастер и Search Console и какие цели считать в Метрике.
nginx · robots.txt
add_header Content-Security-Policy "default-src 'self'; object-src 'none'; frame-ancestors 'self'; …" always;add_header Strict-Transport-Security "max-age=31536000" always;add_header X-Frame-Options "SAMEORIGIN" always;Disallow: /api/Clean-param: utm_source&utm_medium&utm_campaign&utm_content&utm_term&yclid&ysclid&gclid /
Сервер
- HTTPS, HSTS и строгая политика контента
- Лимит частоты запросов к форме
- Ключ бота хранится только на сервере
- Выкладка одной командой
Поиск
- Три блока структурированных данных
- Склейка адресов с utm-метками
- Карта сайта и своя страница 404
- Превью ссылок и манифест
Аналитика
- План из 16 целей Метрики
- Конверсии: звонок, мессенджер, заявка
- Без персональных данных в целях
Итог
Что получил заказчик
Тексты и фото — с сайта 24чистыйпуть.рф на сентябрь 2026 года. Цифры центра, отзывы, команду и телефон мы здесь не приводим: их подтверждает сам центр.
- Знак «солнце над горизонтом», фавиконы и иконки приложения
- Одностраничный сайт с бережным тоном и путём из шести этапов
- Тур по дому с видео, которое не мешает читать
- Заявку на звонок с доставкой в Telegram
- Нижнюю панель для звонка на телефоне
- Промо-пакет из 13 макетов с предупреждением по закону о рекламе
- Выкладку, защитные заголовки и план продвижения