Visions Laboratory Brand Identity and Teaser

Visions Laboratory is a creative technology laboratory exploring immersive storytelling and interactive experiences for brands, culture, and future-facing media.

This is the brand identity and launch teaser site, built from scratch: naming, logo design, colour direction, typography, motion language, and the first public-facing landing page.

The logo came out of a hybrid process: sketching on iPad, using AI tools to generate visual references and speed up early concept exploration, then refining directions in Figma and Canva. The identity needed to feel cinematic, experimental, and slightly strange while still working as a polished studio brand.

The centrepiece is a cinematic SVG path morph animation built with GSAP, where separate logo elements animate and merge into the final mark. The wordmark uses a responsive gooey effect. The full site was built in React and Vite, deployed to Vercel.

This is the first iteration of the Visions Laboratory identity, establishing the foundations of the name, logo, motion language, main type direction, and overall visual tone. The brand will continue to evolve into a richer identity system, including expanded visual assets, a 3D version of the logo, 3D motion design, and a more developed brand world.

The full Visions Laboratory website is currently under development and will expand on what the studio is about, what it offers, how to work with us, and the type of immersive, interactive, and future-facing experiences we create.

Brand identity, creative direction, logo design, colour palette, typography, iPad sketching, AI-assisted design exploration, Figma, Canva, React, Vite, GSAP, SVG path morph animation, gooey effect, domain setup, Vercel deployment.