Cesium Digital Twin
SaaS
Cybersecurity
Enterprise
Editor
Web/Desktop
2024
Project team
• Product Manager • Full stack developer • Backend developer • DevOps • UI/UX Designer • Quality assurance • Marketing manager
Activities
• Research • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • Figjam • Trello • Google Suite • After Effects • AI Tools (Grok, Perplexity)
Cesium Digital Twin
SaaS
Cybersecurity
Enterprise
Editor
Web/Desktop
2024
Project team
• Product Manager • Full stack developer • Backend developer • DevOps • UI/UX Designer • Quality assurance • Marketing manager
Activities
• Research • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • Figjam • Trello • Google Suite • After Effects • AI Tools (Grok, Perplexity)
Cesium Digital Twin
SaaS
Cybersecurity
Enterprise
Editor
Web/Desktop
2024
Project team
• Product Manager • Full stack developer • Backend developer • DevOps • UI/UX Designer • Quality assurance • Marketing manager
Activities
• Research • Visual Design • Prototyping • UI & UX Design • Interaction Design • Testing
Tools I used:
• Figma • Figjam • Trello • Google Suite • After Effects • AI Tools (Grok, Perplexity)
//
OVERVIEW
Urban Twin
A browser-based 3D urban-digital-twin built with CesiumJS and 3D Tiles. The solution enables city teams to visualise terrain, buildings and live data streams (traffic, air quality, environment) in one unified spatial model
//
OVERVIEW
Urban Twin
A browser-based 3D urban-digital-twin built with CesiumJS and 3D Tiles. The solution enables city teams to visualise terrain, buildings and live data streams (traffic, air quality, environment) in one unified spatial model
//
OVERVIEW
Urban Twin
A browser-based 3D urban-digital-twin built with CesiumJS and 3D Tiles. The solution enables city teams to visualise terrain, buildings and live data streams (traffic, air quality, environment) in one unified spatial model
//
CHALLENGES
Data Visualization Clarity
City-wide data was fragmented across dashboards; static 2-D maps hindered urban planning; many tools required special hardware or installations, limiting adoption
//
CHALLENGES
Data Visualization Clarity
City-wide data was fragmented across dashboards; static 2-D maps hindered urban planning; many tools required special hardware or installations, limiting adoption
//
CHALLENGES
Data Visualization Clarity
City-wide data was fragmented across dashboards; static 2-D maps hindered urban planning; many tools required special hardware or installations, limiting adoption
//
USER PERSONA
City Planners & Analysts
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
//
USER PERSONA
City Planners & Analysts
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
//
USER PERSONA
City Planners & Analysts
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
Target Audience
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
Pain point
Multiple disconnected systems; low visibility into spatial context; slow scenario planning
Personal goals
Get a clear map of city assets, overlay live data, run what-if scenarios and communicate findings to stakeholders
Target Audience
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
Pain point
Multiple disconnected systems; low visibility into spatial context; slow scenario planning
Personal goals
Get a clear map of city assets, overlay live data, run what-if scenarios and communicate findings to stakeholders
Target Audience
Urban planners, infrastructure engineers and municipal decision-makers who need a unified view of city systems, respond quickly to changing conditions and collaborate across departments
Pain point
Multiple disconnected systems; low visibility into spatial context; slow scenario planning
Personal goals
Get a clear map of city assets, overlay live data, run what-if scenarios and communicate findings to stakeholders
//
RESEARCH & INSIGHTS
Spatial Data Mapping
I analysed existing GIS and dashboard usage, mapped user workflows, and built interactive prototypes to test data overlay and 3D navigation
//
RESEARCH & INSIGHTS
Spatial Data Mapping
I analysed existing GIS and dashboard usage, mapped user workflows, and built interactive prototypes to test data overlay and 3D navigation
//
RESEARCH & INSIGHTS
Spatial Data Mapping
I analysed existing GIS and dashboard usage, mapped user workflows, and built interactive prototypes to test data overlay and 3D navigation
01
Single-pane spatial view
Combining terrain, buildings and live feeds in 3D gives clarity beyond separate dashboards
01
Single-pane spatial view
Combining terrain, buildings and live feeds in 3D gives clarity beyond separate dashboards
01
Single-pane spatial view
Combining terrain, buildings and live feeds in 3D gives clarity beyond separate dashboards
02
Browser-based access
Users adopt solutions faster when no install is needed and they can use familiar browsers
02
Browser-based access
Users adopt solutions faster when no install is needed and they can use familiar browsers
02
Browser-based access
Users adopt solutions faster when no install is needed and they can use familiar browsers
03
Live-data overlays drive
Showing real–time traffic/air quality on a 3D city model helps prioritize actions and communicates value
03
Live-data overlays drive
Showing real–time traffic/air quality on a 3D city model helps prioritize actions and communicates value
03
Live-data overlays drive
Showing real–time traffic/air quality on a 3D city model helps prioritize actions and communicates value
//
DELIVERABLES
Core Features
//
DELIVERABLES
Core Features
//
DELIVERABLES
Core Features
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 17.302 0.185 C 17.733 -0.062 18.267 -0.062 18.698 0.185 L 22.852 2.56 C 23.512 2.938 23.735 3.769 23.35 4.416 C 22.965 5.063 22.117 5.282 21.456 4.904 L 18 2.928 L 14.544 4.904 C 13.883 5.282 13.035 5.063 12.65 4.416 C 12.265 3.769 12.488 2.938 13.148 2.56 Z M 6.734 7.798 C 7.12 8.446 6.897 9.277 6.236 9.654 L 4.133 10.857 L 6.236 12.06 C 6.897 12.438 7.12 13.269 6.734 13.916 C 6.349 14.563 5.501 14.782 4.841 14.404 L 2.769 13.22 L 2.769 14.929 C 2.769 15.678 2.149 16.286 1.385 16.286 C 0.62 16.286 0 15.678 0 14.929 L 0 10.857 C 0 10.374 0.262 9.928 0.687 9.685 L 4.841 7.31 C 5.501 6.932 6.349 7.151 6.734 7.798 Z M 29.266 7.798 C 29.651 7.151 30.499 6.932 31.159 7.31 L 35.313 9.685 C 35.738 9.928 36 10.374 36 10.857 L 36 14.929 C 36 15.678 35.38 16.286 34.615 16.286 C 33.851 16.286 33.231 15.678 33.231 14.929 L 33.231 13.22 L 31.159 14.404 C 30.499 14.782 29.651 14.563 29.266 13.916 C 28.88 13.269 29.103 12.438 29.764 12.06 L 31.867 10.857 L 29.764 9.654 C 29.103 9.277 28.88 8.446 29.266 7.798 Z M 12.65 17.298 C 13.035 16.651 13.883 16.432 14.544 16.81 L 18 18.786 L 21.456 16.81 C 22.117 16.432 22.965 16.651 23.35 17.298 C 23.735 17.946 23.512 18.777 22.852 19.154 L 19.385 21.137 L 19.385 24.429 C 19.385 25.178 18.765 25.786 18 25.786 C 17.235 25.786 16.615 25.178 16.615 24.429 L 16.615 21.137 L 13.148 19.154 C 12.488 18.777 12.265 17.946 12.65 17.298 Z M 1.385 21.714 C 2.149 21.714 2.769 22.322 2.769 23.071 L 2.769 26.363 L 6.236 28.346 C 6.897 28.723 7.12 29.554 6.734 30.202 C 6.349 30.849 5.501 31.068 4.841 30.69 L 0.687 28.315 C 0.262 28.072 0 27.626 0 27.143 L 0 23.071 C 0 22.322 0.62 21.714 1.385 21.714 Z M 34.615 21.714 C 35.38 21.714 36 22.322 36 23.071 L 36 27.143 C 36 27.626 35.738 28.072 35.313 28.315 L 31.159 30.69 C 30.499 31.068 29.651 30.849 29.266 30.202 C 28.88 29.554 29.103 28.723 29.764 28.346 L 33.231 26.363 L 33.231 23.071 C 33.231 22.322 33.851 21.714 34.615 21.714 Z M 18 31.214 C 18.765 31.214 19.385 31.822 19.385 32.571 L 19.385 34.28 L 21.456 33.096 C 22.117 32.718 22.965 32.937 23.35 33.584 C 23.735 34.231 23.512 35.062 22.852 35.44 L 18.698 37.815 C 18.267 38.062 17.733 38.062 17.302 37.815 L 13.148 35.44 C 12.488 35.062 12.265 34.231 12.65 33.584 C 13.035 32.937 13.883 32.718 14.544 33.096 L 16.615 34.28 L 16.615 32.571 C 16.615 31.822 17.235 31.214 18 31.214 Z" fill="rgb(255, 255, 255)" height="38.00000080545807px" id="hg7NSU0jH" transform="translate(2 0.5)" width="36.00000048769423px"/></svg>)
3D Scene Editor
Built with CesiumJS and 3D Tiles, enabling real-time visualization of terrain, buildings
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 16.258 20.032 C 16.258 19.872 16.128 19.742 15.968 19.742 L 3.774 19.742 C 3.614 19.742 3.484 19.872 3.484 20.032 L 3.484 32.226 C 3.484 32.386 3.614 32.516 3.774 32.516 L 15.968 32.516 C 16.128 32.516 16.258 32.386 16.258 32.226 Z M 32.516 20.032 C 32.516 19.872 32.386 19.742 32.226 19.742 L 28.161 19.742 C 28.001 19.742 27.871 19.872 27.871 20.032 L 27.871 32.226 C 27.871 32.386 28.001 32.516 28.161 32.516 L 32.226 32.516 C 32.386 32.516 32.516 32.386 32.516 32.226 Z M 32.516 3.774 C 32.516 3.614 32.386 3.484 32.226 3.484 L 3.774 3.484 C 3.614 3.484 3.484 3.614 3.484 3.774 L 3.484 7.839 C 3.484 7.999 3.614 8.129 3.774 8.129 L 32.226 8.129 C 32.386 8.129 32.516 7.999 32.516 7.839 Z M 19.742 32.226 C 19.742 34.31 18.052 36 15.968 36 L 3.774 36 C 1.69 36 0 34.31 0 32.226 L 0 20.032 C 0 17.948 1.69 16.258 3.774 16.258 L 15.968 16.258 C 18.052 16.258 19.742 17.948 19.742 20.032 Z M 36 32.226 C 36 34.31 34.31 36 32.226 36 L 28.161 36 C 26.077 36 24.387 34.31 24.387 32.226 L 24.387 20.032 C 24.387 17.948 26.077 16.258 28.161 16.258 L 32.226 16.258 C 34.31 16.258 36 17.948 36 20.032 Z M 36 7.839 C 36 9.923 34.31 11.613 32.226 11.613 L 3.774 11.613 C 1.69 11.613 0 9.923 0 7.839 L 0 3.774 C 0 1.69 1.69 0 3.774 0 L 32.226 0 C 34.31 0 36 1.69 36 3.774 Z" fill="rgb(255, 255, 255)" height="35.99999943124392px" id="ASZ9MmQH8" transform="translate(2 2)" width="36px"/></svg>)
Scenario Templates
Embedded real-time feeds for traffic, weather, and air quality, displayed directly on the 3D map
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 30.6 36 L 5.4 36 C 3.968 36 2.594 35.431 1.582 34.418 C 0.569 33.406 0 32.032 0 30.6 L 0 1.8 C 0 1.323 0.19 0.865 0.527 0.527 C 0.865 0.19 1.323 0 1.8 0 L 27 0 C 27.477 0 27.935 0.19 28.273 0.527 C 28.61 0.865 28.8 1.323 28.8 1.8 L 28.8 23.4 L 36 23.4 L 36 30.6 C 36 32.032 35.431 33.406 34.418 34.418 C 33.406 35.431 32.032 36 30.6 36 Z M 28.8 27 L 28.8 30.6 C 28.8 31.077 28.99 31.535 29.327 31.873 C 29.665 32.21 30.123 32.4 30.6 32.4 C 31.077 32.4 31.535 32.21 31.873 31.873 C 32.21 31.535 32.4 31.077 32.4 30.6 L 32.4 27 Z M 25.2 32.4 L 25.2 3.6 L 3.6 3.6 L 3.6 30.6 C 3.6 31.077 3.79 31.535 4.127 31.873 C 4.465 32.21 4.923 32.4 5.4 32.4 Z M 7.2 9 L 21.6 9 L 21.6 12.6 L 7.2 12.6 Z M 7.2 16.2 L 21.6 16.2 L 21.6 19.8 L 7.2 19.8 Z M 7.2 23.4 L 16.2 23.4 L 16.2 27 L 7.2 27 Z" fill="rgb(255, 255, 255)" height="36px" id="YQwE6bpPK" transform="translate(3.33 2.17)" width="36px"/></svg>)
Responsive Cross-Platform UI
Designed for desktops and tablets with smooth performance, requiring no special hardware or installations
3D Scene Editor
Built with CesiumJS and 3D Tiles, enabling real-time visualization of terrain, buildings
Scenario Templates
Embedded real-time feeds for traffic, weather, and air quality, displayed directly on the 3D map
Responsive Cross-Platform UI
Designed for desktops and tablets with smooth performance, requiring no special hardware or installations
3D Scene Editor
Built with CesiumJS and 3D Tiles, enabling real-time visualization of terrain, buildings
Scenario Templates
Embedded real-time feeds for traffic, weather, and air quality, displayed directly on the 3D map
Responsive Cross-Platform UI
Designed for desktops and tablets with smooth performance, requiring no special hardware or installations
//
SOLUTION
Unified Monitoring Platform
My team & I delivered a browser-based 3D twin that unifies city data into one spatial view—helping teams monitor, analyze, and act faster on complex urban systems
//
SOLUTION
Unified Monitoring Platform
My team & I delivered a browser-based 3D twin that unifies city data into one spatial view—helping teams monitor, analyze, and act faster on complex urban systems
//
SOLUTION
Unified Monitoring Platform
My team & I delivered a browser-based 3D twin that unifies city data into one spatial view—helping teams monitor, analyze, and act faster on complex urban systems
