Gameboy – Framer Concept Interactive Micro Website

The Gameboy only uses 1 svg for the Nintendo logo, no other images and 100% no code.

View Demo | Get Remix

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.

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.

Timeline: 3 days Budget: N/A No. of components: 10 Deliverables: Finished Framer project file and Remix.