Авторизация
Забыли пароль?
Сброс пароля
Вернуться к авторизации

Разработка информационной системы

28 августа ‘25

Заказчик: Масштабный проект

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

Агентство-исполнитель кейса

Mish

Дизайн–лаборатория Mish — это команда талантливых дизайнеров и иллюстраторов. Каждый день мы справляемся с вызовами, которые бросают нам сложные проекты. Мы продумали внутреннюю логику для масштабного проекта, разработали систему и обновили дизайн.

1. Вводная задача от заказчика, проблематика, цели

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

Совместная разработка логики (Формирование логики): Логика системы создавалась в тесном сотрудничестве с заказчиком. На основе пула неструктурированных данных на созвонах формировались гипотезы, дизайнеры отрисовывали интерфейс, а затем передавали ТЗ разработчикам. Этот итеративный процесс продолжается и сейчас.

Техническая реализация (Этап разработки):

  • Дизайн: Создан UI-Kit и библиотека компонентов для быстрой сборки интерфейса.
  • Фронтенд: Использованы React и Storybook.
  • Бэкенд: Выбраны next.js, express и база данных PostgreSQL.
  • Интеграция: Данные интегрируются с внутренними системами заказчика через REST API с двусторонней синхронизацией.
  • Безопасность: Реализована ролевая модель для серверной и клиентской частей, протестированная тестировщиками за две недели.

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

Ключевые фичи:

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

3. Результаты сотрудничества

Мы продумали внутреннюю логику, разработали систему и обновили дизайн, создав современный, минималистичный и удобный self-service портал для управления продуктовым каталогом и жизненным циклом продуктов.

4. Заключение

Проект стартовал в 2021 году после выигранного тендера в 2020-м. Сейчас этап активной разработки завершен, и команда перешла на поддержку, продолжая добавлять новые функции по запросу заказчика. Это демонстрирует успешность выбранного подхода и долгосрочный характер сотрудничества.

Агентство-исполнитель кейса

Mish

Дизайн–лаборатория Mish — это команда талантливых дизайнеров и иллюстраторов. Каждый день мы справляемся с вызовами, которые бросают нам сложные проекты. Мы продумали внутреннюю логику для масштабного проекта, разработали систему и обновили дизайн.