ОТКРЫТЫЙ КОВЧЕГ
Сайт частной онлайн-школы для 1–11 классов. Яркий иллюстрированный дизайн нужно было превратить в живой сайт, который одинаково хорошо работает на любом экране — от большого монитора до телефона.
Задача
«Открытый Ковчег» — онлайн-школа, которая выросла из подмосковного лицея «Ковчег-XXI», работающего с 1992 года. У школы тёплый характер и сильная философия: «свободная добрая школа», «школа, а не конвейер».
Дизайн сайта построен на насыщенных цветных карточках, авторских иллюстрациях и метафоре ковчега. Информации много: три ступени обучения, тарифы, гранты, аттестация, учителя, курсы, видео. Моя задача была перенести всё это в код без потерь — чтобы сайт выглядел как в макете, быстро работал и был удобен родителям с телефона.
Что я сделала
- Сверстала главную и внутренние страницы: «О школе», «Как мы учим», «Учителя», «Курсы по выбору», «Аттестация», «Стоимость», FAQ
- Собрала систему цветных карточек — один набор блоков, из которого складываются разные сетки на всех страницах
- Сделала адаптив под планшеты и телефоны: каждая сетка перестраивается, тексты и иллюстрации остаются читаемыми
- Подключила интерактив: формы заявок и консультаций, раскрывающиеся FAQ, видеоблоки
- Подготовила сайт к запуску вместе с командой
Адаптив
Родители часто выбирают школу с телефона — между делами, в дороге. На мобильных карточки выстраиваются в одну колонку, навигация сворачивается в меню, а кнопка «Консультация» всегда под рукой.
Сайт запущен и работает: родители выбирают ступень, смотрят учителей и курсы и оставляют заявку на бесплатную неделю с любого устройства.
Смотреть сайт ↗