Electrandia

EV charging

A plug that forms an E with a bolt. Electric green on midnight blue.

#00c389#0b1f2a#ffffff

Typefaces: Sora · DM Sans

The brief

EV charging is new to many customers and raises technical questions. The plug forming an E with a bolt is easy to remember; electric green on midnight blue stands out at a charging station, and the website separates homes, buildings and fleets.

The brand in use

Electrandia: trade-show booth and stationery

Project sheet

Industry	EV charging · Technology
Promise	Charger installation and management for companies and fleets.
Highlights	Turnkey installation · Charging management · A report per vehicle
Call to action	«Quote chargers»
Website	Landing page with the headline «Your fleet charged, no queues»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 16.9:1 · button 7.4:1 (the WCAG minimum is 4.5:1)

Electrandia: website on laptop and phone

Website · Landing page

Your fleet charged, no queues

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,1 KB HTML and CSS
0 JavaScript libraries
5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#ffffff;
  --tinta:#0b1f2a;
  --acento:#00c389;
  --tinta-boton:#0b1f2a;
  --oscuro:#0b1f2a;
  --sobre-foto:#ffffff;
  --titulo:'Sora',Georgia,serif;
  --letra:'DM Sans',system-ui,sans-serif;
  --radio:10px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Fleet charging dashboard with chargers in use and energy per vehicle.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

A lead arrives from ads or the site
It is scored by need and urgency
Qualified leads go to a person with an instant alert
The rest get an email sequence and stay in the CRM