Nocturna

Nocturna challenges the standard oral care aesthetic with digital grit. Responsible for all assets and code, I pushed SVG capabilities to simulate depth, crafting a fully immersive experience. It is a performance-focused experiment in visual perception, tailored for a modern, digital-native audience. L'éclat de la nuit.

A floating product showcase suspended in a digital void. The 'Noir Spice' packaging appears as a midnight-blue monolith, sliced by a neon gradient beam. Below, the tube features a matte soft-touch finish with a precision-polished silver cap, evoking the sleek industrial design of high-end hardware.
A monolithic hero title where the brand name 'Nocturna' dominates the screen in massive, geometric white sans-serif. The typography floats over a shadowed, midnight-blue prism, creating a cinematic depth reminiscent of a high-tech product reveal in a digital void.
A technical deep-dive layout set against the dark mode UI. The central text block, headed 'Potência que ilumina', specifies the light-reflecting polishing formula. Two massive, stark white geometric placeholders flank the text, appearing as blinding, dormant portals waiting to be populated with atmospheric scenes of quiet urban nights.
A cinematic identity statement. The headline 'Um perfil. Não um sabor.' commands the upper visual field, asserting a shift from flavor to persona. Below, the Nocturna packaging components are arranged in a wide-format architectural display, where the neon-slashed box and matte tube interact with the negative space like high-performance hardware on a showroom floor.
A stark white wireframe schematic of the Nocturna packaging locked in an open state. The sharp, geometric lines cut through the black void like a digital blueprint, exposing the box's internal architecture in a moment of suspended animation.
The interface terminates in a deep midnight-blue structural horizon. A minimalist footer expanse, currently devoid of data, acting as the silent, grounding bedrock where the site's navigation architecture will eventually dock.
A condensed mobile command interface. The Nocturna monolith floats at the top as a dark 3D totem, slashed by a neon gradient. Below, a high-contrast white pill button labeled 'Junte-se ao circulo' anchors the screen, acting as a tactile access node to the brand's exclusive ecosystem.A vertical identity declaration. The headline 'Um perfil. Não um sabor.' reframes the commodity as a persona. The visual hierarchy stacks the packaging like tech components: the box's neon laser line cuts across the upper sector, while the tube rests below with the gravity of a matte-finished device.
A condensed structural schematic of the open packaging. The stark white wireframe floats in the center, stripping away texture to reveal the product's architectural geometry in a raw, unrendered state—a digital blueprint optimized for the handheld display.The scroll depth reaches its absolute terminus. A condensed midnight-blue bedrock at the base of the mobile display, currently silent and unpopulated, serving as the final grounding anchor for the interface's vertical journey.
top
Luiz Gustavo Creative Front-end Developer