Skip to content
ecomvision
Back to work

2026 / Brand · Design · Engineering

Chisty Put

Website for a rehabilitation centre in Novorossiysk: a sun-over-the-horizon mark, a gentle voice, a path of six stages, a callback request to Telegram and a promo pack with the legally required warning.

6

stages of the path — from the first call to aftercare

24чистыйпуть.рфDiscuss a similar project

About the project

A site for someone having a hard time

Chisty Put is a rehabilitation centre in Novorossiysk for people with alcohol, drug and gambling addiction and for their families. The site speaks to both: to the person looking for help and to the one anxiously looking for it for a son, a husband or a brother. So we built not a showcase of services but a calm conversation: say that help exists, show the path and offer one clear step — call or leave a request. We made the mark and icons, the site, the promo pack and the launch.

  • Voice

    Short calm sentences: support first, then an explanation, then one step.

  • Anonymous

    Anonymity is stated on the first screen, in the form and in the questions, and the analytics plan leaves names and phones alone.

  • For families

    Help for the family has its own line in «Who we help», its own stage and the question «what if they refuse treatment».

  • One step

    You can call or request a callback from any screen: on a phone there is a bar at the bottom for it.

stages of the path — from the first call to aftercare
6
fields in the callback request, one of them optional
3
layouts in the promo pack
13
— a favicon drawn pixel by pixel
16 px

Mark

The sun over the horizon

The Chisty Put mark is a dawn: the sun rises over the horizon line with ripples on the water below. Rays, disc, horizon and lettering share one geometry, and the mark is checked from the site header to a browser tab and an icon on the home screen. Raise the sun with the slider and turn on the construction.

  • The five rays sit in the middles of five 36° sectors above the horizon.
  • The rays aim at the centre of gravity of the visible half-disc, not at the centre of the circle below the horizon.
  • The lettering's baseline sits on the first ripple, and the top of the disc matches the height of the round lowercase letters.

Sizes

  • 64 px
  • 48 px — header
  • 34 px
  • 24 px

Pixel-drawn favicon

  • 16 px
  • 32 px

App icons

  • iOS · 180 px
  • Android · 512 px
  • Round mask

Colours

  • Shell#F7F5F1page background
  • Paper#FBFAF7cards
  • Stone#E0DCD1backings
  • Sky#D5E3E8calm blocks
  • Honeydew#E4E3BCsoft accent
  • Viridian#344945text and dark sections
  • Deep#24332Fpanels and footer
  • Muted#7E8A86second tone of headings
  • Gold#C49A3Fthe sun
  • Gold deep#8F722Astage labels

Typefaces

  • Чистый путь

    Wix Madefor Display

    headings and the lettering in the mark

  • Помощь есть — и она ближе, чем кажется

    Wix Madefor Text

    text, forms and buttons

Voice

Support first, explanation second

Right after the first screen comes not a list of services but a word to the person reading. The words light up as the page scrolls, so the text is read at the reader's own pace instead of being skimmed.

You have already taken the hardest step. You are not alone and it is not your fault: addiction is an illness, not a weakness of character. It can be overcome.

How the site speaks

  • You are not alone and it is not your fault

  • Just call — we will listen and tell you what to do next

  • A relapse is not a failure; for many it is part of the path

A wooded mountainside over the calm water of the bay
Novorossiysk, Tsemes Bay — a frame from the site

How it works

A path of six stages

On the site the way to recovery is not a table of services but six stages you can walk through with your eyes. On a computer a stage opens when the pointer rests on it, while the others stand as narrow columns with their names. On a phone the stages open with a tap.

  1. A consultation by phone: listen, assess the situation and draw up a plan together.

    First conversation

Rest the pointer on a stage or tap it. The stage texts here are shorter than on the site.

The block «Путь к выздоровлению — шаг за шагом» on deep green: the light card «Звонок» is open, the other stages are narrow columns
The stages on the site: the first one open
The mobile stages: «Звонок» is open, stages two to four below and the bottom bar «Позвонить / Заказать звонок»
The same stages on a phone
A path to the sea at dawn

Step by step

From any point there is a way back. The main thing is to take the first step.

The last block before contacts — a line and a photo from the site

The house inside

A house tour without staging

The site has a three-minute video: the rooms, the gym, the sauna, the yard and the view of Novorossiysk. The block is built not to get in the way of someone who is just reading, and to open right away for someone who wants to watch.

