Asteria Energy

A personal project: a landing page for an Apple Watch charging case, where the 3D element is the core of the page, not decoration.

asteria-energy.webflow.io

Starting point

Asteria is a project I made for myself: to test how a 3D element can be the core of a product landing page rather than just decoration.

Goal

To show the product the way the best tech brands do: the 3D model guides you through the page, and every benefit has its own product shot.

Scope of work

What I did.

Step by step

Step 01

One sentence, one product
Your Apple Watch charged. Always. The headline says what it is, and the 3D model next to it shows it faster than a paragraph of text.
Step 02

Benefits in the rhythm of scrolling
Protection and charging, cable-free convenience, ready for travel: every benefit has its own section and its own product shot.
Step 03

Lessons for client work
I use the same way of thinking in immersive websites for clients: first the shot list, then the technology.

Result

Concept project