Дизайн сторінки літнього курсу з математики для сайту школи
Дизайн сайтів
Цей проєкт я розробила для онлайн-школи, яка спеціалізується на освітніх курсах для дітей і підлітків. Моя задача полягала у створенні дизайну всього сайту школи, включно з тематичними сторінками курсів. Ця сторінка — частина сайту, присвячена літньому експрес-курсу з математики.
Мета: створити візуально дружній, адаптивний і зрозумілий дизайн, який підтримує загальний стиль сайту, викликає довіру у батьків і формує відчуття легкості, доступності та системності навчання.
Що я зробила:
Розробила візуальний стиль у межах загального бренду школи: використала теплу, емоційно позитивну палітру, ілюстрації з 3D-персонажами, округлі форми, що створюють ефект відкритості та довіри.
Спроєктувала адаптивну сторінку курсу, яка логічно вбудовується в архітектуру сайту:
• Заголовок + короткий опис і УТП
• Переваги у форматі іконок
• Деталі про курс: формат, міні-групи, графік
• Блок "Чому саме зараз?" — з текстом, який емоційно підкріплює цінність участі
• Очікувані результати після курсу
• Розгорнута програма у форматі акордеонів
• Повторювані блоки з СТА-кнопкою “Безкоштовний урок”
Забезпечила адаптивність усіх елементів для мобільної та десктоп-версій. Усі блоки залишаються читабельними та зручними для навігації незалежно від пристрою.
Оптимізувала структуру контенту: сторінка подає великий обсяг інформації легкою мовою та в зручному форматі (візуальні блоки, іконки, таблиця, акордеони).
Уніфікувала дизайн сторінки з іншими курсами на сайті, щоб користувач, переходячи між напрямами, мав єдиний досвід взаємодії з брендом.
Результат:
Сайт із оновленими сторінками курсів, зокрема цією, був впроваджений у рамках великого літнього промо. Завдяки зрозумілій подачі, привабливому візуальному стилю та адаптивному дизайну, сторінка ефективно працювала в трафікових кампаніях і сприяла зростанню кількості заявок на пробні уроки.
Мета: створити візуально дружній, адаптивний і зрозумілий дизайн, який підтримує загальний стиль сайту, викликає довіру у батьків і формує відчуття легкості, доступності та системності навчання.
Що я зробила:
Розробила візуальний стиль у межах загального бренду школи: використала теплу, емоційно позитивну палітру, ілюстрації з 3D-персонажами, округлі форми, що створюють ефект відкритості та довіри.
Спроєктувала адаптивну сторінку курсу, яка логічно вбудовується в архітектуру сайту:
• Заголовок + короткий опис і УТП
• Переваги у форматі іконок
• Деталі про курс: формат, міні-групи, графік
• Блок "Чому саме зараз?" — з текстом, який емоційно підкріплює цінність участі
• Очікувані результати після курсу
• Розгорнута програма у форматі акордеонів
• Повторювані блоки з СТА-кнопкою “Безкоштовний урок”
Забезпечила адаптивність усіх елементів для мобільної та десктоп-версій. Усі блоки залишаються читабельними та зручними для навігації незалежно від пристрою.
Оптимізувала структуру контенту: сторінка подає великий обсяг інформації легкою мовою та в зручному форматі (візуальні блоки, іконки, таблиця, акордеони).
Уніфікувала дизайн сторінки з іншими курсами на сайті, щоб користувач, переходячи між напрямами, мав єдиний досвід взаємодії з брендом.
Результат:
Сайт із оновленими сторінками курсів, зокрема цією, був впроваджений у рамках великого літнього промо. Завдяки зрозумілій подачі, привабливому візуальному стилю та адаптивному дизайну, сторінка ефективно працювала в трафікових кампаніях і сприяла зростанню кількості заявок на пробні уроки.