Sea water from above — the cover of the video about the centre
The cover of the video block
  • A pool with loungers by panoramic windows
  • A billiard table in a room with arched windows
  • Bookshelves in the house library
  • Muted, the video plays in the background while the block is on screen and pauses when it leaves
  • The «Watch the video» button opens a fullscreen player with sound
  • Only metadata loads a screen before the block, so iOS opens the player on the first tap
  • With reduced motion the background does not play and the video shows ordinary player controls

Aerial frames that show the house are left out of this case: the centre gives its exact address only during a consultation

Request

Call or leave a request — from any screen

Someone who finds it hard to talk can leave a callback request: a name, a phone number and, optionally, a few words about the situation. The number is formatted as it is typed, the form will not go without consent to data processing, and the request reaches the staff as one Telegram message. Try it: nothing is sent from here.

Request a call

We will call back. No pressure.

Telegram message

Requests · Chisty Putbot

Send a test request — the message the centre's staff receive on the site will appear here.

Demo: nothing is sent anywhere.

The bottom bar on a phone

On a phone the «Call» and «Request a call» buttons are always under the thumb. The bar slides up once the first screen is behind and steps aside while the contact block is on screen, so it never covers the form itself. Scroll the mock-up.

Data and analytics

  • The Metrica goal plan never passes the name, the phone or the situation text: it may contain health information, a special category of data under Russian law
  • Under the plan, the form fields are hidden from session recording
  • A request counts only after a successful submission, not an attempt
  • Bots that fill in the hidden field are told «received», but no message goes out
The Chisty Put mobile site: first screen, «If you are reading this», «Who we help», the stages and the request form

First screen — no bar

Promo

A promo pack with the required warning

For social networks, ad accounts and map listings we made 13 layouts in the site's style: link previews, posts, stories and covers — using only phrases and landscapes from the site.

5%

of the layout — the minimum for the warning

«There are contraindications. A specialist consultation is required» sits on every advertising layout as its own plate, as the Russian advertising law requires (part 7 of article 24).

The layouts have no

  • Promises of a cure or success rates
  • Photos of people — only landscapes from the site
  • Calls to action styled as buttons — captions only

Link previews · 4

  • Preview: «Помощь есть — и она ближе, чем кажется» and a path to the sea in an arch
    Link preview, option A — chosen
  • A dark preview with the dawn in a half-disc of the sun
    Option B — dark
  • A preview with a centred headline and mountains in an arch
    Option C — like the first screen
  • A square preview: headline and dawn in an arch
    Square preview for messengers

Posts · 4

  • A post with the headline «Помощь есть — и она ближе, чем кажется» and a landscape
    Post 1:1 — «Help exists…»
  • A dark post «Первый разговор — бесплатный и ни к чему не обязывает»
    Post 1:1 — «The first conversation is free…»
  • A vertical post with a mountain over the sea in an arch
    Post 4:5 — «Sometimes, to recover, you need to leave»
  • A vertical post on a photo of a path at dawn
    Post 4:5 — «From any point there is a way back…»

Stories · 3

  • A story with the headline and a mountain landscape
    Story — «Help exists…»
  • A dark story with a path to the sea in an arch
    Story — «The path to recovery — step by step»
  • A light blue story with the sun over the horizon
    Story — «Anonymous · Confidential…»

Covers · 2

  • A wide cover with the headline and a half-disc of the sun
    VKontakte community cover
  • A map listing cover with the headline and a mountain over the sea in an arch
    Cover for Yandex Business and 2GIS

Link previews are not adverts, so they carry no plate.

Launch

Deployment, protection and search

nginx serves the site's static files and the form runs as a separate small process. Along with the site we prepared a promotion plan: what the owner confirms before any advertising, how to connect Yandex Webmaster and Search Console, and which goals to track in Metrica.

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 /

  • Server

    • HTTPS, HSTS and a strict content policy
    • Rate limiting on the form
    • The bot key lives only on the server
    • One-command deployment

  • Search

    • Three structured data blocks
    • Folding addresses with utm tags
    • A sitemap and a proper 404 page
    • Link previews and a manifest

  • Analytics

    • A plan of 16 Metrica goals
    • Conversions: call, messenger, request
    • No personal data in goals

Outcome

What the client received

Texts and photos are from 24чистыйпуть.рф as of September 2026. The centre's figures, testimonials, team and phone number are not given here: the centre confirms them itself.

Discuss a similar projectAll cases →
  • A sun-over-the-horizon mark, favicons and app icons
  • A one-page site with a gentle voice and a path of six stages
  • A house tour with a video that doesn't get in the way of reading
  • A callback request delivered to Telegram
  • A bottom bar for calling on a phone
  • A promo pack of 13 layouts with the warning the advertising law requires
  • Deployment, security headers and a promotion plan