AI-платформа Drawer AI

AI-платформа для автоматизованих електротехнічних розрахунків

DevOps

UX/UI дизайн

Клієнт

Drawer AI

Індустрія - AI-технології для будівництва

Локація - США

Послуги

Frontend Development

SaaS Web Application Development

UI Implementation

Integration of AI-generated data into the interface

Performance Optimization

Responsive Web Development

Технологічний стек

React - stack technology Malevich company

Next.js - stack technology Malevich company

Typescript - stack technology Malevich company

Docker Swarm - stack technology Malevich company

Виклик

01.

Розробити frontend частину складної SaaS-платформи та перетворити технічні процеси електротехнічного проєктування й кошторисування на зрозумілий і зручний веб-інтерфейс. Дати користувачам можливість працювати з кресленнями, перевіряти результати AI-аналізу, керувати даними проєкту та переходити від PDF-планів до розрахунків і звітів у межах єдиного послідовного процесу.

РішенняРішення

Розроблено frontend для роботи з PDF-кресленнями та проєктними даними, включно з інтерфейсами для перегляду й перевірки AI-згенерованих результатів. Створено робочі екрани для автоматичного підрахунку fixtures/devices, маршрутів та електротехнічних розрахунків, а також дашборди, таблиці й інструменти для перевірки та редагування технічних даних.

Реалізовано підготовку та експорт результатів у Excel/PDF, а також оптимізовано UX і продуктивність інтерфейсу для роботи з великими обсягами технічної інформації.

Технології:

React + Next.js

Дозволили створити складні інтерфейси з великим обсягом даних, таблицями, дашбордами та різними робочими сценаріями без втрати швидкодії.

0105

React + Next.js

Дозволили створити складні інтерфейси з великим обсягом даних, таблицями, дашбордами та різними робочими сценаріями без втрати швидкодії.

TypeScript

Допоміг зменшити кількість помилок у складній бізнес-логіці та спростив підтримку й подальший розвиток великого SaaS-продукту.

AWS

Забезпечив стабільну та масштабовану інфраструктуру для роботи з великими файлами, технічними кресленнями та AI-обробкою на платформі.

Docker

Уніфікував середовища розробки та продакшену, зробивши розгортання сервісів більш передбачуваним і зручним в управлінні.

CI/CD

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

Результат

01.

Оптимізований цифровий workflow

Складні процеси електротехнічного кошторисування перетворено на зрозумілий і структурований цифровий workflow.

0103

01.

Оптимізований цифровий workflow

Складні процеси електротехнічного кошторисування перетворено на зрозумілий і структурований цифровий workflow.

02.

Швидша обробка проєктів

Користувачі отримали можливість ефективніше працювати з кресленнями, перевіряти AI-згенеровані результати та переходити від PDF-планів до структурованих розрахунків і звітів.

03.

Зменшення ручної роботи

Проєктні дані та інструменти перевірки об’єднано в одному інтерфейсі, що допомогло скоротити кількість повторюваних ручних операцій.

Інші кейси

Веб-розробка

Energy Hub - сайт електромобілів

Сайт для продажу нових і вживаних електромобілів з Китаю та Європи

Дивитись кейс

Web dashboard for TravelTech | Malevich Studio Potrfolio

Веб-розробка

Bookido - дашборд для TravelTech

Веб-дашборд для TravelTech

Дивитись кейс