Персональный сайт в сфере HR-экспертизы, карьерного консультирования, коучинга

Описание

Разработал персональный сайт для эксперта на платформе Tilda.
Задача: переработать исходный прототип заказчика, который не решал бизнес-задачи, и создать структуру, которая презентует личность и услуги.
Цель: запустить современный имиджевый сайт с анимацией и удобной админкой для самостоятельного управления контентом.
Ключевые вызовы:
— Исходный прототип не работал на конверсию — потребовался полный пересмотр структуры и сценариев
— Персональный бренд — важно было передать характер эксперта через визуал и типографику
— Сложная анимация — нужно было реализовать эффектные переходы без ущерба для производительности

Решение

1 Анализ прототипа: изучил исходную структуру, выявил слабые места и предложил новую логику подачи
2 Прототипирование в Figma: разработал новую структуру с акцентами на услуги, кейсы и контакты
3 Дизайн в Figma: создал визуальную концепцию, отражающую профессионализм и индивидуальность эксперта
4 Обработка фото: сгенерировал и доработал изображения через ComfyUI для единого стиля контента
5 Логотип: доработал знак заказчика, перевёл в SVG-формат для корректного отображения на всех экранах
6 Zero Block-вёрстка: собрал сайт исключительно на Zero Block для точного соответствия дизайну и гибкого адаптива
7 Анимация и код: внедрил интересные анимационные эффекты через комбинацию штатных средств Tilda и кастомного кода
8 Адаптив: полностью проработал мобильную версию для корректного отображения на всех устройствах
9 Обучение: записал видеоинструкцию по управлению контентом в админке Tilda
Инструменты: Figma, Tilda, Zero Block, ComfyUI, HTML/CSS/JS

Результат

— Запущен персональный сайт с уникальным дизайном и анимацией: ekaterinamann.ru
— Клиент получил ресурс, который точно передаёт её экспертность и визуально выделяется на фоне конкурентов
— Сложные анимационные эффекты работают плавно благодаря кастомной доработке кодом
— Заказчик очень доволен результатом и может самостоятельно обновлять контент благодаря видеоинструкции

Ссылки на примеры реализации

 ekaterinamann.ru  youtu.be/SYUrRFN5yl0

Презентация проекта