Skip to content

Wind Farm

Inspection needs a bridge between the park and the asset.

A coastal wind-park twin that brings turbines, cable diagnostics and asset inspection into an interactive 3D and AR experience.

  • Three.js
  • TypeScript
  • Digital twins
  • AR presentation
My role
Product design & engineering
Focus
Three.js · TypeScript · Digital twins · AR presentation
Project status
Operations automation PoC
Period
2026
Wind Farm: Original project visual
Original project visual

01 / Wind Farm

The challenge

Connect a geographic asset overview to detailed equipment inspection, including a cable-fault scenario that operators can understand visually.

Reading the problem / Wind Farm

The asset detail must remain tied to the site.

The wind-park twin connects turbines, cable diagnostics, asset detail and an AR presentation.

Source materialProject visuals

Original project visual

Constraint to preserveSelect a turbine

The coastal wind-park twin is an independent simulated 3D/AR prototype, distinct from client industrial work.

The design questionContext & selection

How can an interactive twin connect a spatial asset to actionable inspection information?

Evidence: the project account and the attributed artifacts on this page. Process drawings and interaction studies are reconstructed explanations; numerical research or business results are included only where separately supported.

02 / Wind Farm

The approach

A browser-rendered 3D scene links selected assets to typed inspection data and simulated diagnostic scenarios. A separate AR route provides the asset presentation experience.

03 / Wind Farm

My contribution

  • Built the coastal park scene, turbine interactions and substation context.
  • Connected cable-scan scenarios to asset inspection panels.
  • Created phone-oriented AR presentation flows and reused suite controls for a coherent operations experience.

The process / Wind Farm

A direction.
A way to build it.

The digital-twin exploration carries asset identity from a park overview into diagnostics and AR presentation.

A schematic of sequence and overlap, not a dated project schedule.

01

Frame the inspection context

Identify the turbine or cable detail that gives an inspection a clear subject.

02

Separate overview and diagnosis

Decide which information benefits from spatial placement and which belongs in a panel.

03

Explore 3D and AR views

Prototype the connection between asset selection, detail and presentation mode.

04

Review missing information

Preserve the inspected asset when a reading or diagnostic detail is unavailable.

01 / The journey

How can an interactive twin connect a spatial asset to actionable inspection information?

A turbine selected in the overview becomes a diagnostic subject with its own details. Keeping that identity intact through inspection and AR exploration helps the digital twin communicate more than the shape of a wind park.

Journey map / Wind Farm

See the whole task in context.

Choose a step to connect the person’s intent with the interface and the design decision.

01020304
Current intent
Select a turbine

The coastal wind-park twin is an independent simulated 3D/AR prototype, distinct from client industrial work.

Interface context
Wind-park overview
Review question
What should stay visible when moving from the park overview to one asset?

Representative task sequence and recovery path, not a measured emotional curve or historical research map.

Behind the experience

The visible task depends on work behind it.

For Wind Farm, this map connects “Select a turbine” to “Explore the AR view”. Read across to follow the task, then select a layer to inspect the interface, design and delivery references behind it.

Wind Farm / Task, interface and delivery dependencies
LayerSelect a turbineInspect diagnosticsReview asset detailExplore the AR view
The taskSelect a turbineInspect diagnosticsReview asset detailExplore the AR view
Visible interfaceWind-park overviewWind-park overviewCable diagnosticsAsset & AR detail
Design checkpointThe coastal wind-park twin is an independent simulated 3D/AR prototype, distinct from client industrial work.Orient the inspection in the wider wind park.Connect cable information to the selected asset.Preserve identity while exploring the asset or AR presentation.
Implementation referenceIdentify the turbine or cable detail that gives an inspection a clear subject.Decide which information benefits from spatial placement and which belongs in a panel.Prototype the connection between asset selection, detail and presentation mode.Preserve the inspected asset when a reading or diagnostic detail is unavailable.
RecoveryDiagnostic detail unavailable → keep asset context → offer another inspection view

A reconstructed delivery map: the implementation row summarizes design-process dependencies, rather than claiming to document the original backend architecture.

Design exploration / Wind Farm

Move between site and selected asset.

Reconstructed comparison of design approaches. These are review studies, not a claim that both directions were historically tested or shipped.

What this direction changes

Move between site and selected asset

Preserves orientation while revealing the relevant diagnostic context.

02 / Structure & behavior

Hold onto the asset as the view becomes more detailed.

The park overview, cable diagnostics and asset/AR detail studies explain changes in scale. Each view should retain enough context to answer what is being inspected and why the displayed reading belongs to it. The drawings interpret an independent simulation rather than client deployment work.

