Energy Services Client Portal

Overview

This project is a secure web portal built for an energy services company. It combines an internal admin panel with client account management, behind a branded sign-in gate. The client is confidential, so we describe it in general terms. The portal is for the company's own staff, who need one place to manage customers and the services delivered to them.

The Challenge

Energy services businesses run on a lot of small, connected records: customer accounts, sites, service work, status updates and follow-ups. When those live in spreadsheets, email threads and separate tools, staff lose time reconciling them and customers get inconsistent answers. The company wanted a single controlled system. Because the information is commercially sensitive, restricted access was not a nice-to-have; the portal had to be closed to the public and open only to authorised users.

Our Approach

We began with the roles. Who signs in, what each person needs to see and what they must not be able to change shaped the design more than any screen layout did. Access control came first, followed by the account and service records those users work with. We kept the interface plain and task-focused, because internal tools succeed when they make routine work faster, not when they impress visitors. The sign-in page carries the company's branding so the portal feels like part of its own operation.

What We Built

Everything sits behind authentication. After signing in, staff reach an admin panel for managing client accounts, including creating and updating records, and for tracking the services associated with each account. Service tracking gives a current view of what is in progress and what has been completed for each client. Role-based permissions restrict who can view or edit which parts, and sessions are handled securely so unattended screens do not become a risk. Search and list views let staff find an account quickly, and the layout is arranged so the most common actions take few clicks. The portal was designed so that additional modules can be added later without reworking what exists.

Technology

React powers the interface, which suits a data-heavy admin tool: tables, filters and forms update in place without full page loads. Node.js provides the API and authentication layer, and keeping both sides in JavaScript let one team move across the whole system efficiently. The separation between front end and API also means the same back end can later serve other clients, such as a customer-facing view, if the company wants one.

Outcome

The company now has a controlled, branded system of record for its client accounts and service work. Staff no longer need to piece a customer's history together from several places, access is limited to people who should have it, and the portal provides a foundation the company can extend as its processes evolve.