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 на мобільному, з нульовим зсувом верстки обома мовами.