logoMain

Onsite

Built a web app for construction project management with customizable features to serve various users seamlessly.

Mobile app
Web app
Onsite mockup

The Challenge

Onsite Teams, a construction project management platform, had limitations such as the absence of company and project-level analysis tools, web application, billing and client communication features, and poor user interface.

The platform's complexity made it challenging for non-tech-savvy users, while the lack of visibility to labor members led to communication issues. Addressing these limitations could have improved the platform's functionality, user-friendliness, and value.

Design Process

Discover

In the discovery phase, we gained a deep understanding of the user requirements, business goals, competitors’ strengths and weaknesses, industry trends, and the current state of the product.

Define

In the define phase, we analysed the information we’ve obtained to draw insights and defined the goals, objectives, and our strategy moving forward into the process.

Design

In this phase, we generated and explored a wide range of concepts through wireframes and lo-fi prototypes. We then developed a design language and applied the same throughout the designs.

Discover

We did research on current flows and found some issues, the main purpose to do this was to understand the application better and come-up with some solutions, In this our focus was only to understand current flows and find issues with in it, so later we would work on it.

We researched the current application flows to understand it better and identify issues. The aim was to find solutions to the issues, so our focus was solely on understanding the current flows and identifying problems to work on later.

Ideate

We created user personas based on our interviews with the stakeholders and put together the pain points that we gathered:

Onsite Ideate

Information Architecture

Design

During this phase we started implementing our solutions, these were high Fidelity Wireframes. these were not final solutions, we provided various solutions and Implemented/ Pick Solution after the Proper User Testing, We did User testing with Onsite Internal Team and Users. During this phase we started exploring the visuals, After N number of iterations these designs were finalise.​

Onsite design 1

Design Language

TYPEFACE

Aa

Manrope

ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
LIGHT
REGULAR
MEDIUM
SEMIBOLD
BOLD
#0E0436
#1A0C52
#5F44CE
#E5E7F3
#E2DBFF

Design System

We did research on current flows and found some issues, the main purpose to do this was to understand the application better and come-up with some solutions, In this our focus was only to understand current flows and find issues with in it, so later we would work on it.

Icons

Final Screens

Estimation Screen

Enables direct messaging between companies and users, facilitates estimation management, and enables users to comment on specific items for improved communication.

Creating BOQ​

Allows users to create a Bills. Can add multiple Items, and locations under it, created for Clients Work.

BOQ

Allow users to track the progress of work, bill can be generated on bases of updated work, progress log, billing history features.

BOQ

Progress Update form, allows to update the Progress of work.

Impact

Got a project in mind?