Anatomy of Growth — двуязычный сайт для практики executive-коучинга и психологической работы

Обзор проекта

Anatomy of Growth — практика Dr Akjemal Magtymova. По образованию — врач, более 25 лет на руководящих позициях в ВОЗ и системе ООН, сейчас — executive-коуч ICF PCC и советник по лидерству. Практика работает онлайн из Онтарио (Канада), а рядом ведётся отдельная психологическая практика в психоаналитическом подходе. Клиенты — руководители и опытные специалисты, на которых ложится больше ответственности или которые проходят через перемены. До этого проекта у практики была одна шаблонная страница.

Новый сайт должен был звучать и выглядеть как сама практика — спокойно, зрело, в журнальной стилистике: пространство цвета слоновой кости, тонкие золотые рамки, заголовки с засечками заглавными буквами и одной курсивной фразой. И при этом держать порознь две очень разные услуги. Коучинг и консультирование начинаются с 30-минутного знакомства; у психологической практики своя страница, своя анкета и никакой ссылки на календарь. Каждая страница существует на английском и в полной русской адаптации.

Моя роль в проекте

Я лично вёл этот проект от первого аудита до запуска. Направления, которые я вёл и выполнял непосредственно:

• Аудит старой страницы, анализ конкурентов и референсов, стратегия сайта и подробное техническое задание
• Дизайн сайта на основе брендбука практики: шрифты, золотые рамки, фиолетовые акценты и отдельно тонированный путь для психологической практики
• Разработка на Astro с Cloudflare Workers — статичные страницы раздаются с edge-сети, Worker работает только там, где формам нужен сервер
• Формы с защитой от спама и доставкой: Cloudflare Turnstile, honeypot, ограничение частоты запросов, письма через Resend с автоответом и версия, которая работает без JavaScript
• Sveltia CMS для контента: вход через GitHub, публикация по расписанию и пошаговая справка на русском для человека, который никогда не вёл сайт
• SEO вокруг имени Dr Magtymova: имя первым в заголовке главной, граф Person с квалификацией ICF PCC, образованием и профилями, разметка FAQ, hreflang EN/RU и Search Console

Что я сделал

• Главная: hero в рамке, «Ситуации, с которыми приходят клиенты» словами самих клиентов, две практики рядом, «Lived leadership» с ключевыми фактами (25+ лет в ВОЗ и ООН, MD, MSc, MA, ICF PCC · CPCC), три шага к первому разговору, блок подкаста, FAQ и финальный призыв
• Страницы Executive Coaching, Leadership Advisory и Psychological Practice, а также Work with me, Speaking и About со значком ICF PCC и Этическим кодексом ICF
• Форма «Start a Conversation», которая сразу ведёт посетителя в календарь записи, и отдельная анкета для психологической практики — возраст, часовой пояс, удобное время, род занятий, язык
• Beyond the Turning Point: хаб подкаста и страницы выпусков с плеером Spotify, который загружается по клику, и кнопками Apple Podcasts, Spotify и RSS, подписка на рассылку в MailerLite, библиотека «Articles & Reflections» с темами и раздел вебинаров, где каждая встреча показана по времени Торонто и по времени посетителя
• Рабочее место редактора помимо самой CMS: страница статуса (последнее обновление, что запланировано, что поправить), встроенная справка и стайлгайд всех цветов, кнопок и секций на обоих языках
• Своя карточка для соцсетей у каждой страницы — заголовок и одна строка о том, зачем эта страница, — генерируется при сборке
• Тихий баннер cookies, который не включает аналитику, пока посетитель не согласится, а также политика cookies, условия использования и политика конфиденциальности — всё редактируется из админки
• Мягкая анимация: меню, FAQ и переходы между страницами появляются плавно, а у посетителей, отключивших анимацию, всё остаётся неподвижным

Каждый релиз проходит одну команду проверок: типы, контраст дизайн-токенов, ссылки, SEO-теги, бюджеты скорости (один CSS-файл), тесты Playwright для страниц, форм, админки, доступности и печати и Lighthouse — 95–100 по производительности и 100 по доступности, best practices и SEO на мобильном, с нулевым сдвигом вёрстки на обоих языках.