Образовательный портал Школа гениев

Web

О проекте

Школа гениев (NDA) — образовательный портал для знакомства пользователей с направлениями деятельности и продуктами школы, налаживания обратной связи с ними, повышения лояльности аудитории, узнаваемости учреждения в системе образования.

Задачи

До портала у «Школы гениев» был сайт на конструкторе с множеством подсайтов для мероприятий. Заявки собирались в Яндекс.Формах, что приводило к беспорядку  и   увеличивало время обработки обращений. Требовалось единое хранилище данных как для школы, так и для ее учеников, с возможностью оперативной коммуникации.

Реализация

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

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

Главную проблему с лендингами мы решили с помощью «шаблонов активности», которые «встроены» в портал на Битрикс. Это конструктор с набором блоков, которым можно управлять, отмечая галочками в админ-панели, какие блоки показывать, а какие нет.

Одна из целей системы — привлечение и удержание талантливых школьников, CRM настроена так же, как воронка продаж у коммерческих компании: хранятся все базы данных, источники привлечения новых учеников, кто в каких активностях участвовал, комментарии сотрудников CRM к пользователям и пр. Благодаря личному кабинету на сайте и CRM коммуникация преподавателей со школьниками стала более оперативной и легкой, так как все изменения в статутах заявки видны на обоих ресурсах.

Особенности проекта

«Школа гениев» носит статус государственного бюджетного нетипового образовательного учреждения, это влечет за собой ряд требований к сайту, установленных: 


  • Федеральным законом Российской Федерации от 29 декабря 2012 г. N 273-ФЗ «Об образовании в Российской Федерации» (статьи 28, 29).
  • Постановлением от 10 июля 2013 г. № 582 «Об утверждении Правил размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети «Интернет» и обновления информации об образовательной организации».
  • Приказом от 29 мая 2014 г. N 785 «Об утверждении требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети «интернет» и формату представления на нем информации».
  • Методическими рекомендациями о размещении <…> информации о безопасном поведении и использовании сети «Интернет».

В рамках проекта мы задокументировали все этапы реализации и придерживались четко обозначенных сроков — весь портал необходимо было разработать за 8 месяцев.

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

Техническое задание

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

Интеграция CRM

Ранее у школы все лиды собирались в Яндекс.Формах и не было общей базы. Мы сформировали модель пользовательского пути в соответствии с бизнес-процессами компании.

Статусами заявки можно управлять как из CRM, так и с админ-панели сайта.

UI-кит

UI-кит — это набор готовых элементов для дизайна интерфейса: иконки, разнообразные кнопки, выпадающие списки, стикеры и другие элементы сайта. Проще говоря, сначала делаем компоненты, а потом, как из конструктора, собираем страницы.

К началу разработки в дизайн-макете был подробный UI-кит. Мы экспортировали блоки и UI-элементы в код, а затем уже выстраивали из них сайт, что сэкономило 2 месяца на этапе вёрстки.

Календарь событий

В «Школе гениев» регулярно проходит множество разнообразных событий и олимпиад. Для быстрой ориентации по расписанию, мы реализовали его в виде календаря, где можно легко понять когда и какое мероприятие проходит.

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

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

Конструктор сайта на Битрикс

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

Результаты

Благодаря возможностям портала и её гибкой административной панели мы автоматизировали процесс создания посадочных страниц под мероприятия и избавили менеджеров от трудоемкой работы и лишних времязатрат. 

С помощью личного кабинета и CRM упростили коммуникацию с учениками академии и ускорили процесс обработки поступающих заявок.

Проект выиграл «Золото» в номинации «Лучший образовательный сайт» в крупнейшей digital-премии в Европе — Tagline Awards 2023.

Технологии
PHP 8
MySQL
1С-Битрикс: Управление сайтом
Битрикс 24

Мария Воробьёва

Руководитель проектного офиса

Ксения Бублик

Руководитель проекта

Артём Салеев

Руководитель разработки

Антон Горохов

PHP TeamLead

Руслан Ревель

Teamlead Frontend

Андрей Григорьевых

HTML верстальщик

Кривоносов Евгений

TeamLead Backend

Шарапов Юрий

Backend-разработчик

Василин Юрий

Backend-разработчик

Ася Васильева

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

Тимур Краско

QA

Олег Коваленко

QA

Другие проекты

Web | NDA

Ecco

Ecco

Mobile | NDA

AI-приложение Get Art

AI-приложение Get Art

Web | Minicase

Аникура

Аникура

Web | NDA

НЛМК

НЛМК

Web

Имиджевый сайт «Шахтинская плитка»

Имиджевый сайт «Шахтинская плитка»

Mobile | NDA

DHL Express

DHL Express

Mobile

Airspector

Airspector

Mobile | NDA

М.Видео

М.Видео

Web

Маркетплейс специалистов Gigoo

Маркетплейс специалистов Gigoo

Mobile

Приложение для пекарен Хлеб Хмельницкого

Приложение для пекарен Хлеб Хмельницкого

Mobile

Мобильное приложение для АЗС ХТК

Мобильное приложение для АЗС ХТК

Mobile | NDA

Rockwool

Rockwool

Web

HR-сайт для SOKOLOV

HR-сайт для SOKOLOV

Web

Корпоративный портал ЕМС Team

Корпоративный портал ЕМС Team

Web | NDA

Nike

Nike

Mobile

Образовательный проект Easy. Приложение в VK

Образовательный проект Easy. Приложение в VK

Web | В работе

Русплитка

Русплитка

Web | NDA

ERP-система лизинга автопарка

ERP-система лизинга автопарка

Web | NDA

Мегафон

Мегафон

Web | NDA

Casio

Casio

Mobile | NDA

Сбер

Сбер

Web | Minicase

Интернет-магазин мебели Трио

Интернет-магазин мебели Трио

Mobile

Интернет-магазин Bravo

Интернет-магазин Bravo

Web

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

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

Mobile

Приложение-сканер товаров с TV

Приложение-сканер товаров с TV

Mobile | NDA

Бизнес-приложение Жёлтая печать

Бизнес-приложение Жёлтая печать

Web | NDA

Aviasales

Aviasales

Mobile

Приложение с интеграцией ML

Приложение  с интеграцией ML

Web | NDA

Газпром

Газпром

Mobile | NDA

Интернет-магазин NL Store

Интернет-магазин  NL Store

Mobile | В работе

CMstore

CMstore

Mobile

Мобильное приложение для сети аптек «Ваша №1»

Мобильное приложение для сети аптек «Ваша №1»

Web | NDA

Samsung

Samsung

Mobile | NDA

Приложение для здоровья CW Clinic

Приложение для здоровья CW Clinic

Web

Крупное федеральное СМИ

Крупное федеральное СМИ

Web

Транспортная компания №1

Транспортная компания №1

Web

Маркетплейс нефтяных продуктов Proleum

Маркетплейс нефтяных продуктов Proleum

Mobile | NDA

Shell

Shell

Web | В работе

Makita

Makita

Web

Образовательный портал Школа гениев

Образовательный портал Школа гениев

Web | NDA

Mercedes-Benz

Mercedes-Benz

Mobile

Программа лояльности Vaillant Group

Программа лояльности Vaillant Group
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