01
Case Study · B2B SaaS · Energy Intelligence

Ecolyptus

Designing a Modular Energy Intelligence Platform
Role
Primary Product Designer & UI/UX Developer
Platform
B2B SaaS · Web
Scope
6 core modules · 100+ screens designed
Tools
Figma · Design Systems · Dev Handoff
Overview Data Pulse Admin Reports Math Tool Notifications Lyptus AI Impact

Designing powerful data tools that remain usable.

Ecolyptus is a B2B energy intelligence platform helping organisations monitor, analyse, and report on energy usage across multiple sites and meters.

I worked as the primary product designer across the entire platform — designing most of the production UI from core analytics to complex admin systems — and collaborated closely with engineers to ship scalable, real-world features.

6Core Modules
100+Screens
40+Admin Screens

Energy platforms are complex by nature.

  • Large volumes of time-series data that need to be readable at a glance
  • Complex hierarchies — organisations, sites, meters, sub-meters, user groups
  • Diverse user roles with different permissions, workflows, and mental models
  • Reporting requirements for both internal teams and external stakeholders
The Goal
Design a system that surfaces insights without overwhelming users, scales across organisations and use cases, and allows flexibility without sacrificing clarity.

A modular ecosystem

Rather than a single dashboard, Ecolyptus functions as six interconnected modules — each with its own design challenges and user flows.

Module 01
📊
Data Pulse
Core analytics and visualisation. Interval data across any meter, resolution, and metric.
Flagship
Module 02
⚙️
Admin Systems
40+ screens covering organisations, users, roles, permissions, plans and configurations.
Scale
Module 03
📄
Reports
Pre-built templates, fully customisable reports, drag-and-drop report elements.
Validated
Module 04
🔢
Math Tool
Virtual meters created via calculations on existing data points. Iterated extensively.
Complex UX
Module 05
🔔
Notifications
Threshold-based alerts across meters. Customer-prioritised feature, shipped to production.
Customer-led
Module 06
🤖
Lyptus AI
Forward-looking AI feature for contextual insights. Grounded in existing analytics workflows.
Upcoming
01

Data Pulse — Exploring energy data at any resolution

Data Pulse is the primary analytics interface of the platform. Users can explore energy consumption data across different time resolutions, metric types, and data sources — from half-hourly interval data down to individual sub-meters.

The core design challenge was giving users enough control to do powerful analysis without creating a tool that felt like it required training to operate.

  • Main graph view — configurable chart type, time interval, metric, and data type
  • Table view toggle — switch from visual to tabular data without losing context
  • Download options — export data in multiple formats directly from the chart view
  • Bookmark a chart — save any configured chart as a reusable element for reports
  • Metrics / KPIs — add custom metrics as overlay indicators on any chart
  • Bookmarks library — manage and reuse saved chart configurations across modules
Data Pulse main graph view
Main Graph View
Table view
Table View
Download options
Download Options
Bookmark a chart
Bookmark A Chart
Add a metric
Add A Metric (KPI)
Bookmarked charts
Bookmarked Charts

Early vs. iterated designs

Early designs focused on exposing raw data and charting flexibility. Through iteration I refined visual hierarchy to prioritise key insights, simplified controls, and ensured charts could be reused across modules without redesign.

Early Design
Early design
Iterated Design
Iterated design
02

Admin Systems — Managing organisations at scale

Ecolyptus supports multiple organisations, each with their own sites, users, user groups, roles, and subscription plans. I designed approximately 40 screens covering the full admin surface of the platform.

These flows are rarely the most visually expressive part of a product — but they are mission-critical. A poorly designed admin system creates support overhead, blocks onboarding, and limits how the platform scales commercially.

  • Organisation creation and hierarchy — multi-level org structures with site assignment
  • User and user-group management — invite flows, bulk actions, group assignment
  • Permissions and access control — granular role-based permissions per module
  • Plan and feature configuration — tiered subscription management with feature gates
Admin panel
Admin Panel
40+Admin Screens
4User Role Types
03

Reports — Customisable reporting for every audience

The Problem

Most energy platforms rely on static or predefined report templates, limiting how teams present insights to stakeholders. Energy consultants especially need to tailor outputs to different clients — a format that works for a finance director won't work for a facilities manager.

The Solution

  • Pre-built report templates — utility bill generator, trend analysis, consumption reports
  • Fully customisable reports — drag-and-drop canvas with complete layout control
  • Reusable report elements — save any Data Pulse chart and compose it into any report
  • General settings — date ranges, branding, delivery schedules
Reports
Reports
Utility bill generator
Utility Bill Generator
Trend analysis template
Trend Analysis Template
General settings
General Settings
Customisable report
Customisable Report
Client Validation
When shown to four former energy clients (Wattics), all responded that this feature would be extremely valuable for presenting insights to their own clients.
04

Math Tool — Virtual meters through calculation

The Math Tool allows users to perform calculations on existing meters and save the result as a virtual meter — aggregating feeds, applying correction factors, or deriving metrics without external tools.

This was one of the most iteratively complex features to design. The interface needed to be powerful enough for technically literate energy managers, while remaining accessible to less technical users who just needed to sum two meters together.

  • Aggregation — combine multiple meter feeds into a single virtual meter
  • Derived metrics — calculate ratios, deltas, and corrections across data points
  • Cross-module reuse — virtual meters appear in analytics, reports, and alerts

The interface went through multiple iterations to balance flexibility with clarity — ensuring non-technical users could still create meaningful derived metrics without feeling lost.

Math Tool
Flow Step 1
Math Tool
Flow Step 2
Math Tool
Flow Step 3
Math Tool
Flow Step 4
Math Tool
Flow Step 5
Math Tool
Flow Step 6
05

Notifications — Threshold-based alerts

The notification system allows users to define threshold conditions on individual or aggregated meters, configure alert logic, and choose how they are notified when those conditions are met.

  • Threshold definition — set conditions on individual meters or virtual meter groups
  • Alert logic configuration — define duration, frequency, and condition operators
  • Notification channels — email, in-platform, and configurable delivery preferences
Customer Validation
This feature was identified as critical by multiple customers — one client pushed for it to be prioritised for release above other roadmap items.
Notifications
Notifications
Notifications
Alert Configuration
Notifications
Threshold Setup
Notifications
Delivery Preferences
06

Lyptus AI — Contextual intelligence

Lyptus AI is an upcoming feature designed to help users summarise and interpret energy data through natural language — moving the platform from reporting to active intelligence.

While not yet shipped, the designs were grounded in existing platform workflows. The design principle was clear: explainability over automation. Users should always understand why the AI is surfacing an insight, not just what it found.

  • Contextual insights — summaries grounded in the user's actual meter reads and site context
  • Explainability first — every AI output tied to the underlying data, not a black box
  • Seamless integration — embedded within analytics views, not bolted on separately
Lyptus AI
Lyptus AI — Design Exploration

What this project delivered.

6
Core modules designed and shipped to production from scratch
100+
Production screens designed across the full platform
4/4
Energy clients said the Reports module would be extremely valuable
Notifications fast-tracked by customer request — shipped ahead of roadmap