// CASE STUDY

ERC
DASHBOARD

UX DESIGN DASHBOARD ENERGY SECTOR 2024

A centralized platform consolidating Thailand's electricity and natural gas data — giving regulators, analysts, and operators real-time visibility to make faster, better decisions.

ERC Dashboard Overview
ROLE UX/UI Designer
TIMELINE 3 Months · 2024
TOOL Figma · User Research · Prototyping

// 01

The Problem

Thailand's energy sector ran on fragmented, disconnected systems. Data from electricity and gas sources lived in separate platforms — forcing analysts and operators to manually compile reports across agencies before any decision could be made.

This created cascading problems: delayed reporting, elevated outage risks, and poor visibility into renewable energy contributions.

>

No unified platform for cross-source energy monitoring

>

Manual compilation caused 24–72 hour reporting delays

>

Renewable vs. traditional sources were indistinguishable

>

No automated compliance reporting for regulatory officers

// 02

Who I Worked With

Collaborated with ERC's product owner to define scope and requirements. Conducted research directly with three distinct stakeholder groups, then handed final designs to the development team for build.

ENERGY ANALYSTS

Cross-period trend comparison and renewable energy tracking tools

REGULATORY OFFICERS

Compliance monitoring and automated sustainability reporting

ELECTRICITY OPERATORS

Live load data and real-time grid balancing capabilities

// 04

How I Approached It

I started with discovery — interviews and surveys across all three user groups to map pain points. Competitive benchmarking revealed a consistent gap: existing tools were powerful but too complex for non-technical regulators. This shaped a core design principle: clarity over density.

Findings were synthesised into 2 personas and user journey maps to prioritise features and guide design decisions throughout the project.

KEY INSIGHT 01

Real-time data access was the #1 requirement across all groups — not historical analytics.

KEY INSIGHT 02

Regulatory officers faced the biggest usability barrier — complexity blocked them more than data gaps.

KEY INSIGHT 03

No existing tool clearly separated renewable from traditional sources — critical for Thailand's 2036 targets.

Homescreen dashboard HOMESCREEN DASHBOARD
Electricity dashboard ELECTRICITY VIEW

// 03  ·  TOOLS & METHODS

FIGMA USER INTERVIEWS ONLINE SURVEYS COMPETITIVE ANALYSIS PERSONA DEVELOPMENT USER JOURNEY MAPPING LO-FI WIREFRAMING HI-FI PROTOTYPING USABILITY TESTING FIGMA DEV HANDOFF

// 05  ·  THE PROCESS

01 DISCOVERY
& RESEARCH

Interviews · Surveys · Benchmarking

02 DEFINE
& IDEATE

Personas · Journey Maps · HMW

03 WIREFRAME
& SKETCH

Lo-fi sketches · Info Architecture

04 HI-FI
PROTOTYPE

Figma · Interactions · Components

05 USER
TESTING

3 rounds · Task-based · Iterate

06 DESIGN
HANDOFF

Annotated specs · Dev-ready assets

// RESEARCH · PERSONA & USER JOURNEY

PERSONA_01

SIRINTRA PATTANA

Energy Regulatory Analyst  ·  Bangkok, Thailand

AGE34
GENDERFEMALE
STATUSSINGLE
EDUCATIONMSc ENERGY POLICY
TECH LEVELADVANCED
PERSONALITYANALYTICAL · DATA-DRIVEN · DETAIL-ORIENTED
// GOALS
  • Streamline data monitoring processes
  • Improve decision-making with real-time data
  • Enhance reporting efficiency
  • Support renewable energy integration
  • Ensure grid stability
// PAIN POINTS
  • Manual data handling & consolidation
  • No real-time data for quick decisions
  • Data overload and complexity
  • Limited forecasting tools
// MOTIVATIONS
  • Ensure national energy supply stability
  • Advocate for renewable energy policy
  • Improve efficiency in energy regulation
  • Drive data-based policy recommendations
// BEHAVIORS
  • Regularly reviews energy supply and demand data
  • Collaborates with colleagues to track compliance
  • Gathers data to advocate for policy changes
  • Frequently analyzes trends in renewable energy contribution

