Студенческий координационный комитет (СКС) админ-панель
Компания
Студенческий координационный совет, включающий 1 400 000 участников и около 200 студенческих профсоюзов страны.
Задача
В 2019 году мы разработали мобильное приложение для клиента. Позже он вернулся с запросом на разработку админ-панели приложения, которая обеспечит простое и удобное управление и возможность внедрить дополнительный функционал.
Аналитика
Проектирование
UX-аналитика
Клиентская разработка
Тестирование
Технологии
React
RabbitMQ
Yii2
Docker
В основе проекта микросервисная архитектура. Сервисы общаются через RabbitMQ, используя паттерн RPC. Они написаны без использования фреймворков и ORM, чтобы увеличить производительность запросов с порционной выдачей результатов в несколько раз.
Мы реализовали три гейтвея – отдельный для мобильных приложений, для админ панелей и общий для аутентификации. Фронтенд написан на React, мобильные приложения на Kotlin и Swift. Админ-панель разработана с применением JavaScript библиотеки ReactJS.
Идея
Создать площадку, способную вместить, систематизировать и управлять большим количеством данных об университетах, студентах и партнерах. Использовать дизайн-систему, которая поможет пользователю интуитивно ориентироваться по всей панели. Внедрить ролевую иерархию, чтобы гарантировать разграничения в правах доступа для двух категорий пользователей.
Оператор и администратор
Административная панель подразумевает работу в одной из двух ролей – оператора и администратора. Оператор – человек на стороне университета. Он подтверждает аккаунты студентов, выкладывает новости о своем университете, анонсирует мероприятия. Администратор обладает расширенными правами – подключает университеты к системе, создает федеральные новости и опросы, заводит скидки от партнеров. Еще он наполняет базу знаний – контентный раздел в помощь студенту со статьями о правах, налогах, законах, финансах и т.д.
Панель супер администратора
Панель администратора
Удобный и функциональный интерфейс
Сайт сделан в единой дизайн-системе – все разделы работают по одной логике. Это поддерживается цветами элементов дизайна и их расположением. Так пользователь быстро осваивается и понимает, как функционирует система.
При создании дизайн-концепции мы ориентировались на чистоту и легкость восприятия. Пользователь без проблем разберется в интерфейсе даже с учетом больших объемов информации.
Карточка университета простая и минималистичная. Интуитивно понятно, как редактировать информацию и добавлять операторов.
Карточка партнера содержит дисконты, адреса, соцсети, отзывы и другую значимую информацию.
Мы понимали потенциал мобильного приложения, поэтому в админ-панели учли, что проект будет расти. Для этого разработали единую структуру таблиц, чтобы пользователям было удобно работать с ними. Файлы можно скачать в CSV и PDF форматах.
