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