Разработка личного кабинета студентов и преподавателей в мобильном приложении UMed

Главное о кейсе

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

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

Задачи команды Else Digital:
создать нативные приложения для iOS и Android с идентичной бизнес-логикой;
обеспечить безопасный обмен данными через API с существующей системой на Bitrix;
реализовать ролевую модель для абитуриентов, студентов и преподавателей с динамическим отображением информации.

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

Ключевые особенности проекта:
— интеграция с существующей системой на Bitrix через отдельный API-слой для безопасного и масштабируемого обмена данными;
— единая логика и интерфейс для разных ролей пользователей с динамическим отображением релевантного контента;
— поддержка push-уведомлений и мгновенной коммуникации;
— стабильная работа приложений при нестабильном интернет-соединении и обработка ошибок на клиентской стороне.

Результаты:
современный мобильный интерфейс с удобной навигацией;
оперативные push-уведомления для всех ролей пользователей;
масштабируемая архитектура с API, готовая к дальнейшему развитию;
снижение нагрузки на поддержку и повышение вовлеченности студентов и абитуриентов.

На английском:

UMED is a mobile app for an educational college that brings the website’s key features to a user-friendly format for smartphones and tablets, providing quick access to academic information and facilitating communication among students, prospective students, and faculty.

The goal of the project is to create an app that mirrors the college website’s logic while functioning seamlessly on mobile devices, providing instant notifications and serving as the primary channel for user interaction.

The Else Digital team’s objectives:
to develop native apps for iOS and Android with identical business logic;
ensure secure data exchange via API with the existing Bitrix system;
implement a role-based model for prospective students, students, and faculty with dynamic information display.

Business objectives addressed:
make the website’s key features accessible on smartphones;
increase communication speed via push notifications;
reduce the support workload thanks to a user-friendly interface and intuitive navigation.

Key project features:
— integration with the existing Bitrix system via a separate API layer for secure and scalable data exchange;
— unified logic and interface for different user roles with dynamic display of relevant content;
— support for push notifications and instant communication;
— stable app performance with unstable internet connections and client-side error handling.

Results:
a modern mobile interface with intuitive navigation;
timely push notifications for all user roles;
a scalable architecture with an API, ready for further development;
reduced support workload and increased engagement among students and prospective students.

Как проект изменил жизнь пользователей

UMED превратил взаимодействие со студенческим и абитуриентским порталом из неудобного сайта в быстрый и удобный мобильный сервис.

Студенты и абитуриенты больше не сталкиваются с громоздкими формами, ограничениями веб-браузера и отсутствием уведомлений — весь функционал личного кабинета доступен через мобильное приложение, а важные события и обновления приходят мгновенно через push-уведомления.
Преподаватели могут оперативно публиковать оценки, расписания и учебные материалы, получать уведомления о действиях студентов и контролировать процесс обучения без необходимости работать через сайт на компьютере.
Руководство колледжа получает полный контроль в одном интерфейсе: видит активность пользователей, отслеживает подачу документов абитуриентами, анализирует вовлеченность студентов и оперативно реагирует на проблемы.

Благодаря интеграции с существующей системой на Bitrix и отдельному API слой, все данные надежно синхронизируются, обеспечивая стабильную работу приложения даже при нестабильном интернете.

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


На английском:

UMED has transformed the student and prospective student portal from a cumbersome website into a fast and convenient mobile service.

Students and prospective students no longer have to deal with cumbersome forms, web browser limitations, or a lack of notifications—all the features of their personal account are available through the mobile app, and important events and updates arrive instantly via push notifications.
Instructors can quickly post grades, schedules, and course materials, receive notifications about student activity, and monitor the learning process without having to use the website on a computer.
College administrators gain full control within a single interface: they can view user activity, track document submissions by applicants, analyze student engagement, and respond promptly to issues.

Thanks to integration with the existing Bitrix system and a separate API layer, all data is reliably synchronized, ensuring stable app performance even with an unstable internet connection.

As a result, UMED users received not just a convenient service, but a full-fledged mobile tool that speeds up communication, increases engagement, and makes the educational process transparent, while enabling the college to be managed more effectively.

Бизнес-задача и ее решение

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

