The logo, as the main character.
A single-page marketing site for Silver Connection, the platform that puts an ecommerce brand’s marketing, sales and logistics into one connected model (the app case study). It speaks to brand owners, tells the same story as the 43-second launch film and ends in a contact form.
The page is seven scroll scenes on one WebGL canvas. The Orbit mark, a silver sphere circled by a lime ring, is rebuilt as a halftone sphere of about 9,000 dots: it scatters into a starfield, gathers back as the light page bursts out of it, carries the brand cards in orbit and rises for the finale. Marketing, Sales and Logistics each pair a wireframe object (floating ad creatives, dot-matrix sales bars, cartons stacking onto a pallet) with a card recreated from the app’s real screens, on made-up data.
Every effect follows the scroll position, so scrolling back plays it in reverse. The text is rendered on the server and the 3D engine loads after first paint. Phones get fewer dots, reduced motion gets a calmer version, and browsers without WebGL get an SVG logo and plain HTML cards. Launch is pending, so there is no public link yet.
Launch Film
Design System
Color
Typography
Tech Stack
Key Features
Orbit Hero
The logo as a living 3D object: its dots gather on load, the lime ring draws itself and the point whips round it, and the whole sphere tilts with the mouse.
Chaos to Clarity
“Your ads live in one tool…” lights up word by word over a starfield while six tool cards jitter. Scrolling pulls them into the ring, and the light page bursts out of the sphere.
Real Product, Not Mockups
Marketing, Sales and Logistics each pair a wireframe 3D object with a card recreated from the app’s own screens, filled with made-up data.
The Connected Model
Scrolling moves the ad-budget slider. A lime pulse runs a 3D chain of six steps and each number counts to its new value, from an ad budget of $164K to $180K to an order date pulled forward from Nov 12 to Nov 6.
Carga on Cue
The question types itself and sends, Carga thinks, then answers with a table, just as the assistant does inside the app.
Every Brand, in Orbit
Six brand cards ride a ring around the sphere and pass behind it. The finale rises as a navy curtain, and the point lands with a flash and a shockwave.
Page Architecture
Screenshots
Every scene happens while the page scrolls, so the full page is its scene frames stacked in order. Aurelle and the other brands are invented.
