Клиент
Bright English
Bright English — Школа иностранных языков, которая уже более 12 лет занимается обучением детей и взрослых.
Проблема
На решение создать свою CRM нашего клиента сподвигла проблема с которой он столкнулся.
Bright English — 7 филиалов, 40+ преподавателей, 500+ учеников. Данные о расписании, оплатах и успеваемости хранились в 4 разных системах. Готовые CRM не покрывали специфику учебного процесса — группы, отработки, домашние задания, ролевой доступ для родителей. Доработка обошлась бы дороже, чем создание своей системы.
Решение
Создать сервис в котором вся информация о клиентах, сотрудниках, расписании и финансах будет хранится в одном месте, обеспечивая быстрый доступ и исключая необходимость ручного переноса данных.
Задачи проекта
Решиться на разработку своей CRM системы большой шаг. Поэтому в новом сервисе перед нами стояла цель закрыть все потребности клиента.
Создать систему, которая будет объединять в себе все основные сервисы управления
Облегчить процесс донесения информации между учениками, родителями и сотрудниками
Разработать простой и понятный дизайн
Спроектировать удобный конструктор отчётов для отслеживания эффективности работы школы.
Результаты запуска Bright Era CRM в цифрах
Как разработка единого решения автоматизировала ключевые процессы обучения и управления базой.
-
60%
Экономия на мобильной разработке
Технология PWA заменила разработку нативных приложений под iOS/Android.
-
100+
Спроектированных экранов
Проработаны интерфейсы и ролевые сценарии для преподавателей, учеников и родителей.
-
7
Филиалов объединены вместе
Вся сеть языковой школы теперь работает в единой централизованной системе.
-
1000+
Активных пользователей
Ученики и их родители ежедневно отслеживают расписание и домашние задания.
Кому полезен кейс?
Те, кто вырос из Excel
Для бизнесов, которым пора переходить к собственной системе управления
Владельцы учебных центров и школ
для тех, кто устал от хаоса в таблицах и разрозненных сервисах
Руководители сервисного бизнеса
клиники, фитнес-студии, салоны — любой бизнес с расписанием и клиентской базой
Детали
UI/UX-дизайн
01
Исследование и обсуждение
Разработка Bright Era началась с глубокого погружения в бизнес-процессы Bright English. Мы определили ключевые цели и задачи CRM, выявили процессы, требующие автоматизации (включая запись на отработку, учёт посещаемости и выставление счётов), и проанализировали существующие инструменты.
При проектировании интерфейса особое внимание уделялось масштабируемости системы. Архитектура Bright Era позволяет легко добавлять новых пользователей и филиалы, а также внедрять новые функции по мере роста бизнеса Bright English. Это гарантирует, что система будет соответствовать потребностям школы даже в будущем.
02
Создание карты сайта
Мы начали разработку интерфейса с создания подробной карты сайта, включающей все основные разделы системы: «Дашборд», «Отчёты», «Учебный процесс», «Сотрудники», «Финансы» и другие. Это позволило нам спроектировать простую и понятную навигацию, обеспечивающую быстрый доступ к нужной информации.
Но возможно ли учесть все заранее?
03
Прототип
Разработка детализированных макетов интерфейса для определения структуры и расположения элементов на экране.
Основное внимание уделялось функциональности и удобству использования. Мы провели несколько итераций прототипирования, внося изменения на основе обратной связи от будущих пользователей.
Оптимизация структуры, добавление подсказок и перераспределение элементов позволили значительно улучшить удобство использования и соответствие потребностям пользователей. Это позволило сэкономить время и ресурсы на более поздних этапах разработки.
04
Дизайн, ориентированный на пользователя
Наша задача заключалась в создании простого и лёгкого интерфейса, несмотря на сложность и объём функционала. Интуитивно понятный дизайн позволяет пользователям быстро освоить систему и эффективно решать задачи.
Каждая деталь, от расположения элементов до визуальных подсказок, была продумана для оптимизации рабочего процесса и повышения продуктивности пользователей.
Шрифты и цвета
Цветовая палитра и типографика подобраны таким образом, чтобы обеспечить комфортную работу даже при длительном использовании. Шрифт Roboto легко читается даже при большом объёме информации.
В качестве фона выбран градиент из приглушённых основных цветов, что добавляет лёгкости и заполняет пространство между блокам. Такой фон отлично вписывается в философию школы и не мешает воспринимать важную информацию.
Иконки
Тщательно подобранные иконки, соответствующие задачам и функционалу, помогают пользователям интуитивно понимать назначение элементов интерфейса и ускоряют навигацию по системе. Чёткие, лаконичные и легко узнаваемые иконки обеспечивают единый визуальный стиль
Компоненты
Компонентный подход сыграл ключевую роль, обеспечивая гибкость, масштабируемость. Разбиение сложного интерфейса на небольшие, независимые компоненты позволило переиспользовать их в различных частях системы, значительно ускоряя процесс дизайна и снижая вероятность ошибок.
Адаптивность
Анализ пользователей
Мы понимали, что не все пользователи имеют постоянный доступ к компьютеру. Поэтому адаптивный дизайн был одним из приоритетов. Мобильная версия Bright Era позволяет сотрудникам и клиентам школы оставаться на связи и решать задачи в любом месте и в любое время.
Почему мобильная версия так важна?
Журнал для преподавателя
Преподаватель может быстро отметить учеников и в конце занятия выдать им домашнее задание, даже если он находятся вне класса.
Все всегда с собой
Ученики и родители могут в любой момент отследить успеваемость и расписание занятий
Быстрые отчёты для руководителя
Даже находясь в отъезде можно следить за успехами школы
Работа на ходу
Ни одна важная задача не останется незамеченной.
Почему PWA
Для мобильной экосистемы мы выбрали технологию Progressive Web App (PWA) вместо нативных приложений на Swift и Kotlin. Это позволило в 3 раза ускорить запуск и снять барьеры перед пользователями.
Без установки из App Store / Google Play
Ученики и родители мгновенно получают приложение на свой экран без регистрации в магазинах приложений, санкционных блокировок и сложных установок.
Мгновенная доставка обновлений
Любые изменения в дизайне, новые разделы или функции доступны всем пользователям моментально при следующем входе. Никаких ручных обновлений.
Полноценные Push-уведомления
Информирование родителей о выставленных счетах, учеников — о домашних заданиях, преподавателей — об отмене уроков в реальном времени.
Быстродействие и оффлайн-доступ
Кэширование расписания и последних оценок обеспечивает мгновенный доступ к ключевой информации даже в условиях нестабильного интернета.
Сравнение эффективности
Полная независимость от санкций и блокировок App Store / Google Play.
PWA: 1.5 месяца
Время от идеи до запуска. Native: 5 месяцев
Экономия 60% бюджета
Стоимость разработки и поддержки. Единая кодовая база на React.js вместо раздельных команд под iOS и Android экономит миллионы рублей на ежемесячной поддержке.
Экосистема продукта
Bright Era - это не просто отдельный сервис, а целое семейство из 5 взаимосвязанных приложений, спроектированных под уникальные сценарии каждой роли для исключения рутины.
Технологии, которые мы используем
Первые модули Bright Era уже используются школой в повседневной работе. Для достижения всех поставленных целей наша команда использует современные технологии.
React.js
Обеспечивает высокую производительность и удобство и динамичный интерфейс для пользователей.
Laravel
Гарантирует безопасность, масштабируемость и простоту поддержки системы.
Если ваш бизнес вырос из Excel и мессенджеров — мы знаем, как спроектировать систему под вас.
Что показывает этот проект?
Мы умеем разбираться в сложных бизнес-процессах, проектировать системы с множеством ролей и сценариев, и доводить дизайн до уровня, готового к разработке.
Подобный подход применим к любому бизнесу с множеством ролей и процессов:
- учебные центры
- клиники
- фитнес-студии
- сервисные компании
