Amiga

К кейсам

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

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

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

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

Mobile

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

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

Mobile

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

Обложка кейса «Приложение  с интеграцией ML»

Web | В работе

Русплитка

Обложка кейса «Русплитка»

Mobile

Airspector

Обложка кейса «Airspector»

Web | NDA

НЛМК

Обложка кейса «НЛМК»

Web

Travelpayouts

Обложка кейса «Travelpayouts»

Web | NDA

Mercedes-Benz

Обложка кейса «Mercedes-Benz»

Mobile

Мобильное приложение CMstore

Обложка кейса «Мобильное приложение CMstore»

Mobile | NDA

Rockwool

Обложка кейса «Rockwool»

Mobile

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

Обложка кейса «Приложение для пекарен Хлеб Хмельницкого»

Web | NDA

Газпром

Обложка кейса «Газпром»

Web

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

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

Mobile | NDA

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

Обложка кейса «Интернет-магазин  NL Store»

Web | Minicase

Аникура

Обложка кейса «Аникура»

Mobile | NDA

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

Обложка кейса «Приложение для здоровья CW Clinic»

Mobile

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

Обложка кейса «Мобильное приложение для АЗС ХТК»

Web | NDA

Мегафон

Обложка кейса «Мегафон»

Web

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

Обложка кейса «Транспортная компания №1»

Web

Сайт для туркластера «Арктический»

Обложка кейса «Сайт для туркластера «Арктический»»

Web

HR-сайт для SOKOLOV

Обложка кейса «HR-сайт для SOKOLOV»

Mobile | NDA

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

Обложка кейса «Бизнес-приложение Жёлтая печать»

Mobile

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

Обложка кейса «Образовательный проект Easy»

Web

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

Обложка кейса «Корпоративный портал ЕМС Team»

Web | NDA

Ecco

Обложка кейса «Ecco»

Mobile

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

Обложка кейса «Приложение-сканер товаров с TV»

Mobile | NDA

Сбер

Обложка кейса «Сбер»

Web | В работе

Makita

Обложка кейса «Makita»

Web | Minicase

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

Обложка кейса «Интернет-магазин мебели Трио»

Mobile

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

Обложка кейса «Программа лояльности Vaillant Group»

Mobile

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

Обложка кейса «Интернет-магазин Bravo»

Web

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

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

Mobile | NDA

Shell

Обложка кейса «Shell»

Web | NDA

Nike

Обложка кейса «Nike»

Web | NDA

Casio

Обложка кейса «Casio»

Web | NDA

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

Обложка кейса «ERP-система лизинга автопарка»

Web

B2B-сервис по отработке обращений «Авеста»

Обложка кейса «B2B-сервис по отработке обращений «Авеста»»

Mobile | NDA

DHL Express

Обложка кейса «DHL Express»

Web

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

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

Web | NDA

Samsung

Обложка кейса «Samsung»

Mobile | NDA

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

Обложка кейса «AI-приложение Get Art»

Web

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

Обложка кейса «Маркетплейс специалистов Gigoo»

Web | NDA

М.Видео

Обложка кейса «М.Видео»

Web

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

Обложка кейса «Крупное федеральное СМИ»
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