BASIC PARTS OF A WEBSITE  For example, the above feature image shows

delicious sushi with a headline that invites

you to Feel the sushi of Japan.
1. Header  It quickly shows what the website is about.
 A Header is the top part of a website, often It can also showcase your products.
running across the page and featuring Remember, it should always connect with
clickable elements like the logo, navigation the overall message of your site.
links, and login buttons.
 It's designed to grab attention and help 4. Sidebar
visitors find what they need quickly. Most  The Sidebar is that narrow vertical column
websites have a header on the homepage, you see on the side of a website's main
with some variations on other pages. content. It provides extra options, links and
 A good header keeps important information information.
easy to access and improves the overall user  For example, Growthguy's website shows a
experience. sidebar on the left side of the main content
There are different types of headers, such as: with a CTA section and table of contents.
 Fixed Header: It stays at the top of the This website is build with Dorik, the best AI
screen as you scroll down. website builder in the market.
 Sticky Header: It sticks to the top only after  You can often include links to other content,
you scroll past a certain point. ads, or even a search box that keeps
 Dynamic Header: It changes based on your everything organized without taking up too
actions or the content on the page. much space.
 Minimal Header: It is simple and only has  One of the key benefits of a sidebar is that it
the essential links. can be used to promote your newsletter or
 Full-Screen Header: It covers the entire monetize your site with ads. You can also
screen, often used on landing pages. advertise your own products. It’s a handy
space that can boost engagement and
2. Menu Navigation revenue.
 The menu navigation helps visitors find their  However, some modern websites are
way around by showing them different moving away from sidebars and choosing a
sections they can visit. Usually, the menu full-width layout instead.
sits up in the header, so it’s easy to spot.
 Your menu should be organized in a way 5. Website Content
that makes sense for your business. For  Website content is everything your visitors
example, PayPal’s menu is a perfect see and interact with on your site. It's not
example of a mega menu. This type of menu just the written text, which we often call web
is especially helpful for websites with lots of copy, but includes all the elements that
pages. communicate your message, including text,
 When you hover over the main links like images, videos, and even audio.
Enterprise, a drop-down menu appears. It  This content is essential because it explains
shows many more links organized into what your website is about, what you offer,
categories like Payments, Risk & and how visitors can benefit from it.
Operations, and Resources.  Every piece of content on your site plays a
 On mobile devices, this menu might be specific role, and even the small words on
simplified into a hamburger menu, buttons or menus are significant. These short
represented by three little lines stacked on bits of text, like 'Buy Now' or 'Sign Up,'
top of each other. People tap it to see more are the driving force that guides visitors to
options. take action.
 It's important to carefully plan all your
3. Feature Image website content. Well-structured content
 The Feature Image (also called the Hero helps your visitors understand your brand as
Image) is the big picture you see at the top clearly as you do.
of a webpage that immediately grabs your
attention. 6. Footer
 It sets the mood for the rest of the page and  The Footer sits at the bottom of all the
often includes a headline or a call to action, website pages and stays the same no matter
like Place Your Order or Learn More. where you are on the site, just like the
header does at the top.
  Footers are where you put important  Forms help you gather information from
information like contact details, privacy visitors and can be used for different
policies, terms of use, and links to your purposes based on what you need.
social media.  For example, a contact form lets visitors
 Moreover, it often contains a sitemap with easily reach out to you. A signup form, on
links to all the pages on your site. This can the other hand, helps you collect leads by
be really helpful for your visitors as they can asking for details like email addresses.
easily find pages or offerings that are not  Where you put these forms depends on their
included in the header. purpose. A contact form might go on your
Contact Us page, while a subscription form
7. Logo could pop up as visitors browse your site.
 The Logo represents your brand. People can  The main goal is to make it easy for people
recognize your brand and remember it to fill out these forms without interrupting
through your logo. their experience on your site.
 Usually, you’ll find the logo in the top left
corner of the website header. It’s often 11. Sharing Buttons
clickable, so visitors can easily return to the  Sharing Buttons are those little icons you see
homepage with a simple click. on a webpage that make it easy for you to
share a website page or content on social
8. CTA media.
 A CTA or call-to-action can be a popup,  When you find something interesting online
ribbon, slide-in, email opt-in box, or even a and want to show it to your friends or
simple text link. It typically uses short followers, these buttons let you do that with
phrases that tell users what action to take just a few clicks.
next.  You usually see these buttons as small icons
 You can see various examples of CTAs at the end of a website, displaying the logos
above, like Read More, Subscribe, Add to of different social media platforms.
Cart, etc.
 Without CTAs, people can leave your site
without taking any action, which could lead SUMMARY (KEY POINTS)
to fewer conversions and sales.
1. Header:
9. Landing Page Top section displaying clickable elements like logos
 A Landing Page differs from other and navigation links. Variations include fixed,
webpages. It’s a page where a visitor lands sticky, dynamic, minimal, and full-screen headers,
after clicking on a link in an email or from enhancing user experience.
ads on platforms like Google, Facebook,
YouTube, or Instagram. 2. Menu Navigation:
 Unlike other pages, a landing page focuses Helps users explore different sections of the site,
entirely on one goal: getting the visitor to usually located in the header. Organized effectively,
take action. This could be buying a product often includes mega menus for extensive pages and
or signing up for a newsletter. may simplify to a hamburger menu on mobile.
 You can see above that the landing page is
all about encouraging visitors to purchase 3. Feature Image (Hero Image):
the book The Psychology of Money. Large, prominent image at the top of a page that sets
 You’ll notice that the page is clean, with a the tone and may include a headline or call to
strong headline, a clear call-to-action button action, representing the website's focus.
("Buy Now"), and minimal distractions.
 The core intent of a landing page is to 4. Sidebar:
maximize conversions by being laser- A vertical column beside the main content offering
focused on a single message. additional links, ads, or information. It can enhance
engagement and monetization but is less common in
modern designs.

10. Forms
5. Website Content:
All interactive elements on the site, including text,
images, and videos that communicate the brand's
message and encourage visitor action.

6. Footer:
Bottom section containing important information
such as contact details, privacy policies, social
media links, and a sitemap for easy navigation.

7. Logo:
Visual representation of the brand, typically placed
in the header, often clickable to return to the
homepage.

8. CTA (Call-to-Action):
Prompts encouraging user actions like "Subscribe"
or "Buy Now." Essential for boosting conversions
and engagement.

9. Landing Page:
A focused page users land on after clicking a link
that aims to drive a specific action, such as making
a purchase or signing up for a newsletter.

10. Forms:
Tools for collecting user information, such as
contact or signup forms, strategically placed to
facilitate user interaction without disruption.

11. Sharing Buttons:

Icons allowing users to share content on social
media with ease, usually located at the end of a
webpage.

REFERENCE:

Dorik Blog. "11 Essential Parts of a Website."

Dorik, 11 Sept. 2024, https://dorik.com/blog/parts-
of-a-website.