Chris Nutbeen
A interactive Gameboy template on Framer
The Gameboy only uses 1 svg for the Nintendo logo, no other images and 100% no code.
✱ The Design
It was important to see how far I could design the visuals directly in Framer, instead of using Figma to create the UI and elements.
Everything on this Gameboy was created directly in Framer with no external resources, except the blue Nintendo SVG logo. Even the pixelated Nintendo logo on start-up is a font.
I was very impressed with the outcome I was able to achieve soley using Framers features. The only aspect I think Figma could have improved in the Pad, as the shadows and lighting to achieve a clean look was tricky in Framer.
✱ The Experiment
This experiment was to review the capabilities of nested components before having to use code. While code would make this a little more elegant in terms of component structure, the outcome is ultimately the same, whereas with no-code the navigation has to be within one-level of the screen to work correctly.
✦ The Stats
Impressed? Want me to create a Framer website for you? Check out my Framer services and book instantly ⚡