роль

дизайн, иллюстрации, макеты под верстку

сроки

октябрь-ноябрь 2025, три недели

клиент

известный историк, заслуженный учитель РФ

формат

лендинг онлайн-курса по истории

Это третий курс, который я делаю

с этой командой: до него были курсы по истории Средневековья и древних цивилизаций. Я отвечала за дизайн-концепцию, иллюстрации и макеты десктопной и мобильной версии, сайт сверстала команда разработки. За три недели проект прошёл через три цельные концепции — в кейсе я показываю все три.

«Твоя история» — онлайн-курс по истории

для подростков от историка и педагога Тамары Эйдельман. Первый поток посвящён Древней Руси и её соседям: викингам, степи, Киеву, Новгороду и Полоцку. Материалы готовили вместе с историками из Казахстана, Украины и Беларуси, чтобы показать общую историю региона с разных сторон.

При этом сам курс обещает историю «без пропаганды и скуки», и сайт должен был это обещание поддержать. Баланс между серьёзностью для родителей и живостью для подростков и стал главным вопросом проекта. Три концепции — три разных ответа на него.

Курс рассчитан на подростков в двух ситуациях:

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

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

Иллюстрации к пунктам

«Что входит в обучение» и «Результаты к финалу» связывают эпоху курса с сегодняшним днём. Сюжеты из Руси до XIII века показаны современными визуальными приёмами: фишай, неожиданные ракурсы, белый фон. Без буквальной модернизации вроде князя с телефоном: современным здесь стал взгляд, а не сюжет.

Первая концепция построена на контрасте

строгой формы и живописного содержания. Графичная сетка, спокойная палитра и контрастная типографика отвечают за серьёзность. Жёлтым выделены блоки, адресованные родителям. А историю и эмоцию несут иллюстрации — их я сгенерировала сама, двух видов.

Ориентиром по композиции был Брейгель

с его многофигурными сценами, но светлее, спокойнее и оптимистичнее. Сюжеты — в духе Рериха и исторической живописи: ладьи, пиры, костры, степь.

Когда макет уже готовили к передаче,

у продюсера курса появилось ощущение, что сайту не хватает подростковости. Курс обещает «без скуки», а дизайн получился немного меланхоличным, — и с этим я была согласна. Запуск был близко, поэтому мы договорились сразу: я делаю ещё один подход в сжатый срок, а если его не хватит, запуск сдвигается.

На первый показ я принесла прототип

и несколько вариаций макета: с разными цветовыми решениями и подачей блоков, у каждой — комментарий о том, что в ней проверяем. Команда выбрала вариант с жёлтым: «Мне понравился первый вариант с жёлтым! И стиль общий тоже понравился», — написала менеджер проекта. Дальше я доработала все блоки и иллюстрации, мы закрыли правки, и я сделала мобильную версию.

Решение

Вместо декора поверх я изменила саму основу:

• Типографика. Жирный и крупный, почти «нахальный» заголовочный шрифт. Заголовки стали главным графическим элементом страницы.
• Цвет. К жёлтому добавился насыщенный красный, палитра стала ярче и контрастнее.
• Образ. Вместо исторических сцен — современные подростки в славянской эстетике. Один образ сразу говорит и об аудитории, и о теме курса.

Новая задача

Нужно было сохранить структуру и надёжность первого макета, но сделать сайт заметно моложе и живее. Так, чтобы подросток узнавал в нём себя, а славянская тема считывалась с первого экрана. У команды была идея добавить поверх макета нарисованные маркером элементы. Я её попробовала, но такие элементы спорили с графичной сеткой и выглядели чужеродно.

Фэшн-варианты получались со слишком

суровыми лицами, а более простые сразу выглядели как сток. Иллюстрации к пунктам стали предметными: для них я собрала мудборд из интерьеров в эстетике slavic modern.

Иллюстрации заняли большую часть

времени на этом этапе. На перебивках — подростки, и здесь главной сложностью было найти середину между высокой модой и масс-маркетом.

Решение

Вместо декора поверх я изменила саму основу:

• Типографика. Жирный и крупный, почти «нахальный» заголовочный шрифт. Заголовки стали главным графическим элементом страницы.
• Цвет. К жёлтому добавился насыщенный красный, палитра стала ярче и контрастнее.
• Образ. Вместо исторических сцен — современные подростки в славянской эстетике. Один образ сразу говорит и об аудитории, и о теме курса.

Новая задача

Нужно было сохранить структуру и надёжность первого макета, но сделать сайт заметно моложе и живее. Так, чтобы подросток узнавал в нём себя, а славянская тема считывалась с первого экрана. У команды была идея добавить поверх макета нарисованные маркером элементы. Я её попробовала, но такие элементы спорили с графичной сеткой и выглядели чужеродно.

Команда выбрала комикс

— самое безопасное из трёх направлений. Slavic Fashion Show было самым ярким, и расставаться с ним было жаль. Но, оглядываясь назад, выбор оказался верным: чуть позже случился бум славянской эстетики, и сайт мог бы потеряться среди похожих визуалов.

Чтобы у команды был настоящий выбор,

я показала решение в трёх направлениях — от самого смелого до самого сдержанного, каждое в десктопной и мобильной версии:

• Slavic Fashion Show. Фэшн-портреты, красный с жёлтым, максимум дерзости. Именно так — «Slavic Fashion Show, lol» — я подписала его при передаче: было понятно, что вариант на грани. Но именно такая доля «прикола» и давала ощущение подросткового.
• Сдержанная версия. Те же подростки, но без фэшн-подачи: спокойнее, теплее, ближе к жизни.
• Комикс. Возвращение к иллюстрациям первой концепции, но в яркой графичной манере.