Discover the best complex-navigation websites created by professional designers. Get inspired and start planning your perfect complex-navigation web design today!

A personal project (in no way affiliate with Uniqlo). Whilst shopping at Uniqlo I realised they had quite a unique and complex navigational system. I wanted to recreate this but in a more tablet and mobile friendly way. In doing so i was able to push some of the boundaries in Webflow, in terms of layout and interactions. Hope this work inspires someone.

Uniqlo Responsive Design

UNIQLO Responsive Experiment

I'm excited to share this Stripe's Mega Menu rebuild in Webflow. I tried to make it many times but wasn't able to successfully achieve that in Webflow. But Alhamdulillah after 3-4 tries I was able to make It.

I tried to make it as structured as possible but if you have any questions about it do let me know in the comments or email me.

Note: 
- All the assets used in this project are property of Stripe and they have complete right over their use. I'm using it just for educational purposes.


Clone the Mega-menu to get started! 🚀
I encourage you to make it even better with your knowledge and expertise.

(Not responsive yet)

Stripe Mega Menu Rebuild

stripe-mega-menu-rebuild

I created a YouTube tutorial here (german): 
https://youtu.be/C1k6bm8ybBY

Nav Mega Dropdown

Navigation Mega Dropdown (+ custom animation)

I'm excited to share a new tool for your Webflow design toolkit. It has many simple navigations and footers used more frequently.

Clone the kit to get started! 🚀

The kit includes
- 6 navigations
- 6 Footer Section (All responsive)

Cloneable-- Ui Kit

cloneableuikit

I was inspired by Webflow's Mega-menu and challenged myself to recreate it without custom code.
Added a custom popup modal for the Contact form as well.

I hope you like the result as much as I do :)

Feel free to clone and see how it works...

WePay

Mega-Menu challenge

This is a partial clone of the VC Swipe site (https://www.vcswipe.com)

- Full page scroll transition with Anime.js
- Control most of the interaction with Anime.js
- Control Lottie with Lottie.js
- Use mix-blend-mode

Incoming : 
- Seamless page transition with Barba.js
- More Slides & Pages
- Detail animation
- Slide progression element
I create it to practice and showcase my skill to getting hired on Upwork
=> https://www.upwork.com/freelancers/~01993b9a585a347664

Clone of VC Swipe

partial-clone-of-vcswipe | custom fullpage scroll | anime.js

This was my submission for the iX2 contest back in November.

cottoncandy

Experimental Navigation

Attending a request from the Forum, here's a quick example of how to create a Sub Dropdown Menu

Please feel free to grab a clone!  :-)

subdropper

subdropdown

This was challenging when some products have variants of length, width, color and price discount per quantity.

Many collections and conditions are used in this project. 

This project is tailored for a client that has a very elaborate product specification.Products are categorized by custom criterias, including: width, length, color, size and quantity. On top of that they use tier pricing, therefore I wrote for them a custom pricing logic.

The site enables for easy searching by any variant criteria. This simplifies the shopping process and assists with those sale numbers ;)

The homepage is completely controlled by the client. They uploaded images and panners to reflect their super-colorful vinyl business personality.

Extreme imprint

Client site - eCommerce

I built out a highlights page for each of the Scream movies! They are complete with a CMS holding the info for the various actors and details. Each page also has a unique navigation bar and animation. Have fun navigating through them all, hopefully it sparks some creativity in your next project! 

Check out my walk through design video of this as well: https://www.youtube.com/watch?v=LQuAHMm2WEQ

5 Unique Navbar Ideas | Scream Movies

Pinzone's has served the highest quality meats in Cleveland, OH for more than 40 years.

Pinzone's Fresh Market Meats

Pinzone's Market Fresh Meats

Aesthetic sheet music with structure and annotations built in. This is everything a musician uses to learn, packaged well.

Clair Music

Sheet Music Re-Imagined

Website for Italian restaurant in Cleveland, OH

Nora

Nora Italian Ristorante

Lago Custom Events

A service to help professionals polish their resumé and get the job.

A colourful, intricate design that leverages Webflow's CSS grid and flex boxes in a unique overlapping design.

Slay my Resumé

slay-my-resume

Built a website to help a client market his newly built apartment complex to international travelers. 

Room Booking Website

Modern Hotel Website

A landing page built for a B2B Saas business doing branding for ghost kitchens. Features custom lottie animations.

Discover complex navigation websites built by the Webflow community

Discover complex navigation websites built by the Webflow community