UX/UI
Front-end

ERP-система для Норвежской инвестиционной компании

Headless CMS
кейс стади ERP-система
  • отрасль
    ОТРАСЛЬ
    Финансы
    Недвижимость
  • технологии
    ТЕХНОЛОГИИ
    Node.js
    PostgreSQL
    Strapi
  • команда
    КОМАНДА
    6 человек
О КЛИЕНТЕ
Arctic Business Management AS— проектный отдел крупнейшего частного банка в Норвегии и часть компании Arctic Group. Подразделение занимается управлением недвижимостью, бизнесом, а также ведёт бухгалтерский учёт для синдикатов и инвестиционных фондов на рынке коммерческой недвижимости.
ЗАДАЧИ
Оцифровать бизнес-процессы отдела и привести их к единому стандарту. Сервис должен предоставлять доступ ко всем необходимым рабочим документам и данным, так чтобы сотрудникам не нужно было переключаться между разными приложениями.

Спроектировать и разработать ИТ-систему для ведения проектов отдела. Сервис должен охватывать весь масштаб работ команды и при этом быть максимально простым и понятным в использовании.

Мы также должны были разработать отдельный портал для членов правления компании, где можно ознакомиться с финансовыми показателями и отчётностью, а также получить статистические данные об инвестициях.
РЕАЛИЗАЦИЯ
Мы начали работу с этапа исследования под руководством бизнес-аналитика и продуктового дизайнера. На этой стадии плотно поработали с будущими пользователями: интервьюирование, опросы, описание взаимодействия с системой.

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

Чтобы максимально визуализировать процессы и упростить восприятие, мы собрали упрощённые карты для них.

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

Мы также описали каждый модуль продукта и взаимодействие внутри самой системы.
Подвигайте слайдер
Для теста первой итерации мы собрали интерактивный UX-прототип. Он помог визуализировать требования и представить, как будет выглядеть конечный продукт, а также протестировать разработанную систему на реальных пользователях — менеджерах компании клиента.
Так как мы погрузились в контекст и рабочие процессы клиента, то смогли создать интуитивно понятный и визуально привлекательный интерфейс, где ничто не отвлекает пользователей от главного — данных.

Мы также создали своеобразный брендбук из элементов дизайна. В итоге у нас получилось более 50 готовых макетов.

Руководство по визуальному стилю

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

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

Мастер форм

Мы использовали мастер для заполнения больших форм данных, чтобы разбить процесс создания и редактирования нового проекта на пять этапов.

Зачем? Процесс долгий, ёмкий и с множеством модальностей. Чтобы не пугать менеджера большими объёмами, мы разделили его на короткие шаги.

Незначительные изменения можно применить с помощью точечного редактирования по каждому конкретному модулю. Сам же мастер можно открыть, чтобы внести существенные изменения, всего лишь нажав на значок шестерёнки.

Вкладки

Каждый проект содержит исчерпывающую информацию обо всём, что связано с конкретным объектом недвижимости.

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

Поэтому нам пришлось придумать альтернативу — вкладки. Менеджер проекта может посмотреть всё, что связано с конкретной вкладкой, всего за один клик.
Вкладки дизайн
Планы зданий

Планы зданий

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

Такое решение мы подсмотрели на сайтах недвижимости. Мы немного упростили его, сделав минималистичным, чтобы не перегружать визуал.

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

Модуль планирования проекта

Календарь объединяет сразу несколько проектов и компаний в одном пространстве, предоставляя всесторонний обзор всех важных дат и событий.

Здесь также отображаются все участвующие в проекте сотрудники и аудиторы.

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

Календарь также создаёт автоматические задачи и отправляет их на дашборды занятых в проекте сотрудников и аудиторов.
модуль планирования проекта
РЕЗУЛЬТАТ
Автоматизировали работу проектного отдела крупнейшего частного банка в Норвегии.

Мы спроектировали и разработали кастомную ERP-систему с максимально комфортным UX, чтобы закрыть потребности сотрудников компании клиента в удобстве. Мы также объединили все важные приложения под одной крышей, создав своеобразную экосистему компании.

В итоге экономия операционного времени сотрудников составила не менее 40%. Если считать по средней загрузке, то пропускная способность отдела в среднем увеличилась на 35−45%.
ОТЗЫВ
Дэвид Ш.
Менеджер на стороне клиента

Мы сотрудничали с Аспирити для разработки собственной ERP-платформы. Они разобрались в наших потребностях и предложили менее затратные в разработке варианты.

Команда проекта — позитивные и ориентированные на качественный сервис профессионалы с необходимыми знаниями в своей области. Они несколько раз предлагали решения, которые превосходили наши собственные ожидания.
КОМАНДА
  • Евгения Иванова
    Менеджер проекта и Бизнес-аналитик
  • Мария Демешева
    Продуктовый дизайнер
  • Татьяна Брюханова
    Инженер по качеству
  • Максим Волков
    Fullstack Разработчик
  • Жанна Фирчук
    Frontend Разработчик
  • Владимир Кабоскин
    Frontend Разработчик
СТЕК ТЕХНОЛОГИЙ
React logo
PostgreSQL logo
Node JS logo
Strapi logo
потрясающая идея
Если хотите разработать что-то похожее или у вас есть
Назначьте встречу
Просто нажмите кнопку ниже и…