Образовательная онлайн-платформа

О проекте

Открытая школа 2035 — образовательная онлайн-платформа для учителей и школьников 7-18 лет из России и Казахстана.

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

Задача

Разработать новый дизайн онлайн-платформы. У Открытой школы уже существовал сайт, нужно было сохранить логотип. Перед редизайном клиент выполнил конкурентный анализ и анализ ЦА, подготовил новую структуру.

Важно было сделать дизайн:

  • «Увлекательным и залипучим». Визуал важен не только для увлечения учеников, но и для презентации проекта коллегам и инвесторам

  • Удобным, интуитивно понятным, предсказуемым. Чтобы школьникам было удобно находить и изучать материалы самостоятельно. А учителя могли бы быстро открывать уроки и не тратить много времени на понимание, как работает навигация

  • Адаптивным для мобильных устройств и интерактивных досок в классах

Что сделали

На этапе пресейла провели бриф с клиентом, собрали мудборд в соответствии с тематикой и пожеланиями. Затем подготовили варианты промо-блока сайта, на которых представили 3 подхода к концепции: акцент на рукописные шрифты, минимализм и анимации, 3D-элементы.

Кейс разработки образовательной онлайн-платформы

Клиенту понравилось два решения: с акцентом на анимации и движения блоков и 3D. 
Объединили эти идеи, назвав такой подход к концепции «островным дизайном».

Клиенту понравилось два решения: с акцентом на анимации и движения блоков и 3D. 
Объединили эти идеи, назвав такой подход к концепции «островным дизайном».

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

Евгений

арт-директор Пиробайта

В чем идея концепции?

Подход Открытой школы представили в виде метафоры завода по обработке знаний, придания им формы и смысла. На платформу знания поступают в виде угловатых тусклых элементов, а выходят — в виде ярких шаров.

Концепция идеи платформы

«Идею продумали и описали сначала на скетче. Далее подобрали референсы для моделей шаров-знаний. По нашей задумке, Открытая школа помогает знаниям обрести форму и доставляет их в умы людей»

Евгений

арт-директор Пиробайта

Далее приступили к разработке 3D. Разработали модель и саму анимацию в Spline.

3D главного элемента дизайна

Так выглядит 3D главного элемента дизайна в программе

А так — готовая анимация и реализация идеи

Итог

Разработали дизайн-концепцию цифровой платформы с анимационными роликами и интерактивными уроками. В рамках работы:

  • Учли пожелания клиента и продумали общую идею концепции, визуальные акценты

  • Продумали логику расположения блоков и переходов к ним

  • Реализовали 3D-анимации для блоков-«островов»

  • Разработали дизайн главной страницы

  • Выполнили адаптивный дизайн для мобильных устройств

Разница дизайнов

Другие кейсы

Гриль № 1

  • Фудтех
  • Сервис

Сайт и мобильное приложение для доставки из сети ресторанов быстрого питания. Интеграция с iiko

Tagline Awards. Бронза

WDA. Золото

WDA. Серебро

Dropfile. Интерфейсы

Сервико

  • Автотех
  • Логистика
  • Приложение для планшета

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

WDA. Серебро

Tagline Awards. Серебро

CarClick

  • Сервис
  • E-commerce
  • Автотех

Маркетплейс и аукцион для покупки автомобилей онлайн. Разработали веб-сервис и мобильное приложение.

Вэлко

  • Сервис
  • ERP

Сайт для аренды квартир в доме повышенной комфортности с услугами отеля.

Yaves

  • Сервис

Сервис аренды яхт в Сочи. Удобный кастомный календарь, функциональный каталог с онлайн бронированием, личный кабинет владельца яхты и арендатора.

Стройпарк

  • Мобильное приложениe
  • E-commerce

Мобильное приложение интернет-магазина строительных материалов.

Tarkett

  • Сервис
  • ERP

ERP система для мирового лидера напольных покрытий. Электронная подпись, групповая работа с документами, интеграции с Картами и внутренними виджетами.

Trainet

  • Социальная сеть
  • Мобильное приложениe

Приложение-соцсеть для спортсменов и тренеров. Онлайн-тренировки, бронь занятий, блоги.

WDA. Серебро

Fish2o

  • Сервис
  • Фудтех

Корпоративный сайт для компании-производителя премиум лосося и форели.

WDA. Бронза

Behance

Whoosh

  • Автотех
  • Логистика
  • Сервис

Сервис для курьерской службы и экспресс-доставки для жителей США.

Спроси Врача

  • Медтех
  • Сервисы

Автоматизированный сервис для медицинских консультаций онлайн

ФССП.РФ

  • Сервис

Сайт и приложение, с помощью которых пользователь может проверить и уплатить штрафы в ФССП и ГИБДД.

Telemetron

  • Фудтех
  • Мобильное приложениe
  • Сайты

Мобильное приложение для управления сетью вендинговых автоматов.

Dropfile. Интерфейсы

ТутCервис

  • Мобильное приложениe
  • Автотех

Мобильное приложение для аренды мастерской для технического обслуживания авто.

Behance

Киномир

  • Мобильное приложениe

Мобильное приложение для сети кинотеатров в Сибирском федеральном округе.

Happens

  • Социальная сеть
  • Мобильное приложениe

Соцсеть, собрала лучшие фичи конкурентов. Возможность публикации постов, сторис, общение в чатах, отметок событий на карте.

Корона Авто

  • Сервисы
  • Автотех

Сервис для крупной компании-поставщика автозапчастей для импортных грузовых и легковых автомобилей.

Обменник

  • Сервисы
  • Финансы

Сервис для автоматического обменника электронных валют.

Pikemedia

  • Сервисы
  • E-commerce
  • Сайты

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

ArTravel

  • Сайты
  • Концепция

Мобильное приложение-путеводитель с AR.

StayHome

  • Мобильное приложениe

Игровое мобильное приложение, призывающее соблюдать карантин во время пандемии COVID-19.

Incognito

  • Социальная сеть
  • Мобильное приложениe

Мобильное приложение-социальная сеть для анонимной оценки человека.

Reporter

  • Сервисы

Система подсчета эффективности проектов и исполнителей.

Места Будды

  • Сайты
  • Концепция

Приложение-путеводитель по буддийским местам России.

Обложка кейса НяняГуру

Tagline Awards. Бронза

Made on Tilda

НяняГуру

  • Мобильное приложениe

Мобильное приложение для поиска нянь и их трудоустройства

Обложка кейса Lutch

Lutch

  • Сайты
  • Концепция

Ведущий российский производитель хоккейной и футбольной спортивной формы, одежды и экипировки для разных видов спорта.

Обложка кейса образовательной онлайн-платформы

Онлайн-школа

  • Сайты
  • Концепция

Открытая школа 2035 — образовательная онлайн-платформа для учителей и школьников 7-18 лет из России и Казахстана.

Обложка кейса Mriya Resort

Mriya Resort

  • Сайты
  • Концепция

Mriya Resort & SPA — пятизвездочный отель на Южном берегу Крыма, на территории которого есть медицинский и SPA-центр, современный конгресс-центр, парк и собственный пляж.

caseSchool