"I need accurate, real-time data at my fingertips so we can make smart decisions for Thailand's energy future."

— SIRINTRA PATTANA
PERSONA_02

ARNON WATTANAKUL

Electricity Operations Officer  ·  Chiang Mai, Thailand

AGE43
GENDERMALE
STATUSMARRIED
EDUCATIONBSc ELECTRICAL ENGINEERING
TECH LEVELINTERMEDIATE
PERSONALITYMETHODICAL · PROACTIVE · QUICK-DECISION-MAKER
// GOALS
  • Ensure smooth operation of the electricity grid
  • Protect system from power load fluctuations
  • Support renewable energy integration
  • Minimize outages and disruptions
  • Proactively plan maintenance to avoid outages
// PAIN POINTS
  • Delays in receiving real-time notifications
  • Overcommunication across departments
  • Difficulty identifying fault location quickly
  • Manual grid monitoring is time-consuming
// MOTIVATIONS
  • Maximize grid reliability
  • Maintain stable power supply during peak demand
  • Keep grid operations within budget
  • Improve maintenance planning through data analysis
// BEHAVIORS
  • Regularly monitors grid status and energy distribution
  • Coordinates with maintenance teams to handle issues
  • Uses historical grid data to identify recurring issues
  • Frequently reviews renewable energy contributions

"I need immediate, real-time data on power grid performance so I can ensure the electricity keeps flowing smoothly."

— ARNON WATTANAKUL

// USER JOURNEY  ·  ERC DASHBOARD & MAINTENANCE

SIRINTRA PATTANA  ·  REGULATORY ANALYST
01

Logs in to check energy data

02

Views real-time gas & electricity supply levels

03

Identifies energy supply shortfall in industrial zone

04

Reviews detailed breakdown of supply and demand

05

Adjusts load balancing to prevent outages

06

Confirms adjustments and stabilizes grid

07

Exports renewable energy contribution report

08

Generates report for policy recommendation

ANON WATTANAKUL  ·  GRID OPERATOR
01

Logs in to monitor grid status

02

Views real-time electricity supply and demand

03

Receives alert — substation malfunction detected

04

Reviews highlighted affected area & suggested actions

05

Dispatches repair team to the substation

06

Reconfigures grid to reroute electricity

07

Confirms rerouting & stable electricity flow

08

Reviews renewable energy contributions

09

Exports historical & current data for analysis

// FINAL SCREENS

Homescreen HOMESCREEN
Electricity ELECTRICITY VIEW
National NATIONAL LEVEL
Distribution DISTRIBUTION
Electricity Dashboard ELECTRICITY DASHBOARD
Shipper Dashboard SHIPPER DASHBOARD
Overview OVERVIEW
Natural Gas Dashboard NATURAL GAS

// 06

The Outcome

> WHAT I DELIVERED

HI-FI FIGMA PROTOTYPE

Complete interaction flows across all dashboard views — ready for developer review and handoff.

COMPONENT LIBRARY

Reusable design system: data cards, chart templates, alert states, and navigation patterns.

ANNOTATED DEV SPECS

Detailed documentation: spacing tokens, interaction notes, responsive behaviour, and export-ready assets.

> WHAT HAPPENED AFTER HANDOFF

The designs were handed to ERC's development team who built and deployed the platform as a live web application. The dashboard now serves energy analysts, regulatory officers, and electricity operators across Thailand — replacing the fragmented manual processes that preceded it.

The platform went live consolidating real-time electricity and gas data from multiple national sources. It is actively supporting Thailand's goal of reaching 30% renewable energy by 2036 — giving planners the visibility to track progress at both national and regional levels.

> MEASURED IMPACT

EFFICIENCY

Eliminated manual data compilation
Improved cross-team coordination
Instant notification system

DECISION-MAKING

Real-time & historical data access
Dynamic load balancing
Faster incident response

GRID RELIABILITY

Predictive maintenance alerts
Proactive failure prevention
Reduced outage risk

SUSTAINABILITY

Renewable energy tracking
Demand forecasting tools
Supports 30% target 2036