Roadster Website Design and Development

Thats a cool animation. Did you use any AI tools for the same

Nova Digital Studio | Brand Identity and 3D Website

Overview Nova Digital Studio is my own studio, which builds premium 3D websites for product brands. This project is its identity and its website: a logo built from lines, a color and type system, and a fast one-page-style site that shows the work the studio sells. The site is live at novadigital.studio, and it is the first thing a client sees, so it has to prove the service by being it.

My Role

Brand identity, web design and development, solo.

The Approach The brand starts from one idea: 3D is what we build, so 3D is what the mark is made of. The logo is a cube drawn in flat lines. The lines are thicker where the light falls away, so a flat page gains depth. The lit top carries horizontal lines in vermilion, the barred side carries vertical ones, and the shadow side is solid. The same lines appear inside the “o” of the Nova wordmark. At 16 pixels the fine lines blur, so a simpler cube keeps the same light: lit top, barred side, solid shadow.

The palette is deep forest green, paper and bone, with one vermilion accent. The type is Fraunces, a high-contrast serif, for headlines, and Archivo for text. The look is editorial and warm, closer to a design studio than a tech template.

The site proves the claim instead of describing it. A 3D cube sits in the hero, and further down a perfume flacon built entirely in code lets visitors turn and light a product. There are no model files, and it loads only when you scroll to it. The projects section scrolls sideways through the work, and the contact form sends the enquiry straight to the studio inbox, with no mail app opening.

Built With

React and Vite: the front-end framework and build tooling.

Three.js: the interactive 3D cube and product demo, with lighting and camera controls.

GSAP ScrollTrigger and Lenis: scroll-driven animation and smooth scrolling on one shared clock.

Vercel: hosting and the serverless route behind the contact form.

Fraunces and Archivo: the typefaces.

A Note on This Project This is the studio’s own identity and website, not commissioned client work. It’s the same quality standard we apply to client projects.

Loved the really smart animation!