Case Study

Drax User Interface

Industrial data visualisation tool for power plant engineers

Overview

The Drax User Interface is a bespoke web application built to help engineers visualise, search, and interact with complex electrical and operational data within a large power generation facility.

Problem / Opportunity

The existing system relied on legacy PHP tooling, static spreadsheets, poor mobile usability, and no offline access in low-signal plant environments. Engineers needed faster access to accurate data on the move.

Solution

A modern, mobile-optimised web application that abstracts complex datasets into a searchable, intuitive interface—designed specifically for use inside large industrial environments.

Key Features

  • Fast search by asset number, location, or label
  • Mobile-first UI optimised for engineers on site
  • Offline-capable architecture for poor connectivity
  • Secure data access with auditability
  • Integration with existing Excel-based workflows

Technical Architecture

Frontend
Nuxt.js
Backend
Supabase (Postgres, APIs, Auth)
Data Sources
CSV imports and structured tables
PWA
Offline caching and local persistence
Hosting
Edge-optimised deployment

Outcomes / Impact

  • Faster fault identification
  • Reduced reliance on paper and spreadsheets
  • Improved usability in real-world engineering conditions
  • Platform designed for future extensibility

What This Demonstrates

Industrial-grade application designData migration from legacy formatsOffline-first engineering solutionsSecurity-conscious architecture

Need an Industrial Application?

Let's discuss how I can help modernise your engineering tools.

HD
Headless Digital

Senior, hands-on, and accountable. No inflated teams. No unnecessary layers.

Connect

© 2025 Headless Digital. All rights reserved.

Built withNuxt & Tailwind