Анна Климахина

О клиенте

Анна Климахина - эксперт по развитию команд и руководителей. Помогает компаниям выстроить систему работы с персоналом: распределить задачи, предотвратить выгорание и конфликты, наладить связь между отделами. Проводит корпоративные тренинги, командообразование, стратегические сессии, обучает руководителей.

Её клиенты - собственники бизнеса, управляющие, коммерческие и HR-директора. Таким людям нужно за минуту понять, чем эксперт полезен их компании, и так же быстро с ним связаться.

Задача

Анне нужен был не шаблонный сайт-визитка, а место, куда можно отправить собственника или HR-директора, и он сразу поймёт, с какими задачами она работает и как её пригласить.

Материалы для сайта мы собрали сами: её ответы на бриф, голосовое сообщение, посты Telegram-канала и Instagram. Отдельные требования - вести сайт самостоятельно и получать заявки сразу в Telegram.

Основные цели проекта:

01

собрать позиционирование и тексты из брифа, голосового и соцсетей эксперта
02

построить дизайн на одной сильной идее: разрозненные люди становятся системой
03

дать Анне админку, где правится весь сайт: тексты, блоки, фото
04

настроить заявки с сайта сразу в Telegram
05

защитить вход в админку кодом из Telegram
06

запустить сайт на собственном домене с SSL и SEO-базой

Проблема до старта

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

Из этого следовали три сложности:

• быстро объяснить бизнесу, чем она полезна, было сложно;

• профессиональное терялось среди личного;

• оставить заявку можно было только в личных сообщениях.

Услуги: семь форматов работы с командой - от тренингов до сопровождения руководителей

Решение

Мы собрали позиционирование из её собственных формулировок и построили дизайн вокруг одной метафоры: разрозненные люди становятся системой. Первый экран - постер: заголовок разрезан аркой с фото, вокруг - темы её работы, соединённые с ней линиями, в фоне - созвездие, в котором спрятан её знак зодиака. В блоке «Хаос → система» восемь проблем команды при прокрутке собираются в ровную сетку, а в девизе «Обучить нельзя уволить» посетитель сам ставит запятую.

Сайт работает на собственной админке без базы данных: Анна меняет любой текст, добавляет и переставляет блоки, загружает фото и перетаскивает темы вокруг арки на схеме. Перед каждым сохранением откладывается версия для отката.

Админка: темы вокруг фото расставляются перетаскиванием, все тексты и блоки сайта правятся без разработчика

Что было сделано

Дизайн и содержание

• позиционирование и тексты из брифа, голосового, Telegram-канала и Instagram;

• тёмная тема в фирменном винном цвете эксперта, шрифтовая пара с засечками;

• первый экран-постер, созвездие, «Хаос → система», интерактивный девиз, большой типографский подвал;

• мобильная версия с отдельной раскладкой первого экрана и полноэкранным меню.

Админка и заявки

• вход в два шага: пароль и код из Telegram, резервные коды, восстановление пароля;

• все тексты и блоки разделов, фото, пункты меню, подвал и настройки для поисковиков;

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

• заявки сохраняются в админке и сразу приходят Анне в Telegram.

Техническая база

• собственный домен klimakhina.ru, хостинг, SSL;

• robots.txt, sitemap.xml, canonical и карточка-превью для мессенджеров;

• пометка о Meta у ссылок на Instagram по требованию закона;

• шрифты подключены локально, без внешних сервисов.

Результаты

2

дня от брифа до запуска

208

текстов и блоков правятся в админке

30

версий сайта в бэкапах

2

шага входа: пароль и код из Telegram

Результат

Анна получила личный сайт, который работает как её визитная карточка для бизнеса: klimakhina.ru.

Ключевые результаты проекта:

• сайт запущен за два дня - от брифа до публикации на собственном домене;

• Анна ведёт сайт сама: меняет тексты, добавляет кейсы и выступления без разработчика;

• заявки с сайта сразу приходят в Telegram, вход в админку защищён кодом.