the urban builder

Case Study: Urban Builder – Redesigning the Construction Management Platform

Urban Builder is a construction management platform designed to streamline the planning, execution, and monitoring of construction projects. It is primarily targeted at contractors, construction companies, and project managers who need to oversee multiple aspects of their operations, such as resource allocation, budgeting, timeline management, and collaboration with teams and clients.

As a Product Designer on the project, my role was to revamp key sections of the platform to improve usability, increase engagement, and reduce inefficiencies for users. The areas of focus included the project dashboard, task management system, and collaboration tools. The goal was to create a seamless, intuitive, and efficient system to support construction teams in managing their day-to-day activities.

Challenges:

Complex Workflow and Information Overload:
- Construction project management can involve multiple stakeholders, tasks, and complex workflows. The old platform lacked a clean, organized way of displaying this information, making it hard for users to stay on top of their responsibilities.
User Segmentation:
- The platform was used by a diverse group of users including project managers, contractors, subcontractors, and clients, each with varying technical expertise. The design had to accommodate all these users while remaining intuitive for those without a strong technical background.
Collaboration & Communication Issues:
- Effective collaboration between the various parties was challenging. Users often struggled with keeping track of communication around tasks, milestones, and approvals, which led to delays and misunderstandings.
Mobile Usability:
- Construction managers and field workers frequently use mobile devices to manage their tasks and communicate. The existing platform had usability issues on mobile, making it hard to access key information while on the go.

Approach:

1. Project Dashboard Redesign:

Research & Insights:

User Interviews & Feedback: We conducted interviews with construction managers and project leads to understand what information they needed to access regularly. Common feedback included a desire for a quick, high-level overview of all ongoing projects, timelines, and key metrics in one place.
Pain Points: Users struggled with navigating between multiple pages to check the status of different projects, financials, or timelines. Many also had difficulty finding critical updates and approvals.

Design Strategy:

Simplified Information Architecture: The dashboard was redesigned to consolidate critical data into one central view. We included:
- Project Status Tracker: Visual indicators of project health (on track, delayed, at risk) and an overall progress bar to give users a snapshot of where things stand.
- Upcoming Deadlines and Milestones: Important deadlines and project milestones were highlighted in a calendar view, allowing users to quickly see what’s coming up.
- Task Overview: A summary of key tasks that needed attention, such as approvals, budget updates, and resource allocation.
Customization Options: We allowed users to personalize their dashboards with widgets, so they could prioritize the data that mattered most to their specific role.

Outcome:

The new dashboard layout led to a 35% reduction in time spent searching for project updates. Users appreciated having a single pane of glass for all relevant project data.

2. Task Management System:

Research & Insights:

Task Complexity: Construction projects often involve hundreds of small tasks that are interdependent. These tasks can range from procurement of materials to securing approvals. The previous task management system failed to capture these relationships effectively, leading to confusion and mismanagement.
User Needs: Users wanted a simple way to manage tasks, track their progress, assign responsibilities, and ensure deadlines were met.

Design Strategy:

Task Dependencies & Prioritization: We implemented a Gantt chart-like view to visualize task dependencies and timelines. This allowed users to see which tasks needed to be completed before others and how delays in one task could affect the overall project.
Task Filtering & Search: We improved task categorization by adding filters for due dates, project phases, and assigned team members. The search functionality was also improved to allow users to quickly locate tasks based on specific criteria.
Progress Tracking & Notifications: Each task included a status (Not Started, In Progress, Completed) and a progress tracker. Notifications were sent when tasks were approaching deadlines, or when approvals were needed.

Outcome:

The task management redesign improved task completion rates by 40%, as teams were better able to prioritize their work and stay on top of deadlines.

3. Collaboration Tools:

Research & Insights:

Communication Breakdowns: Multiple teams (designers, contractors, project managers) often had difficulty sharing updates, discussing issues, and getting approvals in a timely manner. Emails were getting lost, and communication was fragmented across different channels.
User Needs: Users needed a more integrated way to collaborate, share documents, and communicate directly within the platform.

Design Strategy:

Integrated Chat & Commenting: We built in-app messaging and commenting features for tasks, milestones, and documents. Each task had its own comment thread, where users could ask questions, provide updates, and tag relevant stakeholders for action.
Document Sharing & Version Control: We integrated a document management system, allowing users to upload and share blueprints, contracts, and other project documents. Version control ensured that everyone was working with the most up-to-date documents.
Real-Time Notifications & Approvals: Users received real-time notifications when a task was updated, a comment was added, or an approval was needed. Approval workflows were simplified to allow stakeholders to approve actions directly from within the app.

Outcome:

After launching the new collaboration tools, we saw a 50% decrease in miscommunication-related delays and a 30% improvement in overall team productivity. Teams were able to work more cohesively and efficiently within the platform.

4. Mobile Usability:

Research & Insights:

Mobile Accessibility: Construction workers and managers often work in the field, away from a desktop computer. Mobile accessibility was essential to ensure that teams could update tasks, communicate, and access project information on the go.

Design Strategy:

Mobile-First Design: We redesigned the mobile version of the platform, focusing on simplified navigation, touch-friendly interfaces, and fast-loading pages for field workers who often have unreliable internet connections.
Offline Functionality: We introduced offline capabilities, allowing users to continue working on tasks or reviewing documents when they didn’t have internet access. Changes would sync automatically once they were back online.

Outcome:

The mobile redesign led to a 25% increase in mobile usage by field workers. They could now complete tasks, review documents, and collaborate while on-site, increasing operational efficiency.

Final Results:

Improved Project Visibility: The new dashboard design allowed project managers and teams to quickly assess project health, track progress, and take necessary actions with minimal friction.
Enhanced Task Management: Users were able to manage tasks more efficiently, reducing delays and improving communication about dependencies and deadlines.
Seamless Collaboration: The integrated chat and document management system eliminated the need for external communication tools, streamlining the flow of information and approvals.
Greater Mobile Engagement: The mobile version of the platform became more reliable and accessible, particularly for workers in the field, resulting in better real-time collaboration and task management.

Lessons Learned:

Designing for Simplicity: While construction projects are inherently complex, the key to user adoption is making tools simple and intuitive. Users don’t need all the features; they need the right features, presented in an easily digestible format.
User Feedback is Vital: Regular feedback from real users was critical in understanding the pain points of contractors, managers, and field workers. This allowed us to refine the design based on actual needs.
Collaboration Tools are Essential: Effective communication is crucial in a construction environment. Embedding real-time collaboration features directly into the platform helped eliminate the silos that often cause delays in project timelines.

Conclusion:

The redesign of the Urban Builder platform successfully addressed several challenges in construction project management, including improving information accessibility, streamlining task management, enhancing collaboration, and ensuring that field workers could stay connected through mobile devices. By focusing on user-centered design and simplifying complex workflows, the platform became a more powerful tool for managing construction projects effectively and efficiently. This case study showcases the importance of clear communication, real-time data, and easy-to-use design in the context of a multifaceted industry like construction.

H

Code, UI/UX, Web design