Школа «Фрегат» — сайт, где можно изучить курс до записи на обучение

01

Задача

Школа обучает работе с государственными закупками. У неё несколько аудиторий: новичок, который выбирает профессию; предприниматель, который хочет участвовать в закупках; руководитель, который подбирает обучение сотрудникам. Им нужны разные подробности, но общий вопрос один: что именно будет на курсе и подходит ли такой формат.

Нужно было представить образовательную программу на собственном сайте. В структуре должны были найти место содержание занятий, практические задания, преподаватели, документы об обучении и варианты участия. При этом посетитель не должен теряться в большом объёме информации.

Я начал со структуры предложения и сравнения подачи похожих школ. Затем подготовил страницы и оформление в фирменных цветах проекта: тёмный изумрудный фон, светлый текст и золотые акценты для важных действий.

02

Решение

Выстроил страницу вокруг выбора обучения. На первом экране объясняется направление курса. Далее посетитель знакомится с практикой, аудиторией программы, содержанием и условиями. Кнопки обращения расположены рядом с соответствующим предложением, а не только в конце длинной страницы.

Разделил информацию по смыслу. Программу можно изучить по модулям. Формат обучения, стоимость и ответы на частые вопросы оформлены отдельными разделами. Это позволяет читать страницу целиком или сразу перейти к важному для себя вопросу.

Подготовил отдельные страницы школы. Информация о преподавателях, школе, мероприятиях и контактах не смешивается с подробным описанием курса. У каждого материала есть своё место, а основная навигация связывает эти разделы с главной страницей.

Собрал повторяющиеся элементы в единую систему. Карточки, тарифы, заголовки и кнопки используют согласованное оформление. У карточек тарифов выровнены действия, чтобы разные по длине описания не мешали сравнению вариантов.

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

03

Результат

Подготовлен сайт с развёрнутой подачей курса и отдельными информационными разделами. Посетитель может изучить программу, познакомиться с преподавателями и посмотреть мероприятия школы, прежде чем обращаться по поводу обучения.

Выполненный этап охватывает структуру и интерфейс сайта. Кабинет ученика, онлайн-оплата и выдача документов относятся к дальнейшему развитию образовательного продукта.