Сайт-визитка для тренера и практикующего психолога Германа Карельского

Герман Карельский — российский психолог, сексолог, нарколог, кандидат философских наук и специалист в области трансперсональной психологии, сертифицированный ведущий холотропного дыхания. Специализируется на:

1. Управлении стрессом и эмоциональным состоянием — 

2. Развитии коммуникативных навыков — проводит тренинги по эффективной коммуникации, умению вести переговоры, выстраивать границы и разрешать конфликты.

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

4. Психологической поддержке в кризисных ситуациях.

5. Личностом росте и саморазвитии.

🔵 разработать структуру сайта с четким разделением услуг и контента;

🔵 создать информативные страницы услуг с описанием;

🔵 реализовать удобный механизм онлайн‑записи на консультации и тренинги;

🔵 сделать раздел с отзывами клиентов;

🔵 обеспечить адаптивность под все устройства;

🔵 провести базовую SEO‑оптимизацию для роста органического трафика;

🔵 настроить CMS для простого обновления контента.

Этап 1. Маркетинг

Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты.

Компания:

🔵 провели интервью с клиентом;

🔵 проанализировали имеющиеся материалы (резюме, программы тренингов, публикации);

🔵 составили карту пользовательских сценариев (например, «клиент ищет психолога для решения личных проблем», «компания выбирает тренера для корпоративного тренинга», «студент ищет наставника для профессионального развития»).

Клиенты:

🔵 сформировали образ целевой аудитории:

• частные клиенты (личные проблемы, карьерный рост);

• компании (корпоративные тренинги, командообразование);

• студенты и молодые специалисты (наставничество, профориентация);

🔵 создали 8 «аватаров клиента» для разных сегментов;

🔵 проанализировали боли и потребности (поиск эксперта, проверка квалификации, удобное расписание, прозрачность цен, возможность онлайн‑консультаций).

Конкуренты:

🔵 изучили 15 сайтов психологов и тренеров‑консультантов;

🔵 выделили 30 идей для того, чтобы на их основе разработать эффективные решения.

На основе данных сформировали «Чемодан знаний».

Результат:

🔵 обзор конкурентов.

🔵 8 аватаров клиентов;

🔵 список из 30 идей.

Этап 2. Проектирование

Используя «Чемодан знаний», спроектировали ключевые страницы:

🔵 главная страница (презентация эксперта, краткое описание услуг, призыв к действию);

🔵 «Личные консультации» (принципы работы, список проблем, над которыми работает Герман, результаты);

🔵 «Видео» — раздел с описанием музыки для холотропного дыхания, кнопка «купить»);

🔵 «Отзывы» (истории и комментарии клиентов);

🔵 форма онлайн‑записи;

🔵 «О Германе» (биография, образование, опыт, сертификаты);

🔵 личный кабинет.

Неоднозначные функции описали в техническом задании (ТЗ), сделав его лаконичным и понятным.

Результат:

🔵 прототипы страниц;

🔵 документ ТЗ.

Этап 3. Дизайн

Что сделали:

🔵 разработали дизайн с акцентом на профессионализм и доверие;

🔵 создали адаптивные макеты для планшета и смартфона;

🔵 подобрали фотоконтент (профессиональные портреты, фото с тренингов, иллюстрации к методикам);

🔵 согласовали визуальную концепцию (спокойная цветовая гамма, строгие шрифты, минималистичный стиль).

Результат: дизайн‑макеты всех страниц.

Этап 4. Верстка

Что сделали:

🔵 сверстали макеты с использованием HTML, CSS и JavaScript;

🔵 оптимизировали скорость загрузки (сжатие изображений, кеширование);

🔵 обеспечили адаптивность для разных браузеров и устройств;

🔵 протестировали отображение на экранах с разным разрешением.

Результат: готовые HTML‑страницы сайта.

Этап 5. Разработка (back‑end)

Разработали сайт karelsky.pro на платформе «1С‑Битрикс» (лицензия «Стандарт»).

Реализовали модули:

🔵 главную страницу с презентацией эксперта и ключевыми услугами;

🔵 раздел «Об услуге» с детальным описанием, ценами и формами записи;

🔵 раздел «Методики» с описанием подходов и инструментов;

🔵 блог с фильтрацией по темам и датам;

🔵 раздел «Отзывы» с кейсами и видео;

🔵 расписание с интерактивным календарем и возможностью онлайн‑записи;

🔵 форму онлайн‑записи (выбор услуги, даты, времени, контактов, комментариев);

🔵 страницу «О себе» с биографией, фото, сертификатами;

🔵 контакты с формой обратной связи и картой.

Дополнительно:

🔵 интегрировали систему онлайн‑оплаты (за консультации и тренинги);

🔵 настроили уведомления о новых заявках (email, Telegram);

🔵 подключили календарь для синхронизации расписания;

🔵 провели SEO‑оптимизацию (ЧПУ, метатеги, микроразметка);

🔵 настроили CMS для простого добавления статей, услуг и расписания;

🔵 подключили SSL‑сертификат.

Результат: альфа‑версия сайта.

Этап 6. Тестирование и запуск

Что сделали:

🔵 проверили работоспособность всех функций (запись, оплата, формы, блог);

🔵 протестировали адаптивность на разных устройствах;

🔵 устранили баги и оптимизировали скорость загрузки;

🔵 перенесли сайт на основной сервер и подключили домен;

🔵 провели финальное SEO‑сканирование и исправили недочеты.

Результат: готовый сайт.

Этап 7. Обучение

Мы сделали систему внутри Битрикса максимально простой, убрали лишние элементы из интерфейса. 

Далее мы настроили работу удобного редактора Wysiwyg (похож на MS Word). Он удобен для создания контента и редактирования страниц.

Для удобной работы менеджера со стороны заказчика мы:

🔵 подготовили видеоинструкции по управлению контентом (добавление статей, обновление услуг, редактирование расписания);

🔵 провели онлайн‑консультацию для клиента;

🔵 продемонстрировали функционал сайта и ответили на вопросы;

🔵 передали документацию по администрированию.

Результаты:

🔵 подготовленная документация;

🔵 готовая инструкция;

🔵 менеджер заказчика получил навыки самостоятельного управления сайтом.