I didn't build a portfolio. I built a Cyberpunk OS. ⚡️
Standard portfolios are static documents. For the #ZoComputerChallenge, I wanted to build a living, gamified experience that pushes Zo’s capabilities to the absolute limit.
As an AI-native Product Lead, I treated Zo like a true cloud computer to orchestrate a digital vault:
🎧 The Atmosphere: A native Spotify integration streams synthwave while you browse, with custom UI assets generated via Zo's Image Gen.
🤖 The Gatekeeper: Instead of a boring contact form, you must convince "The Informant"—a paranoid AI powered by an external Gemini API integration. Impress the AI, and it unlocks a secure Outlook link to email me.
💰 The Backdoor: Don't want to talk to the AI? Pay the "Smuggler's Toll" via a Buy Me a Coffee integration to instantly bypass security and open the vault.
Building this reinforced why I love "vibe coding." It’s about orchestrating agents and APIs to build immersive, 0-to-1 experiences.
Turn your audio on and try to bypass the Informant.
Most product-launch animations are rebuilt from scratch for every campaign. VAULT takes a different approach: one polished, animated vault reveal that can be transformed into a completely different brand experience without rebuilding the motion.
I built VAULT as a reusable, brand-swappable animation template, with semantically named SVG layers for the brand colours, logo, product image, headline, subheadline, status badge and call to action.
Beyond the animation itself, I built a live browser-based customiser where users can switch brand palettes, edit typography, replace visual assets, inspect the layer structure and download their customised SVG.
The side-by-side SYNTHEX AI and LUMEN HYDRATION demonstrations show the same animation timeline, easing and structure working across two very different markets: B2B SaaS and premium skincare. The identity changes. The underlying motion remains intact.
Built with SVGator MCP and the SVGator Player API, VAULT explores how AI-assisted creative workflows and interactive tooling can make professional motion design more adaptable and accessible.
The goal is simple: build once, customise in minutes, and launch for any brand.
What would your product look like in 15 seconds?
This is a concept promo for a app, Synkro. I design and animate videos like this for SaaS and AI startups. Message me for a quote.