Explore More Projects
Continue browsing our work or view the full list of projects across digital systems, platforms, and web solutions.
Nubbin Hero (Web/LandingPage)
Conceptual hero section design inspired by the Black Mirror universe, reimagining a fictional product launch for the Nubbin implant. The project explores a cinematic, emotionally charged landing experience that balances sleek futurism with subtle psychological tension, blending narrative-driven design with real-world usability
Requirements, Challenges & Process
Requirements
The objective was to design a cinematic hero section inspired by a fictional product, balancing premium, futuristic aesthetics with emotional tension. Despite the strong visual storytelling, clarity and usability needed to remain a priority. Interactions were required to feel real and production-ready, with animations optimized for real-time performance in a web environment.
Challenges
A key challenge was avoiding over-stylization that could compromise readability or usability. Maintaining narrative immersion without overwhelming the interface required careful visual restraint. Another challenge was translating cinematic visuals into scalable, performant assets, ensuring that motion enhanced user focus rather than distracting from the core content.
Process
We provided a team consisting of:
1 Designer
The process began with designing a clean, spacious hero layout with minimal navigation to create an immersive focal point. Glow effects, depth, and layered UI composition were applied to suggest advanced technology and cinematic tension. Typography and layout details were iterated on throughout the design phase, refining hierarchy and tracking based on feedback. The Nubbin implant was fully recreated as a vector asset directly in Rive, replacing the initial Figma version to improve scalability, lighting control, and performance. Interactive hero animations were then built in Rive using state machines, hover-based micro-interactions, and logic-driven transitions. All interactions were tested with a code-ready mindset to ensure feasibility in real production environments.
Project Highlights
A curated selection of images that capture the essence, key elements, and overall impact of our work, illustrating the thought process, creativity, and results behind each project.
The Concept
This project explores how narrative-driven interface design can transform a landing page into a product story. Inspired by Black Mirror, the Nubbin hero blends cinematic tension with functional clarity, presenting a speculative product experience that feels immersive, provocative, and realistically shippable.