Wireframe reconstruction / Wind Farm
01 / Wind-park overview
0102Wind-park overview
Selected contextInspect diagnosticsOverview ↔ Detail
Inspect diagnostics

Orient the inspection in the wider wind park.

02 / Cable diagnostics
0102Cable diagnostics
Selected contextReview asset detailOverview ↔ Detail
Review asset detail

Connect cable information to the selected asset.

03 / Asset & AR detail
0102Asset & AR detail
Selected contextExplore the AR viewOverview ↔ Detail
Explore the AR view

Preserve identity while exploring the asset or AR presentation.

Try the interaction

Wind Farm / Selection & context study

Reconstructed prototype
Wind Farm01 / 03

View 01

Wind-park overview

Orient the inspection in the wider wind park.

Selected contextWind-park overview

Orient the inspection in the wider wind park.

Starting context

Select a turbine

A local interaction study explaining the design principle. It does not submit data, operate the original product or reproduce an unverified historical prototype.
03 / Typography & guidelines

Readings need labels, units and a clear asset relationship.

Make asset IDs, reading labels and units readable at multiple scales. Spatial annotations need a consistent relationship with the detail panel.

Illustrative type-role specimenWind Farm

Select a turbine.
Explore the AR view.

HeadingCable diagnostics24 / 30 px · regular
BodyHow can an interactive twin connect a spatial asset to actionable inspection information?16 / 26 px · regular
LabelExplore the AR view12 / 18 px · regular
StateDiagnostic detail unavailable → keep asset context → offer another inspection view12 / 18 px · regular

Portfolio-font hierarchy illustration; the source does not establish the exact client font or token scale.

04 / Discussion & decisions

Decide which details need spatial context.

Discussion 01

What should stay visible when moving from the park overview to one asset?

Moving from a park to one asset should preserve a recognizable selection. Without that continuity, the detail panel can look authoritative while leaving its relationship to the scene unclear.

Discussion 02

Which diagnostic details benefit from spatial context, and which need a conventional reading surface?

Spatial context helps explain location and relationships; a conventional panel better supports reading diagnostic detail. The two views need to reinforce the same inspection.

05 / Handoff & maintenance

Connect selection, diagnostics and presentation modes.

The Three.js and AR prototype connects a coastal park with turbines and cable-diagnostic detail. Handoff references should show the asset selection and available information before describing the visual transition into another presentation mode.

For an agent-assisted addition, identify the asset and diagnostic state being represented. Test unavailable-detail behavior alongside the spatial view, and keep simulated readings visibly within the prototype’s scope.

The wind-park twin is an independent simulated 3D/AR demonstration, separate from industrial client product work.

Accessibility & standards

Access belongs in the design.

For these operational workflows, prioritize readable status data, non-color alerts, accessible approval controls and a 2D alternative to spatial inspection.

WCAG 2.2 AA · EN 301 549 · APCA · WAI-ARIA · Platform guidance

Make spatial information available in another form

Provide a meaningful 2D or text route to tasks and data presented in 3D. Review keyboard, pointer and assistive-technology access to the surrounding interface.

Reduce visual and physical demands

Plan readable labels, non-color status cues, stable interaction targets and alternatives to precision gestures. Respect reduced motion and avoid relying on camera movement to communicate state.

Separate usability from safety assurance

Use ISO 9241-210 human-centred design principles and relevant platform guidance alongside WCAG 2.2 AA and EN 301 549 review. Industrial usability work is not evidence of safety certification.

Review scope & standards references

These are design references and review priorities, not a claim that this historical project passed a WCAG audit. Record criterion-level evidence, assistive-technology and device results, unresolved issues and retest outcomes before making a conformance statement.

APCA supplements the WCAG 2.2 contrast checks; it does not replace them. WCAG 3 remains a draft. EN 301 549 v4.1.1 is the latest published edition checked on 6 November 2026; its publication and its formal EU legal citation are separate matters. Confirm the applicable procurement or legal baseline with the client.

Outcomes & scope

What the work delivers.

  • Demonstration digital twin with simulated asset data. It is not a live SCADA system or a validated predictive-maintenance model.

Results are described within the documented project scope. Illustrative studies are identified separately from original project artifacts.

Review & next iteration

What needs to hold up in use.

Use these questions to review Wind Farm against the behavior the design is intended to support.

  1. 01

    Can an operator locate the selected turbine from its detail?

  2. 02

    Does changing the view preserve the relevant diagnostic context?

Project-specific acceptance questions for a future review, not reported usability-test results.

Reflection / Wind Farm

What I’d carry forward.

An inspection view needs to connect the whole site to the individual asset. Spatial context is valuable when it helps an operator locate and interpret the information they need.

Next projectCefalo Marketing & Sales Automation