Гойда Людмила

Гойда Людмила

Проєкт створений для кар'єрної консультантки та коуча - експертки з понад 20-річним досвідом у сфері рекрутингу. Сайт став наступним кроком у розвитку її професійного напряму - індивідуального коучингу з фокусом на підтримку людей у кар'єрних трансформаціях.

Це односторінковий ресурс, який поєднує функції онлайн-візитівки з інструментами для зручного першого контакту з потенційними клієнтами. Головна мета лендінгу - допомогти користувачеві зрозуміти, з якими запитами можна звернутись, які послуги надає експертка та якою буде вартість співпраці.

Терміни виконання:

  • Аналітика:2 тижні

  • Дизайн:3 тижні

  • Запуск в реліз:3 тижні

  • Підтримка:за запитом

Завдання, над якими ми працювали

    • Візуально та стилістично поєднати сайт із вже сформованим образом експертки у соціальних мережах: палітра кольорів, тон спілкування, структура цінностей
    • Продумати структуру сторінки так, щоб користувач одразу побачив не лише компетенції та індивідуальний підхід, а й людяність експертки: фото, принципи роботи, реальні відгуки клієнтів
    • Висвітлити ключову ідею: коучинг від експертки з досвідом у рекрутингу - це поєднання підтримки з глибоким розумінням ринку, процесів змін і точок зростання
    • Показати, що експертка працює не з "кар'єрою", а з людиною в моменті змін: пошук нової роботи, вихід зі стагнації, виявлення нових напрямів розвитку
    • Відобразити безоціночний підхід як основу її взаємодії з клієнтами
    • Сайт мав виконувати роль не просто візитівки, а інструменту першого контакту
    • Передбачити декілька каналів зв'язку: прямі повідомлення в соцмережі (Linkedin, Telegram), простий запис на консультацію
    • Показати гнучкість у форматах співпраці: від разової зустрічі до тривалої коуч-сесії, з можливістю адаптації під кожен запит
    • Реалізувати зручну навігацію, дизайн, який викликає довіру до експертки, повну адаптивність під мобільні пристрої

Рішення, які були реалізовані

image
  • Фокусування на ключових повідомленнях на першому екрані: велике фото експертки з прямим зоровим контактом, великий шрифт, посилання на основні соціальні мережі для швидкої комунікації

  • Навігаційне меню приховане, як у мобільних версіях, щоб не розпорошувати увагу

  • Використано брендований колір замовниці, доповнено кольоровою палітрою, що психологічно асоціюється з довірою та експертністю

  • Окремою секцією виділені два підходи до роботи, які використовує експертка. Ці блоки при скролі зближаються, щоб показати взаємодоповнення коучингу та рекрутингової експертизи

image
image
  • По всьому сайту використано символіку зростання: сходи в блоці з запитами та послугами - метафора розвитку, а також візуальна підказка, яким шляхом може пройти користувач

  • Картки з пакетами послуг візуально розміщені поряд для зручного і швидкого порівняння, а також включають пояснення, які запити покриває кожен формат

image
  • Реалізована інтеграція з сервісом Calendly для швидкого запису на первинну консультацію

image
image
  • Форма зворотного зв'язку підключена до Telegram-бота для зручності комунікації та збереження історії спілкування

image
  • Додані посилання на соціальні мережі в хедері та футері - як альтернативний канал комунікації

  • На сайт додані юридичні документи: Політика конфіденційності та Договір публічної оферти, які обумовлюють правові аспекти співпраці та забезпечують прозорість взаємодії

  • Лендінг адаптований під три типи екрану: мобільний, планшетний та десктопний, також додатково враховано балансування контенту для великоформатних екранів

image
  • Візуальний концепт - фокус на м'якість, довіру та глибину

    • У дизайні поєднано декілька символічних візуальних ефектів: темний фон перегукується з секціями з водною текстурою, що створює відчуття глибини - як метафору для внутрішніх трансформацій, які відбуваються під час коучингу
    • Пом'якшення сприйняття досягнуто завдяки образам сходів, крапель, води, пісочного годинника - символів часу, зростання і занурення в себе
    • Секція, знайомства з експерткою включає в себе її цитату, що йде після блоку з морським фоном та утворює емоційний зв'язок між змістом та дизайном. Фраза "Я не оцінюю, я допомагаю" візуально виділена, що підкреслює фокус на підтримку
  • Анімації як інструмент присутності

    • Ефект друку тексту в онлайн-режимі в секції із запитами створює враження живого контакту - так, ніби користувачі самі звертаються до експертки зі своїми запитами
    • Секція "Про експертку" поєднує анімовану появу тексту, фото з теплими емоціями, а також сертифікати з даними про досвід - для формування відчуття залученості, довіри та експертності. Це дає користувачу побачити не просто експертку, а людину, яка «поруч» і справді розуміє його запити
  • Відгуки - підкріплення довіри

    • Блок з відгуками реалізовано у форматі анімованого слайдера - для легшого сприйняття і візуального зацікавлення
    • Усі відгуки клієнтів не редаговані і супроводжуються ніками або іменами їх авторів з соцмереж, щоб підкреслити їхню справжність. Цей блок - не просто підтвердження, а соціальний доказ ефективності роботи коуча, який залишає емоційний слід

Адаптивний дизайн

laptop frame
Desktop view
Mobile phone frame
Mobile view
Mobile mockup
Mobile view

Команда, яка створила цей сайт

Технології та інструменти

  • Figma

    Adobe Photoshop

    Astro.js

    Typescript

    Tailwind CSS

  • React.js

    Swiper

    Framer Motion

    Calendly

    Telegram API

  • Formik

    Yup

Відгук нашого замовника

Людмила Гойда

Людмила Гойда

ЛЕНДІНГ

На першу зустріч із командою я прийшла без чіткого розуміння, що саме хочу. Але Сусанна Салата поставила дуже влучні запитання і створила простір, у якому мені стало зрозуміліше, що я хочу сказати про себе і для кого я це роблю. І коли після тієї розмови я побачила перші варіанти дизайну — я була щиро вражена. Дівчата допомогли мені побачити й оформити себе у форматі, з яким мені комфортно виходити в світ. Якщо ви, як і я колись, відкладаєте створення сайту, бо не знаєте з чого почати – щиро рекомендую вам команду 'i love my team', яка зможе відчути і зрозуміти вас.

Весь відгук

Людмила Гойда, коуч

Переглянути більше кейсів

Замовте консультацію сьогодні і отримайте її безкоштовно!