Проект разрабатывался как сайт под ключ, но первым этапом стало прототипирование. Мы спроектировали главную страницу, страницу курсов и контакты, а структуру главной несколько раз корректировали с учётом задачи заказчицы.
Курсы
Контакты
При постановке задачи заказчица отдельно обозначила желание уйти от шаблонной подачи, характерной для большого количества сайтов языковых курсов.
Поэтому работа началась не с декоративного оформления, а со структуры основных страниц будущего проекта.
Учесть специфику продажи курсов
Согласовать логику до дизайна
Три ключевых экрана образовательного сайта
Для первого этапа были выбраны страницы, которые решают три разные задачи: знакомят с проектом, представляют сами курсы и дают контактный сценарий.
Главная
Общая логика проекта и первое знакомство с предложением.
Курсы
Отдельный экран для представления образовательных программ.
Контакты
Отдельный экран для связи с проектом.
Главный прототип корректировали несколько раз
По исходному описанию проекта, главную страницу пришлось несколько раз редактировать. Причина была в самой постановке задачи: сайт должен был не просто рассказывать об изучении немецкого языка, а представлять конкретные курсы.
Первоначальный вариант главной
Уточнение подачи курсов
Основа дальнейшего дизайна
Прототип главной страницы сайта курсов
Главная стала основным экраном, на котором нужно было собрать структуру предложения и создать базу для дальнейшего визуального оформления проекта.
Как представить именно набор образовательных курсов, а не общий информационный сайт о немецком языке?
Главная страница – прототип
Отдельная структура для образовательных программ
Вторым ключевым экраном стала страница самих курсов. Здесь пользователь уже переходит от общего знакомства с проектом непосредственно к образовательному предложению.
Прототип контактной страницы
Третьим экраном стала страница контактов. Она завершила набор ключевых прототипов, необходимый на этом этапе проекта.
После прототипа проект перешёл к дизайну
В исходном материале зафиксировано, что после этапа прототипирования для проекта уже был разработан визуальный дизайн. Изображение в начале этого кейса как раз относится к следующему этапу работы.
Прототип
Дизайн
Что показывает этот кейс
Главная страница несколько раз уточнялась ещё на структурном этапе.
Пользователь переходит от знакомства с проектом к конкретному образовательному предложению.
После согласования структуры работа продолжилась уже в визуальном дизайне.
Другие кейсы прототипирования
Посмотреть кейс →
Посмотреть кейс →
Посмотреть кейс →
Планируете сайт для курсов или образовательного проекта?
Можно начать с основных пользовательских сценариев и согласовать структуру ключевых страниц до перехода к визуальному дизайну.