S

Selected work · 2024 – 2025

Wattlens

Type

Energy analysis platform

Duration

6 months

Year

2024 – 2025

Role

Chief Technology Officer

Outcome

A repeatable pipeline in place of a manual spreadsheet workflow

Tools

  • React
  • Vite
  • Tailwind CSS
  • AWS
  • Vercel

An energy analysis platform that takes raw consumption data and turns it into something a person can act on: cleaning it, analysing it, and generating the reports that would otherwise be assembled by hand in spreadsheets. React across the landing page and the user dashboard.

Wattlens takes raw energy consumption data and turns it into something a person can act on. Cleaning first, because real meter data arrives inconsistent, then analysis, then the reports that would otherwise be assembled by hand in a spreadsheet every month.

Built as a landing page and a user dashboard in React, with AWS behind it and Vercel serving the front. The design decision that shaped it was treating the export as the product rather than the dashboard: the charts are how you check the numbers, but the report is what actually leaves the building.

Inside Wattlens

Wattlens How It Works section showing CSV upload and the cleaning pipeline

The unglamorous middle step is the product

Upload a CSV, get a report. The interesting part is between those two, and the page is built to show it: data cleaning, structure analysis, chart generation, each ticking off as it runs. Real meter exports arrive with inconsistent headers, missing intervals and mixed units, and the hours an analyst spends fixing that by hand are precisely what is being sold. That is why the marketing page animates the processing rather than showing the finished chart, and why the export was built before the dashboard was.

Wattlens sign-in page

Still selling on the login screen

Split layout with photography on one side and the form on the other, and the brand promise repeated beneath the image. A login page is often the first thing a colleague sees when someone forwards them a link, so it still has to say what the product is rather than assume the visitor has read the homepage.

Wattlens demo request form

A sales route, not a signup

Nobody self-serves into energy analytics at eleven at night, so the primary path in is a conversation. The form asks for name, company, and the field that does the work: what you are hoping to achieve with the platform. That answer is worth more to a small sales team than a completed account would be, because it tells them whether the caller is a developer, a consultant or an ESG team before anyone picks up the phone. It is a separate mode rather than a link under the signup form because it is the route they would rather you took.

← All work