Documents Platform for Architects

Compa improves project management and profitability for architectural and engineering businesses. It makes things more efficient by solving their challenges.

Challenge

Firms in architecture and engineering were bogged down with several issues. They had trouble organizing project costs well. They often got lost in the details of multi-stage projects. Users also spend too much time on repetitive tasks. Unstructured work and cost management caused financial uncertainties and operational inefficiencies.

Result

Compa’s interface saved time by doing less repetitive work. This lets users concentrate on more important parts of their projects. They also managed project costs better and made them more clear. They matched up with different service stages and made financial planning better. 

0
Ease of use score
0%
Design-to-code success
0
Screens made
0 month
Launch time
+0%
User retention

Description

Compa focused on simplifying the complexities faced by architectural and engineering firms. We made the design more focused on users. We fixed important problems like managing project costs and doing repetitive tasks. So things became more efficient and profitable. With a lot of testing and designing, we make the interface better. Now interface saves time on administrative tasks and helps with making decisions.

Bill of Quantities

Problem

Construction and engineering workers had difficulty with their current systems for creating and updating Bills of Quantities. The systems were slow, confusing, and prone to errors. This caused project delays and extra costs.

Solution

We made a simple interface for users. They can easily add, change, and keep track of materials and costs. Our system updates everything right away, so any changes are seen immediately. We also added features to find and fix mistakes. This made the process faster, less prone to errors, and better for managing projects and budgets.

Templates

Problem

It was hard and took a long time for people to make new documents. They had to start over each time. This meant doing the same work again and again. This was particularly difficult for people who needed the same documents frequently.

Solution

We created a set of pre-made templates. Now users can choose an almost right template and just tweak it a bit. It saves a lot of time because they don’t have to start each new document from scratch. This new approach is quicker and much simpler for everyone.

Photo Import

Problem

It was hard and slow for people to upload and sort project photos. They were stuck with slow uploads, hard-to-use menus, and no easy way to organize their pictures. This was really frustrating, especially for those with lots of photos.

Solution

Our fix was to make adding photos really easy. We set up a system where you can just drag your pictures in and they get uploaded fast. We also made a feature that sorts your photos by itself, so you don’t have to. This made everything much quicker and easier for users.

Budgeting

Problem

Managing money was tough and took a lot of time for users. They were using hard tools that made it tricky to keep an eye on spending and plan their money right. This often led to spending too much or not using their money well.

Solution

The feature lets users quickly add the information. We added tools to sort expenses automatically. Users can see where their money goes and manage it better. They don’t need to do the difficult tasks usually associated with budgeting.

Technology

Interface seamlessly aligns with the development frameworks, ensuring a cohesive and user-friendly experience.

Ant Design

Ant Design system

Figma

AUTO-LAYOUTS, COMPONENT DESIGN SYSTEM, CUSTOMIZATION

Components Library

Challenge

The application did not have a centralized system for design elements. Because of this, it was difficult to keep a consistent look and feel across the application. The repetitive work was inefficient and caused small inconsistencies in the design. These inconsistencies affected the overall user experience.

Solution

The components library had reusable design elements like buttons, menus, and input fields. These elements were standardized for style, size, and color. Designers could use these pre-made components to quickly build and update interfaces. The components library became a crucial tool for efficient and consistent design.

Problem solving

We spoke with users and heard their problems and ideas. This helped us improve the platform’s design.

Architecture

We start by planning how the app will be built. This is like drawing a map that shows where everything in the app should go. We ensure that users can easily find what they need. The app can also grow and change in the future without any problems.

Wireframing

Then, we create wireframes. We draw simple outlines of each page or screen, showing where all the parts like buttons, images, and text will go. It’s not about making it look pretty yet, it’s about arranging everything in the right place.

Design system

A design system is a set of rules and components used throughout the entire app. It includes colors, fonts, buttons, and more. Having a good design system makes it easier to create new app elements because we already know which tools to use.

Prototype & Testing

Last, we create prototypes, which are like a test version of the app. The prototype lets us and others try it and see how it works. We thoroughly check everything to ensure it is both easy and enjoyable to use. If we come across any issues, we promptly fix them.

Customer’s feedback

“The workflow between both teams was very effective. They are responsive, well-organized, and knowledgeable. In the end, they have delivered great UI/UX.”

Armin Bognar
CPO, Compa

Ready to redesign your product?

A great product is the one designed with the client’s business goals in mind!

Let’s discuss your design challenges

Please leave your email so we can contact you

Done!

    This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

    Need estimation?

    Tell us a little more about your product so we can estimate it

    Looking for a designer?

    We'll help you make the right choice!