Все кейсы

Онлайн-образование · WordPress

ORGANIC
LAB

Авторская образовательная платформа, где сложная органическая химия объясняется логично, наглядно и с задачами.

«Органическая химия» — учебная онлайн-платформа для студентов, преподавателей и всех, кто интересуется химией.

На сайте размещены учебные статьи, конспекты, практические задачи и подробные решения. Материалы объединены в тематические направления от базового курса до косметической и парфюмерной химии.

Визуальная подача связывает научные образы с понятной навигацией, а контентная структура позволяет последовательно расширять библиотеку знаний.

Визуальная система

Четыре основных цвета

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

Лабораторный синийrgb(0, 74, 89)
Химический зелёныйrgb(103, 166, 113)
Пурпурныйrgb(173, 0, 128)
Светлый фонrgb(250, 250, 225)

Технологии

Стек образовательной библиотеки

Управляемая CMS позволяет преподавателю развивать курсы, статьи и практические материалы без участия разработчика.

01

WordPress

CMS хранит учебные направления, статьи, задачи и страницы курсов.

02

Контентные шаблоны

Единая структура помогает оформлять теорию, примеры и решения последовательно.

03

Медиа-контент

Иллюстрации и визуальные метафоры поддерживают объяснение сложных тем.

04

Формы и аналитика

Обратная связь и измерение поведения помогают развивать образовательную программу.

Интерфейс проекта

Страницы сайта целиком

Полные версии главной страницы без кадрирования — desktop, laptop, tablet и mobile.

01Desktop · 1265 pxПолный desktop-скриншот проекта Органическая химия
02Laptop · 1024 pxПолный laptop-скриншот проекта Органическая химия
03Tablet · 768 pxПолный tablet-скриншот проекта Органическая химия
04Mobile · 390 pxПолный mobile-скриншот проекта Органическая химия

Состав работ

Что вошло в проект

01

Архитектура учебных направлений

02

Шаблоны статей и конспектов

03

Практические задачи и решения

04

Презентация авторского курса

05

Формы обратной связи

06

Адаптивная тема WordPress

От задачи к системе

Как организован учебный контент

01

Направление

Пользователь выбирает базовую или прикладную область химии.

02

Теория

Статья или конспект объясняет основные принципы темы.

03

Практика

Задачи помогают закрепить материал на конкретных примерах.

04

Проверка

Подробные решения дают возможность самостоятельно разобрать ошибки.

Смысл и SEO

Разработка сайта онлайн-курса

Контентная платформа соединяет презентацию автора, образовательную библиотеку и практические материалы.

  • 01Сайт онлайн-курса
  • 02Платформа по органической химии
  • 03Учебные статьи и конспекты
  • 04Задачи по химии
  • 05Образовательный сайт WordPress
  • 06Сайт преподавателя

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

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

Новый проект

Хотите подобный проект?

Разработаем образовательный сайт с курсами, библиотекой материалов и понятной структурой знаний.

  • Соберём программу и рубрики
  • Спроектируем учебные шаблоны
  • Настроим CMS и SEO