Посмотреть, как было и как стало

Self-talk.ru — сайт частного психолога Светланы Захаровой, которая проводит очные консультации в Санкт-Петербурге и работает онлайн с клиентами из разных стран.

На сайте представлены направления работы, профессиональный путь специалиста, образование и сертификаты, стоимость сессий, ответы на частые вопросы, отзывы и способы записи. Основные подходы — КПТ, ACT / терапия принятия и ответственности и ДПДГ / EMDR.

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

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

Важно было:

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

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

В проекте я работала как: контент-менеджер, редактор, специалист по структуре сайта, SEO и технической настройке Tilda.

В моей зоне ответственности находились:

• аудит исходной версии сайта;
• разработка новой логики страницы;
• переработка структуры и последовательности блоков;
• улучшение визуальной подачи;
• редактура и дополнение текстов;
• оформление направлений работы и профессионального опыта;
• подготовка SEO-данных;
• создание FAQ;
• работа с отзывами и изображениями;
• микроразметка;
• юридические страницы;
• настройка cookie-блока;
• проверка мобильной версии;
• оформление ссылок на способы связи и записи.

Аудит исходной версии
Сначала я проанализировала существующий сайт с точки зрения:

• понятности первого экрана;
• логики движения пользователя по странице;
• структуры разделов;
• качества и объёма текстов;
• визуальной целостности;
• доверия к специалисту;
• удобства записи;
• SEO;
• юридической корректности.

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

Новая структура страницы
Перестроила последовательность блоков так, чтобы сайт отвечал на вопросы посетителя постепенно:

1. Кто специалист и с чем помогает.
2. На каких принципах строится работа.
3. С какими запросами можно обратиться.
4. Какой у специалиста опыт и образование.
5. Сколько стоит консультация.
6. Как проходят сессии.
7. Что говорят клиенты.
8. Как записаться и связаться.

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

Первый экран и позиционирование
Переработала первый экран, чтобы пользователь сразу понимал:

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

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

Визуальная система
Привела сайт к единой визуальной логике:

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

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

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

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

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

Профессиональный путь и квалификация
Переработала подачу опыта специалиста в формате последовательной истории:

• медицинское образование;
• ординатура по психиатрии;
• работа в психиатрическом стационаре;
• переход в частную практику;
• обучение психотерапии и психологии;
• развитие в КПТ, ACT и EMDR.

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

Редактура текстов
Переработала тексты сайта, чтобы они:

• звучали профессионально, но не холодно;
• были понятны человеку без психологического образования;
• не создавали нереалистичных обещаний;
• не перегружали страницу терминами;
• снижали тревогу перед первым обращением;
• объясняли правила взаимодействия заранее.

Особое внимание уделила формулировкам о:

• формате онлайн-сессий;
• опозданиях и отмене записи;
• переносе консультации;
• границах психологической помощи;
• отличии консультаций от медицинской услуги.

В FAQ прямо указано, что в рамках психологических консультаций специалист не ставит диагнозы и не назначает медикаменты, а при необходимости рекомендует обратиться к профильному врачу.

FAQ и пользовательские сценарии
Причесала блок частых вопросов, который помогает заранее снять практические сомнения:

• как отменить запись;
• что происходит при поздней отмене;
• что делать при опоздании;
• как подготовиться к онлайн-сессии;
• ставит ли психолог диагнозы;
• назначает ли медикаментозное лечение.

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

Отзывы
Систематизировала реальные отзывы клиентов и оформила их в единой структуре текстом, а не скриншотами, с указанием источника — профиль специалиста на B17.ru:

• текст отзыва;
• имя;
• дата;
• источник.

Запись и способы связи
Сделала путь до обращения более понятным:

• основная кнопка записи на первом экране;
• контактный блок в конце страницы;
• ссылка на Telegram;
• ссылка на MAX;
• телефон и email;
• адрес кабинета;
• информация об очном и онлайн-формате.

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

SEO
Провела базовую поисковую оптимизацию сайта:

• переработала Title и Description;
• уточнила H1;
• выстроила иерархию заголовков;
• улучшила тексты основных разделов;
• добавила поисковые формулировки без переспама;
• подготовила alt-тексты для изображений;
• улучшила названия файлов;
• проработала внутренние ссылки;
• проверила отображение сайта в поисковых системах;
• добавила структурированные данные JSON-LD;
• подготовила SEO-данные для юридических страниц.

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

Юридические страницы и cookie
На сайте были оформлены:

• политика конфиденциальности;
• согласие на обработку персональных данных;
• политика использования файлов cookie;
• публичная оферта;
• тексты согласий под формами;
• уведомление о сервисах третьих лиц.

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

Сайт и дизайн
Tilda Personal

Контент и визуал
Adobe Photoshop, ChatGPT

Коммуникации и запись
Telegram · MAX · YPLACES / YCLIENTS

Существующий сайт на Tilda был комплексно переработан без полного переноса и разработки с нуля.
В результате:

• появилась понятная логика страницы;
• усилен первый экран;
• выстроена единая визуальная система;
• направления работы стали понятнее потенциальному клиенту;
• профессиональный опыт и образование получили полноценное представление;
• упрощён путь до записи;
• добавлены стоимость, FAQ и организационные условия;
• систематизированы отзывы;
• улучшены SEO-настройки;
• добавлена микроразметка;
• оформлены юридические документы;
• настроено управление cookie;
• сайт адаптирован под разные устройства.

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

Посмотреть, как было и как стало