Редизайн сайту для компанії BogushTime

Сайт пройшов повну трансформацію: ми зберегли його сильні сторони — SEO, контент і структуру, — але переробили усе, що заважало зростати. Новий сайт став візуально легким, зручним для користувача і готовим до масштабування, ШІ-інтеграцій та нових форматів навчання.

Багатосторінковий сайт

Платформа: WordPress

Переглянути сайт

Заставка проєкту Оборонного альянсу України, ілюстрація сайту на ноутбуці

Клієнт

BogushTime — освітня компанія з 15-річним досвідом, яка навчає керувати часом, досягати цілей та інтегрувати ШІ в робочі процеси. Її технології впроваджено у сотнях компаній по всій Україні та за її межами.
Ключові факти:● 100 000+ випускників програм.● 1 000+ компаній-замовників, включно з українським Forbes.● Власні навчальні продукти, онлайн та офлайн-формати.● Авторська система тайм-менеджменту та планувальник BogushBook.

задача

Компанія звернулася із запитом на редизайн сайту — візуально оновити старий ресурс, зберігши сильні SEO-позиції. Під час аудиту виявлено глибші проблеми: застарілий UX, складна структура, слабке оформлення тренінгів.
Основні завдання:● Переосмислити структуру та зробити її зручною для користувача.● Додати систему фільтрів для тренінгів замість розкиданих сторінок.● Оновити візуальну айдентику, підкреслити експертність і сучасність.● Показати, що компанія активно інтегрує ШІ у свої продукти та навчання.

Рішення

Цей проєкт показує, як редизайн може стати точкою росту для компанії. Ми не просто оновили візуал, а переосмислили логіку навігації, подачу інформації, типологію тренінгів і комунікацію бренду. Новий сайт — це не копія старого, а інструмент, який виріс із нових потреб BogushTime.

1. Проектування
Проаналізували структуру старого сайту та створили нову логіку: з фільтрами, єдиною базою тренінгів і розподілом по сторінках. Впорядкували контент і підготували текстовий прототип.
2. Дизайн
Розробили нову візуальну мову: світлий простір, легка анімація, обтічні форми, символіка часу та руху. Айдентика стала свіжою, сучасною і відкритою до нових аудиторій.
3. Функціонал
Побудували сайт на WordPress з кастомним фільтром, формами запису, інтеграцією оплати та розсилок. Вся структура оптимізована під масштабування та самостійне наповнення.
4. SEO та оптимізація
Зберегли URL-структуру для ключових сторінок, налаштували редіректи, забезпечили технічну оптимізацію та швидке завантаження.

Проектування

Ми не просто перенесли старий контент, а розпочали з повного аналізу: зібрали побажання, вивчили логіку користувача, переглянули конкурентів. На базі цього створили текстовий прототип: із розділенням на нові сторінки, продуманою логікою тренінгів і окремими блоками для продажу, лідогенерації та довіри.

Що зроблено:
● Оцінено структуру старого сайту, зібрано вади UX.
● Створено нову структуру з поділом на типи сторінок і контент.
● Виділено окремі секції: навчання, проєкти, блог, календар подій.
● Опрацьовано логіку фільтрації тренінгів.
● Підготовлено текстовий прототип, який узгоджували поетапно.

Маленький скріншот прототипу сайту Оборонного альянсу України

До редизайну
Після редизайну

До редизайну
До редизайну

Після редизайну
Після редизайну

Складне, дубльоване меню (одні й ті самі пункти кілька разів)
Чітка навігація з логічною структурою, поділом на основні напрями та компактним хедером

До редизайну
Складне, дубльоване меню (одні й ті самі пункти кілька разів)

Після редизайну
Чітка навігація з логічною структурою, поділом на основні напрями та компактним хедером

Кожен тип тренінгу — на окремій сторінці, з базовою фільтрацією
Єдина база тренінгів з фільтрами (тип, формат, для кого), що дозволяє швидко знайти потрібний варіант

До редизайну
Кожен тип тренінгу — на окремій сторінці, з базовою фільтрацією

Після редизайну
Єдина база тренінгів з фільтрами (тип, формат, для кого), що дозволяє швидко знайти потрібний варіант

Сторінки тренінгів — без оформлення тренінгу, текст + сайдбар, подача одноманітна
Кожен тренінг має фото, структуру, правий блок з ключовими даними й кнопкою «Зареєструватися»

До редизайну
Сторінки тренінгів — без оформлення тренінгу, текст + сайдбар, подача одноманітна

Після редизайну
Кожен тренінг має фото, структуру, правий блок з ключовими даними й кнопкою «Зареєструватися»

Запис на тренінг — окрема сторінка, відрив від основної інформації
Інтегрована форма запису під тренінгом — без зайвих кліків

До редизайну
Запис на тренінг — окрема сторінка, відрив від основної інформації

Після редизайну
Інтегрована форма запису під тренінгом — без зайвих кліків

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

До редизайну
Айдентика не передавала нові цінності бренду: затемнені банери, темні фони

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

Дизайн

Ми відійшли від затемнених банерів і старого стриманого стилю. Новий дизайн — це світло, простір, динаміка та ідея часу в деталях. Головна ідея — показати рух, гнучкість і сучасність.

Що врахували:
● Світла база з легкими сіро-білими фонами.
● Анімація блоків на першому екрані — для візуального “вайбу руху”.
● Візуальний акцент на AI — замість банальної роборуки використано робо-колібрі як метафору точності, легкості, динаміки.
● Елементи у вигляді орбіт — натяк на системність і глибину.
● Додано сучасні шрифти, покращено контрастність і типографіку.

Мобільна версія дизайну сайту Оборонного альянсу України

Десктопна версія дизайну сайту Оборонного альянсу України

Додаткові послуги

Крім редизайну, ми реалізували набір рішень, які забезпечують зручність у роботі з сайтом і готовність до масштабування.

Що зроблено додатково:
● Підключено платіжну систему для замовлення тренінгів і продуктів.
● Налаштовано email-розсилку через SendPulse для автоматичного збору підписників.
● Інтеграція з CRM kommo.com.ua.
● Встановлено аналітику: Google Analytics, Facebook Pixel, Clarity.
● Багатомовна структура: українська та російська версії.
● Адаптивна верстка + оптимізація швидкості.

Результат

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

На виході маємо:
● Потужний навчальний сайт зі зручною навігацією.
● Нову структуру тренінгів — зручно і для користувача, і для команди.
● Сучасний стиль і візуальні метафори, що підкреслюють експертність.
● Готовність до нових форматів: ШІ, автоматизація, масштабування.