Your website is perhaps the most important and essential part of your business — your 24hr business card and your #1 sales tool — so naturally you want to get it right. The first time.
Building a website can seem like a daunting experience – you’ll probably encounter terms and concepts that sound pretty damn foreign – and I’m not going to lie, there is a lot involved to get it right for your brand.
Having somewhat of an understanding, though, will help make the process a hell of a lot smoother as well as help you make more informed decisions. It will also help with your own research and earn you brownie points with a professional designer.
Extracted from my Ultimate Website Planning Guide, here’s a list of 15 essential elements required to design and develop an effective website:
1. URL –
The unique address that directs to a specific web page (http://www.yourawesomewebsite.com). A domain refers to the name of a website (yourawesomewebsite.com).
2. Logo –
A uniquely designed graphic that represents your brand. A wordmark or logotype is simply your brand name written in any kind of font in place of a graphic logo.
3. Navigation –
Commonly displayed as a horizontal bar within the header, the navigation bar is made up of menu items that link to specific pages or locations within your website.
4. Header –
The top section of your website that holds your logo, heading, navigation and often the banner image as well. The header commonly appears on every page of your website, except on sales or landing pages, and is one of the most valuable areas of your entire site.
5. Banner/Hero Image –
The banner image – or hero image – is the star attraction for each page to capture your customer’s attention and entice them to explore your website further. It can be a relevant photo, a branded graphic or even a video that spans the top of the page.
6. Heading –
Headings are anchors that guide visitors through the text of a website. Readers pay particular attention to headings so they should be informative and enticing so your potential customers read on. They should also indicate what the following paragraph is about.
7. Sub-Heading –
Sub-headings back up the heading with a bit more information or a teaser into what the following paragraph is about.
8. Call-To-Action –
Visitors of your website like to be directed on which action to take next. Cue the call-to-action (CTA), commonly a ‘buy now’, ‘sign up’, ‘read more’ etc., CTA’s are actionable links that guide your customer to the information you want them to see next.
9. Content Area –
This is the guts of your site; the area where your copy (text) and images go. Keep in mind, people want the right kind of content, not more content, so make it count.
10. Footer –
11. Opt-in Form –
An opt-in is when someone is given the option to provide their email to your mailing list/newsletter, typically in exchange for some sort of freebie. Growing your email list is an essential part to your marketing plan and growing your business so you want an opt-in!
12. Social Media Icons –
Commonly displayed in the footer and/or the header, social media icons are important little links that connect the user to your social media pages.
13. Search Field –
A search box allows users to search for specific content or search terms within a website. It’s really helpful if they can’t find desired content in the main navigation.
14. Favicon –
A small, personalised icon associated with a website, typically displayed in the address bar of a web browser. (Pronounced ‘fave-icon’.)
15. Sidebar –
The sidebar is a column that is positioned on either the left or right side of the general content area. Kind of like a side note, they house extra bits of content.
You don’t have to be a web designer to get in-the-know and familiar with web design terms and features. If you’re currently planning a website — or thinking about it in the near future — it’s really handy to know some of the lingo that’s associated with web design and development.
Want the full Ultimate Website Planning Guide? Simply sign up to my newsletter below where you’ll receive more design tips and resources just like this straight to your inbox.
Who is Rabble Rouse Creative?
Hey! I’m Kate Carman, a qualified Digital Designer and the namesake behind this multidisciplinary freelance design studio. I founded Rabble Rouse Creative with a rebellious spirit and a simple objective: to create intelligible and minimalist design concepts that help small businesses create big brands.
I'm passionate about empowering fellow creative freedom seekers with the knowledge, resources and inspiration to realise and achieve their business goals and dreams. You got this!