Milad Ekrami Nia

Solar & Wind Management

Solar & Wind Management

Solar & Wind Energy Management

SWEM is a mission-critical platform designed for the real-time monitoring and management of large-scale solar and wind power plants.

ScopeDistributed energy assets
StackReact + TypeScript
OutcomeFaster operational insight
RoleFrontend Developer

Project Overview

// section.overview

01
A unified interface for renewable operations and field response.
Built to support fast, informed decisions in complex energy environments.

A Unified Command Center for Renewable Operations

SWEM is a mission-critical platform designed for the real-time monitoring and management of large-scale solar and wind power plants. The system provides a unified interface for operators to track performance, manage maintenance schedules, and analyze energy production data — all in one place.

A complete digital transformation for auto service centers
Operational visibilityReal-time awarenessPulled asset status, alarms, and maintenance activity into one coherent view.
Workflow efficiencyStreamlined executionReduced fragmented coordination between operations teams and field technicians.
Decision supportContext-rich insightsStructured the UI around clear reporting and rapid issue response.
Frontend scalabilityReusable architectureBuilt modular components and consistent patterns to support future growth.

The challenge

// section.problem

02
Complex renewable workflows needed a more connected and dependable digital experience.

Manual processes were costing time, efficiency ,and operational stability.

Energy teams were working across disconnected tools, which made it difficult to review plant status, coordinate maintenance, and act quickly when something needed attention.
No single view of performance across solar and wind assets.
Manual coordination slowed maintenance and issue escalation.
Operators had limited visibility into incident status and field progress.
Critical data was spread across fragmented interfaces and inconsistent layouts.
Field teams needed a clearer and more reliable way to understand operational context.
The interface had to remain fast, structured, and easy to use under pressure.

Stakeholder Needs

// section.stakeholder.needs

03
What operations leaders and maintenance teams needed from the platform.

Real-time asset visibility

Surface the status of each plant, alert, and maintenance task in one place so teams can act quickly.

Reliable field coordination

Support maintenance and issue-resolution workflows that reduce manual handoffs and improve team alignment.

Actionable reporting

Deliver clear operational metrics and exportable summaries for review and follow-up.

Fast monitoring workflows

Make it easy to scan alarms, identify severity, and move from insight to action without friction.

Clear operational hierarchy

Present high-priority information first so operators and managers can focus on what matters most.

User Needs

// section.customer.needs

04
The needs that shaped the experience for operators and field teams.
Fast access to plant health and incident status.
A dependable interface that stays clear under operational pressure.
Seamless transitions between monitoring, maintenance, and communications.
Structured views that help teams understand performance at a glance.
A responsive experience that works well on both desktop and tablet workflows.
Clear visual hierarchy for alarms, trends, and maintenance priorities.

Design Process

// section.design.process

05

  1. Requirements

    Gathered energy operations needs, stakeholder priorities, and technical constraints.

  2. Architecture

    Defined layout, component structure, and data flow for the platform.

  3. Development

    Built modular dashboard components and operational workflows.

  4. Design System

    Applied reusable patterns for consistent interaction and hierarchy.

  5. Integration

    Connected the UI to live operational data and backend services.

  6. Quality

    Validated usability, responsiveness, and accessibility across the experience.

  7. Delivery

    Delivered the experience with documentation for ongoing product evolution.

Solution

// section.solution

06
A frontend platform designed for renewable operations with reusable UI patterns and responsive dashboards.

Live monitoring dashboards

Dashboard

Built responsive dashboards that surface asset alerts, plant health, and key operational metrics in real time.

Maintenance workflows

Workflow

Implemented structured issue and maintenance flows to improve coordination across operations and the field.

Performance insights

Insights

Created clear visual summaries that make performance trends and operational context easier to understand.

Component-driven UI

Frontend

Built reusable interface modules for tables, status cards, filters, and detail views so the experience stayed consistent and scalable.

Key Screens

// section.key.screens

07
Core interfaces that power the platform experience.
Operations Dashboard
Asset Overview
Maintenance Center
Performance View
Reports
Reports
Reports
Reports

Key Learnings

// section.learning.reflections

08
Insights gained from building a demanding energy operations platform.
01

Learning to work with multi complex nested forms

Built and managed deeply nested form structures while keeping the interface understandable, scalable, and reliable for complex operational workflows.

02

Handling complex permission structure and render speed

Implemented permission-driven UI logic carefully while maintaining fast rendering and smooth interactions across large, data-heavy views.

03

Making design system even more refined to work on each feature

Refined the design system so reusable components could adapt cleanly to each feature without losing consistency or usability.

04

Working with the right algorithms to make the project fast

Optimized data handling and rendering approaches to keep the platform responsive even when working with large amounts of operational information.

Next project

Aurora Design System

Front-End Developer

tailwind
react
mui
next
ts
profile

Let's Talk

Ready to build something great together?

I'm currently available for new opportunities and exciting projects.
Feel free to reach out — I usually reply within 24 hours.