CadMakers - cmBuilder CAD Feature

Product, UX Design, CAD Tool

Design a Site Plan Converter from 3D to 2D

The construction project manager wanted a new feature in the cmBuilder, CAD software, converting the existing 3D site plan model into a 2D version with legends and title blocks.

cmBuilder is a web-based construction logistics planning platform. CadMakers helps builders plan, collaborate, and ship better and faster projects from start to finish.

Collaborations

Construction Project Manager, Lead Designer

My Role

Consulting work, UX/UI Design

Time

Oct 2021, 1 week

cmBuilder_feature

User Story

Construction project managers need a new feature in cmBuilder: generating a 2D Site Plan from their 3D version.

This 2D Plan should include legends and title blocks for easy printing and sharing at various site conditions for the stakeholders. It will be crucial to obtain permits and project approval from the city.

User Story

Define the Requirments

  1. To Better Communicate to the Stakeholders: The 2D map allows communication of different conditions at the construction site.
  2. Provide the 1st audit for the City:  The 2D map allows the City to permit and gather other requirements to start the project.
  3. Easy to Print: Where the construction site doesn’t have access to digital devices and for the users who want a more traditional medium for their working process.

Stakeholders + Users

  1. Project Stakeholders: They charge different parts of the smaller project within the plan. They care about the detailed conditions of the construction site.
  2. The City: They're the project gatekeepers, checking for any issues that might come up from the project construction for audit.
  3. Construction Project Manager and Drafters: They are the people who built the 3D plan site. They provide the initial idea of the plan.

Possible Features + Tools

Mapped features based on user story and requirements.

features

Possible features needed to complete the task.

User Flow

features

Steps to complete the 3D to 2D conversion task.

Existing UI

Existing UI

Wireframe

After analyzing the cmBuilder UI for improvements, I matched the upcoming features with the wireframe below to ensure seamless integration of new functionalities.

cmBuilder - wire step1

Creating Legend List Tools

cmBuilder - wire step2.1

Select Model Tool

cmBuilder - wire step2.2

Area Selector 1

cmBuilder - wire step2.3

Area Selector 2

cmBuilder - Editor, Label Name

Editor, Label Name

cmBuilder - Editor, Add Notes

Editor, Add Notes

cmBuilder - Editor, Add Markers

Editor, Add Markers

cmBuilder - Editor, Add Block and Map Info

Editor, Add Block and Map Info

cmBuilder - Legend List

Legend List

cmBuilder - Export

Export

Prototype

Walk through of the site plan converter from 3D to 2D prototype in cmBuilder.

Figma Prototype