Project Overview.

I led the design of a SaaS platform built for energy infrastructure teams to monitor grid health, detect anomalies, and optimize energy load distribution across regional networks. The product integrates real-time sensor data with historical trends to support faster, data-driven decisions in utility operations.

The challenge: ship a fully functional MVP for utility operators and engineers—within 90 days.

Phase 1: Discovery and Definition (Week 1–2)

• Worked closely with stakeholders from energy providers to understand field workflows, control center pain points, and compliance requirements.
• Mapped the end-to-end journey of a grid engineer during a load-balancing event, identifying key friction points (slow alerts, manual reporting, siloed tools).
• Collaborated with the PM to define MVP scope focused on real-time grid health visualization, load monitoring across substations, and predictive maintenance alerts.

Key Activities

Outputs

Phase 2: UX design (Week 3-7)

• Generated design ideas and hypothesis
• Sketched user flows (such as energy usage monitoring, alerts, billing)
• Built low-fidelity wireframes for key screens:
  • Login and Onboarding
  • A real-time Grid Dashboard with geospatial overlays showing substation load, fault alerts, and capacity thresholds
  • Grid Monitoring and Management
  • Asset Management
  • Energy Consumption Analytics
  • Billing & Payments
  • AI and Optimization Engine
• Laid the foundations of Design System:
  • Chose visual style (color palette, typography, iconography)
  • Created core UI components
• Designed high-fidelity mockups of key screens
• Created clickable prototypes
• Designed mobile and tablet-responsive layouts

Key Activities

Outputs

Phase 3: Validation and Refinement (Week 8–9)

• Conducted testing sessions using high-fidelity prototypes layered with dummy sensor data.
• Feedback led to key UX improvements:
  • Added alert prioritization tags
  • Improved contrast and readability
  • Streamlined filters and region toggles for faster situational awareness
• Collaborated with engineers to implement performance optimizations for rendering real-time data on map components.

Phase 4: Engineering Collaboration & Launch (Week 10–12)

• Paired with front-end and data engineers to finalize UI states for live data streams, offline fallback modes, and edge cases.
• Delivered a developer-friendly spec with component documentation, user flows, and error-state coverage.
• Led a first-time user onboarding walkthrough for stakeholders and potential users.