Code School ITI была школой программирования в Тирасполе для учеников 8–11 классов. Сайт представлял обучение через создание собственных проектов и профессиональное использование программного обеспечения. Это архивная работа: сегодня она показывается как часть истории портфолио, а не как действующий сайт набора учеников.

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

Задача

Основной задачей было понятно представить школу и её программы. Посетителю требовалось узнать, кому предназначено обучение, какие направления предлагаются и кто ведёт занятия. Среди программ были веб-разработка с HTML, CSS и JavaScript, а также компьютерная графика. Эти названия описывают учебные направления школы.

Одностраничный формат должен был собрать сведения последовательно. Информация о преподавателях, программах и результатах дополняла общее знакомство со школой. Контакты и запись имели практическую роль: после чтения человек мог перейти к обращению, оставаясь внутри того же лендинга.

Решение

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

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

Адаптивная версия

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

Образовательная одностраничная структура

Характерная особенность Code School ITI заключается в образовательной одностраничной структуре. Здесь важно соединить интерес к программированию с конкретными сведениями о курсах и преподавателях. Лендинг сохраняет этот фокус, показывая школу через её программы, людей и возможность записаться, без необходимости большого контентного портала.

Результат

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

Проект в портфолио · Разработка сайтов Noros

Исходный код архивного проекта