Complete Spatial And Inspection Data Platform For Drone And Other Data Sources

INDUSTRY
TECHNOLOGY

Complete Spatial And Inspection Data Platform For Drone And Other Data Sources

Problem

Our client (a leading provider of drone-based site capture solutions) needed a powerful, web-based platform to help their clients visualize and interact with complex geospatial data. The platform had to do more than just display drone imagery, it needed to offer:

High-resolution 3D digital twins

Linked photo views for detailed asset inspection

Support for GIS and BIM overlays, satellite data, and IoT feeds

Measurement, annotation, and collaboration tools

Full functionality in cloud-hosted environments


Solution

We engineered a feature-rich, browser-based platform for presenting drone data with a focus on asset inspection, site planning, and interactive collaboration. Users can securely access high-fidelity 3D models from any device.

Use Cases

Digital twin of your site or assets

High-resolution 3D models, with linked photo view for asset inspection

Measurement and annotation tools, including issue discussion threads

3D site capture for safety inductions, management, planning, or tender packages

Fully customisable for specific industries, clients, or integrate with 3rd-party software

Team

1 Full–Stack Developer

QA Engineer

Project Manager

Cesium Engineer

Services we offered

End-To-End Development

Quality Assurance

Project Management

Market Specifics

Trusted by top companies in construction, transport, and energy

Used in major projects like Sydney Trains and Ausgrid recovery

Proven in large-scale, high-risk infrastructure inspections

Deliverables

A web app with a 3D viewer

Client Goals

The client wanted to develop a platform that would:

  • Display drone-captured data as detailed 3D site models
  • Allow users to inspect assets through linked photos within the 3D view
  • Support integration with various data types like photogrammetry, LiDAR, bathymetry, GIS, BIM, 360° images, and video
  • Include tools for measuring, adding annotations, and discussing issues directly in the model
  • Enable easy comparison of before-and-after site conditions
  • Allow hosting of documents such as as-built drawings, PDF reports, and live IoT data
  • Works online without the need for heavy software
  • Be flexible and customizable to meet the needs of different industries and support integration with external systems
gif landscape

Target audience

Construction teams


Asset managers


Mining and energy companies


Surveyors and engineers


Government agencies


Environmental teams

Core Features

icon_7

3D Digital Models

View high-resolution 3D site models generated from drone and other data.

icon_8

Linked Photo Viewer

Inspect assets by clicking on specific areas to view detailed photos.

icon_9

Measurement Tools

Measure distances, areas, and volumes directly within the 3D model.

icon_10

Annotations & Comments

Add notes, tags, and issue discussions for team collaboration.

icon_11

Object Detection via Machine Learning

Rust Detection: Detects corrosion on structures for quick repairs.
Electric Pole Detection: Identifies electric poles in drone images for utility tracking.

icon_1

Multi-Source Data Support

Combine drone, LiDAR, GIS, BIM, and 360° imagery, KML, GPX, and GeoJSON.

Before/After Comparison

Easily compare site changes over time using toggle tools.

Document Hosting

Upload and view PDFs, as-built drawings, and reports.

Live Data Integration

Connect live IoT data feeds for real-time asset monitoring.

Customizable & Extendable

Tailor the platform for different industries or integrate with other systems.

Additional features

Browser-Based Access

No software installation needed; it works on any modern web browser.

User Access Control

Manage permissions and roles for different team members or stakeholders.

360° Panoramas & Video Support

View immersive media alongside spatial models for better context.

Tablets and iPads are Friendly

Optimized for tablets and iPads for use in the field.


Achievements

  • Successfully deployed across major infrastructure, construction, and mining projects.
  • Enabled remote inspections, reducing on-site visits and improving safety.
  • Helped clients identify and resolve site issues faster through visual collaboration.
  • Supported multi-million-dollar tenders and planning with accurate 3D site data.
  • Integrated with various data sources, improving workflow efficiency.
  • Scaled to manage large and complex project sites across multiple industries.
  • Contributed to better environmental monitoring through accurate change detection.
  • Delivered consistent performance even in remote environments.
  • Received positive feedback for its ease of use and customizable features.