Мы разработали нативные приложения для iOS и Android с интеграцией через отдельный API-слой с существующей системой на Bitrix. Приложения автоматически получают данные из сайта, учитывают роли пользователей — абитуриентов, студентов и преподавателей — и показывают только релевантную информацию. В приложении реализованы push-уведомления, расписание занятий, оценки, подача документов и другие ключевые функции личного кабинета.

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

На английском:

We needed to create a mobile app for UMED that would bring the college website’s key features to a user-friendly mobile format, providing quick access to academic information, communication, and notifications for students, prospective students, and faculty.

We developed native apps for iOS and Android, integrated via a separate API layer with the existing Bitrix system. The apps automatically retrieve data from the website, account for user roles—prospective students, students, and faculty—and display only relevant information. The app features push notifications, class schedules, grades, document submission, and other key personal account functions.

Automated data exchange, a role-based approach, and secure integration with the existing system have made the user interaction process faster, reduced the support workload, and ensured transparent and stable access to information without compromising data accuracy.

Крафт (мастерство), реализация, технические детали

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

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

Техническая основа: Swift для iOS, Kotlin для Android, PHP (Symfony) для API-слоя, который обеспечивает безопасный и масштабируемый обмен данными с Bitrix. Поддержка оффлайн-режима и обработка ошибок при нестабильном соединении гарантируют стабильную работу приложений.

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

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

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


На английском:

Architecture: A unified mobile education platform, rather than a collection of disparate solutions. Mobile apps for iOS and Android work in tandem with the college’s website via an API layer, where user data, roles, and academic information are synchronized in real time.

Automation and business logic: The apps fully automate access to schedules, grades, documents, and notifications. The logic accounts for the roles of applicants, students, and faculty, eliminating manual operations and errors in information display.

Technical stack: Swift for iOS, Kotlin for Android, PHP (Symfony) for the API layer, which ensures secure and scalable data exchange with Bitrix. Support for offline mode and error handling during unstable connections guarantee stable app performance.

Security and reliability: authorization and access rights verification at the API level, data encryption, and isolation of the mobile app from the website’s internal logic, ensuring operation without the risk of data loss or corruption.

Accessibility: The apps run on mobile devices and tablets, require no complicated installation, and allow users to access key college functions anytime, anywhere.

Transparency and control: all data and notifications are centralized in a single interface; faculty and college administrators can track user activity, document submissions, and academic performance in real time.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

Реализация:

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

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

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

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

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

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

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

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


На английском:

Insights:
The college’s traditional website was no longer meeting the real needs of students, prospective students, and faculty: mobile access was cumbersome, notifications were not delivered on time, and the interface was not optimized for smartphones.
Users wasted time searching for information and interacting with the system, while the college administration struggled with process control and communication.
Off-the-shelf solutions for education often do not integrate with existing platforms and do not account for user roles, making them unsuitable for a real college.

Hypothesis: By creating native mobile apps integrated via API with the existing system, and taking into account the roles of applicants, students, and faculty, we can make access to educational information fast, convenient, and secure—without data loss and without the need to redesign the website.

Implementation:

When creating UMED, the key focus was on designing the mobile
app as an extension of the website, rather than a standalone product.

We began by analyzing the current system: we examined the website’s architecture on Bitrix, identified key features for the mobile format, described user scenarios, and determined the critical functions that must be accessible on a smartphone.

User scenarios formed the basis of the architecture:
— prospective students and current students access schedules, grades, documents, and notifications via the mobile app;
— instructors can post grades, monitor the learning process, and promptly receive information about student activities;
— college administrators view comprehensive analytics and statistics in a single interface.

All processes are integrated via API, allowing data to be securely retrieved and synchronized with Bitrix without interfering with the website’s core.

Special attention was paid to role-based logic and adapting interfaces for different user types: each user sees only relevant information and functions, which eliminates errors and simplifies working with the application.

During development, the team tested the application in real-world usage scenarios, including unstable internet connections and heavy traffic, to ensure stability and reliability.

The main challenge was balancing three factors: user convenience, data security, and seamless integration with the existing system. All solutions were tested both in terms of UX and in terms of correct data display and synchronization.

Result: UMED has become a full-fledged mobile tool for the college that speeds up access to educational information, increases engagement among students and prospective students, facilitates the work of faculty, and provides the administration with a transparent and manageable channel for process control.

Скриншоты