A website’s menu isn’t just a utility — it’s a design opportunity.
These award-winning sites, crafted by some of the most creative designers in the world, use inventive navigation to enhance the entire user journey.
From animated interactions to unexpected layouts, each menu on this list proves that smart, creative thinking can transform even the smallest details into a standout feature.
1. Hatom
By Immersive Garden from France.
About:
Discover the evolution of Hatom through a captivating experience, as we take you through the 5 stages of a griffin’s transformation.
Tags:
Technology Games & Entertainment 3D About Page Animation on scroll Creative Menu Custom cursor Header Design Interactive animation Interactive Design Interactive header Intro animation Liquid Sound-Audio Storytelling GSAP Animation Lottie Next.js Nuxt.js Open Graph Three.js Vercel
2. Mew
By Griflan from The USA.
About:
Cat in a dogs world.
Credits:
Jesper Landberg, BryBry
Tags:
Technology Art & Illustration Games & Entertainment 3D 404 pages Animation on scroll Button Creative Menu Footer Design Illustration Interactive animation Interactive Design Interactive header Intro animation Microinteractions Transitions Typography Core.js Google Font API GSAP Animation Lenis Netlify Nuxt.js Open Graph Vue.js Webpack
3. Era
By Vide Infra from The USA.
About:
Anew ERA for the city, a new chapter in your life — a promo website for Era real estate project.
Tags:
Architecture Promotional Real Estate 3D 404 pages About Page Animation on scroll Button Cookie message Creative Menu Interactive animation Interactive Design Intro animation jQuery Open Graph PWA Three.js Webpack
4. ATEN7
By Immersive Garden from France.
About:
Embark on an extraordinary journey through the mysterious Toom Archives, a unique immersive experience unraveling the captivating world of Aten7.
Tags:
Games & Entertainment 3D 404 pages Animation on scroll Creative Menu Custom cursor Horizontal Layout Interactive animation Interactive Design Interactive header Intro animation Sound-Audio Storytelling Typography Unusual Navigation Angular GSAP Animation Node.js Nuxt.js Open Graph PWA Three.js Typescript Vercel Vue.js
5. Docusign Brand
By BASIC® from The USA.
About:
To celebrate their rebrand, Docusign partnered with us to give visitors an interactive behind-the-scenes tour of their new brand.
Credits:
Ilja van Eck, Niccolò Miranda
Tags:
Design Agencies Technology Animation on scroll Cookie message Creative Menu Custom cursor Interactive animation Interactive Design Intro animation Microinteractions Sound-Audio Text animation Transitions Typography BARBA.js Core.js GSAP Animation jQuery Lenis Lottie Open Graph Webflow
6. SPYLT Milk
By Tubik Studio from Ukraine.
About:
Catchy and captivating ecommerce website designed and implemented for SPYLT, a bright and energetic brand of protein-rich caffeinated chocolate milk with bold and delicious flavors.
Credits:
Myky Zhuravlov, Andriy Drobovych, Anton Morozov, Diana Krupa, Vlad Taran, Ivan Shvindin, ladamyra_kunytsia, SPYLT
Tags:
E-Commerce Food & Drink 404 pages About Page Animation on scroll Button Colorful Contact Page Creative Menu Interactive animation Interactive Design Intro animation Text animation Transitions Typography Core.js Google Font API GSAP Animation jQuery Lenis Lottie Open Graph Webflow Webpack
7. Prometheus Fuels
By Active Theory from The USA.
About:
Dive into this stylized interactive story and learn how Prometheus Fuels is creating fuel from the air.
Tags:
Technology Products Promotional 404 pages Animation on scroll Creative Menu Header Design Interactive animation Interactive Design Interactive header Intro animation Landing Page Storytelling Firebase Open Graph PWA Three.js
8. O Positive Films
By Buzzworthy Studio from The USA.
About:
This project embraces a minimalist approach, emphasizing typography and accent colors. The clean design is enhanced by cinematic-inspired motion, evident in the page transitions and video UI icons. This blend of simplicity and custom animations creates a unique vibe, making the website reflect the personal vibe of the company.
Tags:
Agency Portfolio Film & TV About Page Animation on scroll Clean Contact Page Cookie message Creative Menu Dark Footer Design Fullscreen Gallery Graphic design Header Design Interactive animation Interactive Design Interactive header Intro animation Minimal Photo & Video Text animation Transitions Typography Express GSAP Animation jQuery Lottie Node.js Open Graph Prismic Three.js
9. SPACE TRASH SIGNS
By Owls Department from Poland.
About:
Space Trash Signs visualizes the consequences of space pollution through “constellations” made of space debris.
Credits:
Moby Digg
Tags:
Social responsibility 360 3D Creative Menu Dark Data Visualization Header Design Interactive animation Interactive Design Interactive header Intro animation Sound-Audio Apache GSAP Animation Open Graph PHP Three.js Wordpress
10. Joseph Berry Masterclass
By Joseph Berry from The UK.
About:
Animation and Interaction is a fundamental part in creating engaging and exciting experiences. Learn the crucial techniques in creating advanced animations and interactions in Webflow.
Tags:
Culture & Education 3D Button Creative Menu Interactive animation Interactive Design Intro animation Transitions Core.js jQuery Open Graph Webflow