achievements

Tech Stack

Front-End

Reactjs

React.js

CesiumJS

CesiumJS

Back-End

Nodejs

NodeJS

aws-ec2

AWS EC2

aws-s3

AWS S3

aws-cloud

AWS Cloudfront

Roboflow

Roboflow

tensorflow

TensorFlow

Database

mongo-db

MongoDB

Quality Assurance Strategies

To ensure the delivery of a high-quality platform, we implemented a robust set of quality assurance (QA) strategies throughout the development lifecycle. The following key strategies played a vital role in maintaining performance, security, and usability:

Cross-Browser and Cross-Device Testing

Ensured the platform performs consistently across major browsers and devices, including mobile and tablets.

Performance Testing

Tested loading times and responsiveness for large datasets and 3D models to ensure a smooth user experience.

Data Accuracy Validation

Cross-checked 3D rendering, measurement tools, and annotations to ensure high spatial accuracy and reliable outputs.

Regression Testing

Ran automated and manual tests after each update to make sure new features didn’t break existing ones.

User Acceptance Testing (UAT)

Collected feedback from real users in target industries to ensure the platform met real-world needs.

Bug Tracking and Continuous QA Cycles

Used tools like Jira or Trello for issue tracking and maintained an ongoing QA process alongside development.

Testing Methodology

To ensure the platform delivered reliable performance, accuracy, and a seamless user experience, we followed a structured and iterative testing approach:

Requirement Analysis

  • We reviewed technical and business requirements to define clear test objectives, identify edge cases, and prepare test scenarios that matched real-world use.

Test Planning

  • Created a test plan covering functional, non-functional, integration, UI/UX, and data accuracy testing. Defined testing tools, resources, timelines, and success criteria.

Functional Testing

  • Ensured all core features, like 3D model viewing, measurements, photo linking, and annotations, worked as expected across use cases.

Cross-Browser & Device Testing

  • Verified consistent performance and UI behavior across all major browsers and devices, including tablets and mobile.

Performance Testing

  • Checked platform speed and responsiveness under heavy loads and large datasets, especially for 3D models and media files.

Security & Access Control Testing

  • Validated user roles, data protection, and secure server access to safeguard sensitive project information.

Why We Chose This Testing Methodology

We selected this testing approach to ensure the platform could deliver a reliable, fast, and secure experience for users working in complex and high-stakes environments like construction, mining, and infrastructure.

Each methodology focused on key needs:

Functional Testing

Made sure critical tools like 3D viewing and measurements worked exactly as intended.

Cross-Browser & Device Testing

Ensured users could access the platform from any browser or device without issues.

Performance Testing

Helped handle large files and heavy usage without slowing down or crashing.

Security Testing

Protected sensitive project data and gave clients confidence in the platform’s reliability.

Project Management

Agile Methodology

Used agile methodology to allow flexible planning and adapt to changes quickly.

User Feedback

Collected user input regularly and made improvements based on it.

Team Collaboration

Drone Operators, Developers, designers, and testers worked together closely.

Tools Used

Figma, managed tasks with Asana, communicated through Slack.

Scrum Process

Held daily check-ins, planned sprints, and reviewed progress regularly.

Planning

Carefully schedule tasks, assign resources, and set clear milestones to meet deadlines.

AI-Powered Platform for Smarter Customer Support

Introduction Problem Goals Features Tech Stack Quality Assurance AI-Powered Platform for Smarter Customer Support Esketchers developed an AI-powered, smarter customer support platform that enables businesses [...]

AI-powered eCommerce platform for convenience retailers

Introduction Problem Goals Features Tech Stack Quality Assurance AI-Powered eCommerce Platform For Convenience Retailers We built an AI-powered eCommerce platform for convenience retailers, QSRs, and [...]

AI powered GBP and Listing Directories Management Platform

Introduction Problem Goals Features Tech Stack Quality Assurance AI powered GBP and Listing Directories Management Platform We developed a powerful AI-driven SaaS platform that streamlines [...]

Ready to get started?

Book a consultation with one of our experts now.

Get an Estimate