Volt EV Charging
A crisp, product-led landing page for an EV fast-charging brand, built to match a supplied design reference - a single hero charger set against an oversized CHARGING wordmark.
- Role
- Design + build
- Services
- UI/UX design · Creative frontend · Asset preparation
- Year
- 2026
- Status
- Concept build
Overview
The brief
Charging-network marketing usually reads as flat and technical. The brief was to reproduce a premium reference layout faithfully, then make it real: a clean hero, honest spec callouts, and a calm, well-typed flow through the network story.
An original concept project. Brand and content created for the build.
Approach
How I built it
Rebuilt the reference layout in React and Tailwind, anchoring the hero on one three-quarter charger cutout behind an oversized CHARGING wordmark.
Regenerated genuine transparent PNG cutouts from fake-transparent source art with a flood-fill pass, so the charger sits cleanly on the paper background.
Kept the entrance motion to two CSS reveal patterns, carefully separating a fade from a transform so the hero settles without jitter.
Structured the page as calm, single-idea sections: technology, why-choose-us, fast charging, how-to-use, parking and port detail.
Key features
What makes it work
- Product-led hero: charger cutout over an oversized wordmark
- Genuine RGBA cutouts rebuilt from fake-transparent art
- SK Signet spec callouts kept factual
- Calm, single-idea section rhythm
Gallery
A closer look
Build
Under the hood
- Build and console clean; verified at 1440 / 390
- No horizontal overflow at 1440 / 390
Reflection
Looking back
A good exercise in reproducing a reference faithfully while keeping the code honest. The charger photography and the SK Signet hardware naming would need clearing before any public or commercial use.