When designing this website navigation concept, my primary goal was to drastically reduce the friction of user exploration.
By embedding interactive imagery into the menu hover states, users get an instantaneous visual cue of what lies behind each tab—like "Home," "Work," or "Studio"—without waiting for a brand new page to load.
It changes the website navigation experience from a blind click into an interactive map.
Design takeaways used here:
Keep typography massive so the hitboxes are easily accessible.
Use smooth easing curves on the transitional page wipe to keep it feeling light and fast.
Fellow interaction designers—do you prefer hidden full-screen menus like this, or persistent top-bar navigation layout models? Let me know below! 👇
Testing UI Raptor on a real project.
Checking spacing, exploring layers, and finding the little things that need fixing.
Still plenty to polish, but it’s getting there.