16:3 Studio is my independent software studio website, designed and developed from the ground up to showcase selected work, services, and my approach to building digital products.

The site combines an editorial-inspired visual system with a clean, structured layout, subtle interactions, and responsive design. I focused on creating a distinct studio identity while keeping the experience fast, accessible, and easy to navigate across devices.

Built with Next.js, TypeScript, Tailwind CSS, and Framer Motion, with an emphasis on reusable components, performance, responsive behavior, and polished frontend details.

My role: Design, Frontend Development & Engineering

Stack: Next.js · TypeScript · Tailwind CSS · Framer Motion

The studio site has a clear way to show both the work and how you build it. I like that you kept the motion subtle. Did you have to make any tradeoffs to keep it fast on mobile?

I'm experimenting with two responsive designs for mobile bottom navigation and would love to hear your thoughts.

Which approach would you prefer? 👇

A — Multi-row Grid Navigation items wrap into multiple rows to accommodate smaller screens.

B — Horizontally Scrollable Bar A single-row navigation bar that users can scroll horizontally to access more options.

Which feels more intuitive, accessible, and user-friendly?

Vote for A or B and let me know why in the comments. I'd love to hear your perspective! 🚀

Multi-row Grid is more practical I like it great job 🎉🎉🔥🔥