Наш клиент специализируется на разработке и поддержке автоматизированных систем для аналитики, отчетности, планирования и решения других бизнес-задач, а также на интеграции внешних продуктов. Компания сотрудничает с крупными российскими организациями, в том числе государственными, такими как «Норильский Никель», «Полюс Золото», «Лукойл», «Юнипро», «РусГидро» и «НЛМК». Кроме того, среди ее партнеров — международные IT-компании IBM и KPMG.
После ухода некоторых западных компаний с российского рынка отечественный бизнес столкнулся с затруднениями: привычные программные решения стали недоступны, что могло негативно повлиять на бизнес-процессы. Поэтому в рамках импортозамещения наш клиент начал разработку собственного продукта: веб-приложения для корпоративной бизнес-аналитики. Бэкенд он разрабатывал сам, а наша команда занималась интерфейсом и фронтендом. Было важно, чтобы интерфейс был не только красивым, но удобным и интуитивно понятным — как в версии для ПК, так и на мобильных устройствах.
Перед началом работы клиент составил подробное техническое задание, в котором определил необходимые функции веб-приложения.
Кроме того, клиент указал требуемый стек инструментов и технологий. Разработка велась на языке TypeScript с использованием фреймворка React, а также библиотеки Redux для управления глобальным состоянием компонентов. Связь между фронтендом и бэкендом осуществлялась через REST API.
Для создания дизайна интерфейса и дизайн-системы мы выбрали сервис Figma.
Разработка велась параллельно — бэкенд на стороне клиента, фронтенд и UI/UX на нашей. Все необходимые данные, включая исходный код и API для доступа к бэкенду, мы получили сразу. Для разработки интерфейса веб-приложения применялся компонентный подход, что позволило закончить работу в срок и оставить задел для дальнейшего развития проекта. Кроме того, благодаря этому подходу пользователь быстрее привыкает к интерфейсу, и ориентироваться в приложении ему становится удобно и легко.
Было важно, чтобы дизайн интерфейса получился особенным, выделяющимся, «с изюминкой», но при этом интуитивно понятным для тех, кто уже пользовался подобными программными решениями. Мы создали несколько дизайн-проектов, из которых клиент выбрал два, попросив их скомбинировать. Итоговый вариант его полностью устроил, и макеты, адаптированные под мобильную версию, принимались без правок.
Кроме того, мы создали и передали клиенту дизайн-систему. Такое решение позволяет развивать и расширять приложения и сайты, не тратя время на создание компонентов с нуля и сохраняя единый стиль интерфейса, что значительно упрощает задачу разработчиков.
Над проектом работали четыре наших специалиста, и он был реализован за три месяца. Мы полностью создали интерфейс веб-приложения, разработали фронтенд и объединили его с разработкой клиента. По итогам клиент получил удобный, красивый и легкий в освоении инструмент, который уже прошел сертификацию в Росреестре и помогает отечественному бизнесу эффективнее управлять внутренними процессами.
