- Awards
-
Category
- Architecture
- Art & Illustration
- Business & Corporate
- Culture & Education
- Design Agencies
- E-Commerce
- Events
- Experimental
- Fashion
- Film & TV
- Food & Drink
- Games & Entertainment
- Hotel / Restaurant
- Institutions
- Luxury
- Magazine / Newspaper / Blog
- Mobile & Apps
- Music & Sound
- Other
- Photography
- Promotional
- Real Estate
- Social responsibility
- Sports
- Startups
- Technology
- Web & Interactive
-
Tag
- Navigation Menu
- 360
- 3D
- 404 pages
- About Page
- Animation
- App Style
- Big Background Images
- Clean
- Colorful
- Contact Page
- Content architecture
- Contentful
- Copy design
- Data Visualization
- Filters and Effects
- Flat Design
- Footer Design
- Forms and Input
- Fullscreen
- Gallery
- Gestures / Interaction
- Graphic design
- Header Design
- Horizontal Layout
- Icons
- Illustration
- Infinite Scroll
- Interaction Design
- Menu - Horizontal
- Menu - Vertical
- Microinteractions
- Minimal
- Parallax
- Photo & Video
- Photographic
- Portfolio
- Project Page
- Responsive
- Responsive Design
- Retro
- SEO
- Scrolling
- Single page
- Social Integration
- Sound-Audio
- Storytelling
- Transitions
- Typography
- UI design
- Unusual Navigation
- Vector
- Video
- Web Fonts
- next.js
-
Technology
- AWS
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- After Effects
- Angular
- Anime.js
- BARBA.js
- Blender
- Bootstrap
- CSS
- Canvas API
- Cinema 4D
- Contentful
- Craft CMS
- Curtains.js
- D3
- DatoCMS
- Debian
- Docker
- Drupal
- Elementor
- Express
- Figma
- Firebase
- Flickity
- Font Awesome
- Framer
- GLSL
- GSAP
- Gatsby
- Go
- Google App Engine
- Google Font API
- GraphQL
- HTML5
- Handlebars
- Highway.js
- Javascript
- Knockout
- Laravel
- Lo-dash
- Locomotive Scroll
- Lottie
- Magento
- Matter.js
- MediaElement.js
- MongoDB
- Motion
- Neos CMS
- Netlify
- Next.js
- Nginx
- Node.js
- Nuxt.js
- OWL Carousel
- PHP
- PWA
- PixiJS
- Prestashop
- Prismic
- Python
- React
- Readymag
- Redux
- Reveal.js
- Ruby
- SVG
- Sanity
- Sass
- Shopify
- Sketch
- Svelte
- Swiper.js
- Tailwind
- Three.js
- Timber
- Twitter API
- Typekit
- Typescript
- Vanilla JS
- Varnish
- Velocity.js
- Vercel
- VideoJS
- Vue.js
- WebGL
- WebSockets
- WebVR
- Webflow
- Webpack
- WooCommerce
- Wordpress
- YouTube API
- jQuery
- tween.js
-
Country
- United States
- United Kingdom
- France
- Italy
- Canada
- Netherlands
- Australia
- Germany
- Spain
- Switzerland
- Russia
- Denmark
- Belgium
- Ukraine
- Brazil
- Sweden
- Austria
- Poland
- Greece
- India
- Japan
- Portugal
- New Zealand
- Turkey
- Singapore
- South Africa
- Norway
- Croatia
- Mexico
- Argentina
- Romania
- United Arab Emirates
- Ireland
- Israel
- Czech Republic
- Hong Kong - Macau
- Lithuania
- Bulgaria
- China
- Finland
- Iceland
- Slovenia
- Taiwan
- Colombia
- Hungary
- Indonesia
- Latvia
- Nigeria
- Serbia
- Armenia
- Slovakia
- South Korea
- Bangladesh
- Bosnia and Herzegovina
- Lebanon
- Malaysia
- Moldova
- Morocco
- Nepal
- Pakistan
- Uruguay
- Bahrain
- Belarus
- Chile
- Cuba
- Cyprus
- Estonia
- Ghana
- Isle of Man
- Jordan
- Kenya
- Luxembourg
- Mauritius Island
- Paraguay
- Saudi Arabia
- Thailand
- Uzbekistan
-
Font
- Fa
- GT
- Aeonik
- Avenir
- DM
- Futura
- Barlow
- AT
- Apercu
- Arial
- Assistant
- Anton
- Degular
- Druk
- Aktiv
- Bebas
- Canela
- DIN
- ABC
- Cardo
- Circular
- ETmodules
- Founders
- Acumin
- Adobe
- Archivo
- Baskerville
- Bitter
- Brandon
- Calibre
- Cormorant
- Editorial New
- FK
- Freight
- Adelle
- Adieu
- Alliance No 2
- Antarctica
- Averta
- Basis
- Be Vietnam Pro
- Bodoni
- Cardinal Fruit
- Changa One
- Darker Grotesque
- Domaine
- Droid Sans
- EB Garamond
- Euclid
- Favorit
- Formular
- Fraktion Mono
- Franklin
- Fraunces
- Abel
- Akkurat
- Akzidenz
- Alata
- Albra
- Allura
- Alte Haas Grotesk
- Americana
- Ano
- Antonio
- Archia
- Arimo
- Ayer
- Baton
- Beatrice
- Bodoni Moda
- Bon
- Borna
- Bradford
- Bricolage Grotesque
- Brown
- Cabin
- Cako
- Canopee
- Cera
- Chivo
- Cinzel
- Circe
- Comfortaa
- Commissioner
- Cooper
- Copyright Fort Foundry LLC
- Copyright Sharp Type Co. This font is licensed for web use only.
- Courier New
- Crisp Noto Sans
- DNA
- Denim
- Denton
- Dosis
- Epilogue
- Everett
- Exo
- FFIcons
- Feijoa
- Figtree
- Financier Display
- Font
- Forum
- Fragment Mono
- Color
Navigation Menu
An effective navigation design is crucial for a website. Without navigation, a site loses all sense of structure and organisation. Navigation is the way to guide readers through a website, so that they know how much content is available and where to find what they are looking for.
Simplicity is crucial for website navigation. Navigation can be presented in many ways, from side bars to menus in the header or footer or in a fixed frame that stays present anywhere in a website, but the key of an effective navigation of a website is its structure and organization. The importance of a structured hierarchy is directly proportional to the amount of content of the website.
People quickly leave the websites they cannot navigate. The best way to make a site easy to navigate is to put things where users would expect them to be positioned. Users should be able to go to any page in a maximum of two or three clicks, with the main site pages accessible in one. Too many links can overwhelm readers. Links in a website must be relevant, this makes the readers most likely to click on them. Navigation must be accessible from any page of the website, understandable, clear and intuitive. Navigation design must be consistent through a website, not change from page to page, and remind users where they are. The most popular sites are the ones that don't force the user to figure out how they work and present their subject areas in the most logical way.