The Anatomy of a Website

Advanced Web Design

The Anatomy of a Website

In order to create an optimum web design, you first have to get oriented and understand its basic structure.

The Parts of a Website

Homepage, Slider, Header, Navigation Menu, Primary/Secondary Navigation, Sidebar, Call to Action, Footer

Homepage

This is the opening page

Homepage

Its goals are usually to: welcome visitors, show users they are in the right place, make it clear what you do, guide visitors further into the website

Slider

A changing content area with different slides of visuals or information

Header

A consistent area at the top of the site that includes the Iogo & navigation menu

Header

might also include: Logo, Navigation Menu, Tagline, Phone Number, Address, Search Box, Buttons, Social Media Icons, Log-in/ My Account Links, Opt-in Box

Navigation Menu

Part of a header and includes the links that take visitors to other parts of a website.

Primary/Secondary Navigation

Navigation can include both primary & secondary navigation menus

Primary Menu

includes the main, most prominent links

Secondary Menu

includes other links that may not be as transactional or important.

Sidebar

Area of the website used to display information that's not part of the page's main content.

Sidebar

We tend to keep ________ on the websites we design simple and relevant, when we use them

Call to Action

A part of a website that incites visitors to take action.

Call to Action

It is one of the most important parts of a website because it is what guides the visitor to do what you ultimately want them to do.

Footer

Consistent content area at the bottom of every page of your website

Footer

is a great place to catch the visitor's attention and guide them deeper into your website when they reach the bottom of the page