top of page

Website Design Types - 14 Examples Of  The Most Common Website Types

Connect Hebrides Web Design - Web Design Types

1. Brochure-Style Business Websites

In its simplest form, a brochure-style website is a digital version of a printed brochure. It displays the products or services a company provides, inviting customers to place an order or book a service.

BrochureWebsites
Connect Hebrides Web Design - Brochure Websites

Essential And Optional Elements Of A Brochure-Style Business Website :-

  • Clear purpose.

  • Simplified design and navigation.

  • Simple user interaction.

  • Number of pages usually range from 1 – 5.

  • Products/Services image gallery page.

  • About page.

  • Contact page.

  • Blog, if required.

  • Testimonials/Other social proof, if required.

  • Basic site functionality via plug-ins and extensions, if required.

  • Basic social media integration, if required.

  • Basic search engine optimisation (SEO).

  • Mobile optimised.

  • Security certificate.

  • Analytics integration.

2. Small-to-Medium Sized Business Websites

A small-to-medium sized business website provides an online presence so that potential cutomers can learn about a company, its employees, products, services, and culture.

 

These types of sites are many and varied in both size and content. Their focus is on brand recognition, management and development, anticipating and providing for all of their customers' informational needs.

 

Similar to brochure-style websites these sites also tend to only display products and services, inviting customers to place an order or book a service, rather than sell to them directly online.

Medium&CorporateWebsites
Connect Hebrides Web Design - SME Website

Essential And Optional Elements Of A Small-To-Medium Sized Business Website :-

 

  • Business appropriate design (based on who the target audience is).

  • Well-organised navigation.

  • Number of pages usually range from 5 - 20.

  • Customised content management system, more lead-generation content.

  • Extended number of Products/Services pages.

  • Multimedia activity.

  • About page.

  • Contact page.

  • Blog, if required.

  • Testimonials/Other social proof, recommended.

  • Advanced site functionality via plug-ins and extensions, if required.

  • Basic social media integration, recommended.

  • Mission, health & safety, statement/s, if required.

  • Search engine optimised (SEO), basic on-page SEO.

  • Mobile optimised.

  • Security certificate.

  • Analytics integration.

3. Corporate Business Websites

Corporate websites, in general, make up a broad category of websites united by the single goal of promoting a company as a whole, rather than focus on a single product or service. However, some companies do portray themselves as having product/service expertise, or being a market leader in a particular discipline or field.

 

Corporate sites contain detailed information promoting the visibility, reach, credibility, and capability of the business, often globally. Such sites serve not only as an indicator of the status of the company, but also as a public 'showcase' showing the degree of development of corporate style and culture.

Connect Hebrides Web Design - Corporate Website

Essential And Optional Elements Of A Corporate Business Website :-

 

  • Strong, professional branding.

  • Highly-customised, logical information architecture design.

  • Number of pages usually 20+.

  • Highly customised content management system, lead-generation/data capture forms.

  • Compelling content/ Professional copywriting.

  • Greater use of multimedia and visuals.

  • Strong calls-to-action (CTA's).

  • About page.

  • Contact page.

  • Blog.

  • Testimonials/Other social proof.

  • Mission, environmental, human rights, equal opportunities, health & safety, statement/s.

  • Advanced site functionality via plug-ins and extensions.

  • High integration with social media platforms.

  • Advanced search engine optimisation (SEO), on-page SEO via copywriting SEO.

  • Mobile optimised.

  • Security certificate.

  • Analytics integration.

4. Landing Page Sites

A landing page is a standalone web page, designed for a specific marketing purpose.The primary objective of the landing page is to be the only page that satisfies the visitor's informational needs with the intent to generate sales, sign-ups, leads, or whatever specific action the page is designed for.

 

Landing pages are customised to a specific campaign or offer and guide visitors towards a single call-to-action (CTA). They have unique design characteristics that make it easier for the visitor to perform the desired action. In short, landing pages are specifically designed for conversion.

 

There are five different types of landing page, each with their own characteristics :-

  • Squeeze Landing Page – A lead capture/opt-in page to get personal details from a visitor in return for a 'benefit'.

  • Long-Form Landing Page– A sales letter giving a detailed explanation of the product/service benefits.

  • Click-Through Landing Page – A page that is focused on convincing a visitor to click-through to a sales conversion.

  • Product/Service Details Landing Page – A page usually linked to a business website highlighting the benefits of a product/service.

  • Video Landing Page – A page that includes a sales video encouraging a sales conversion.

LandingPageWebsite
Connect Hebrides Web Design - Landing Page

Essential Elements Of A Landing Page (None Should Be Optional) :-

 

  • Compelling main headline.

  • Supporting headline.

  • Unique value proposition.

  • Hero image/video.

  • Key benefits.

  • Clear calls-to-action (CTA's).

  • Testimonials/Other social proof.

  • Reinforcement statement.

  • Closing argument.

  • Social media links.

  • Mobile optimised.

  • Search engine optimised (SEO).

  • Security certificate.

  • Analytics integration.

5. Sales Funnel Sites

A sales funnel is a marketing concept that describes the journey a prospect has to take in order to purchase a product or service. The sales funnel construct is a series of ordered web pages that focus and guide potential customers along a buyer's journey from the awareness to the conversion (purchase) stage.

As a potential customer passes through the steps of the sales funnel, it signifies a deeper commitment to the purchase goal. The most common type of sales funnel for a potential customer involves the four AIDA steps :-
 

  • Attention - A prospective customer sees a company's advert, social media post, or hears about it through word-of-mouth.

  • Interest – The prospect thinks that the company can solve a problem and wants to learn more.

  • Desire - The prospect then does their research and wants to convert.

  • Action - The prospect takes action — they buy the offered item, schedule a demo, or take whatever other action the company wants them to take.

 

The web pages construct is schematised by a funnel since many prospects may begin the sales process at the first stage but only a fraction of potential customers will take action to buy the offered product or service. A funnel invariably leaks those potential leads. The goal of sales conversion rate optimisation is to fix the leaks in the funnel by redirecting customers to specific sales paths within the funnel based on their past actions and behaviours. 

The type of sales funnel used will depend on the specific product or service offered, or the chosen business model. Of the estimated twenty plus different sales funnel business models, eight of the most common are as follows :-

  • Opt-In Lead Generation Sales Funnel - A sales funnel that allows prospects to enter personal information via email in exchange for tangible value, information, on the offered product or service. 

  • Free-Plus-Shipping Sales Funnel - A sales funnel that is basically a type of loss-leader for future upselling of other profitable products or services.

  • Self-Liquidating Offer Sales Funnel - A sales funnel that delivers an inexpensive entry-level purchase that typically covers its campaign costs. 

  • Continuity Sales Funnel - A membership sales funnel that typically provides the seller with recurring monthly income.

  • Webinar Sales Funnel - A video-format sales funnel that makes the sales presentation feel personal to the viewing prospects.

  • Product Launch Sales Funnel - This sales funnel is used to build anticipation for the product before the prospect is allowed to buy.

  • Consultation Sales Funnel - This sales funnel is used for products or services that require a consultation with a prospect before purchase.

  • High-Ticket Sales Funnel - This sales funnel is used for focusing on prospects that are a fit for higher-priced products or services.

Sales Funnel Sites
Connect Hebrides Web Design - Sales Funnel

Essential And Optional Elements Of A Sales Funnel :-

  • Buyer personas.

  • Pay-per-click campaigns.

  • Social media advertising.

  • Sales page/s.

  • Landing page/s.

  • Opt-in page/s.

  • Thank you page/s.

  • Upsells.

  • Clear calls-to-action (CTA's).

  • Email sign-up.

  • Email automation sequences.

  • Blog posts.

  • Case studies.

  • Checklists.

  • White papers.

  • Guides.

  • Demo videos.

  • Consultation scheduling.

  • Scrolling pop-ups.

  • Exit pop-ups.

  • Time based pop-ups.

  • Reducing forms.

  • Mobile optimised.

  • Search engine optimised (SEO).

  • Security certificate.

  • Analytics integration.

EcommerceWebsites

6. E-Commerce Websites

An e-commerce website is one that allows the online buying and selling of physical items, digital products, services, and other types of merchandise.

 

A vast number of companies of all sizes, covering all types of industries, can benefit from their own unique e-commerce site. When compared to offline selling an e-commerce site offers a flexible solution for both buyers and sellers of goods and services.

 

In today's competitive and convenience-focused society, many consumers no longer wish to use the high street for their shopping needs, preferring instead to experience stress-free shopping from the comfort of their own homes.

 

From a seller's perspective an e-commerce site, when compared to offline selling, offers the following benefits :-

 

  • Low start-up and running costs.

  • Increased customer reach.

  • Improved customer service and flexibility. 

  • Online and selling 24/365, no opening time restrictions.

  • Less time-intensive to operate.

  • Business is online, it is not location dependent.

  • Easily scalable.

  • Fewer overheads.

  • Higher margins, increased profits, improved cashflow.

Connect Hebrides Web Design - E-Commerce Website

Essential And Optional Elements Of An E-Commerce Website :-

 

  • User-friendly intuitive navigation throughout.

  • Good quality product photography, excellent visuals.

  • Bestseller products on homepage.

  • Product collections, detailed product descriptions.

  • Price filters.

  • Ratings and reviews.

  • Clear calls-to-action (CTA's).

  • Fast efficient shopping cart and check-out.

  • Personalisation, guest sign-ups/check-outs.

  • Sharing option.

  • Shipping information policy.

  • Clearly marked returns and privacy policies.

  • Inventory management.

  • Order processing.

  • Maintaining customer and order records.

  • Handling returns with refunds, exchanges, or store credit.

  • Holding promotional discount events.

  • Sending automatic order status notifications.

  • Accounting.

  • Multi-currency options.

  • Sales tax management.

  • Good customer support, webchat.

  • Social media and email marketing.

  • Multi-language options.

  • Mobile optimised.

  • Search engine optimised (SEO).

  • Site speed optimised, fast-loading pages.

  • Top-level site security and privacy​.

  • Security certificate.

  • Analytics integration.

BloggingWebsites

7. Blogging Websites

A blog is a web log, an online journal where the owner presents information in reverse chronological order. It can be a section within a website or a standalone project.

 

Many organisations and businesses use blogs as part of their content marketing strategies to boost brand awareness and increase conversions. Blog content should demonstrate expertise, authority, and trustworthiness to the viewer.

 

There are seven types of common blogs :-

 

  • Personal Blog – Online diary sharing opinions to a target audience or to sell an item.

  • Niche Blog - Provides information on a particular topic e.g  book blogs, food blogs, lifestyle blogs etc.

  • Multimedia Blog/Vlog - A blog format but publishes multimedia content, such as videos and podcasts, instead of written posts, also referred to as a vlog.

  • News Blog - Factual content about latest information and new releases in a specific industry.

  • Company or Business Blog  - Primary purpose is publishing content relevant to a company’s industry or updating the target market regarding any changes within its business. It may be a section on a company website or an independent site.

  • Affiliate Blog – Commission based practice of promoting a third-party’s products and services.

  • Reverse Blog/Group Blog - Multiple authors create blog posts on related topics.

Connect Hebrides Web Design - Blog Website

Essential And Optional Elements Of A Blogging Website :-

 

  • Engaging headline.

  • Compelling lead sentence or short paragraph.

  • Logical site structure, formatting – sub-headings, bullet lists, small concise paragraphs.

  • Informative, authorative, engaging body content, conversational writing style.

  • Customised relevant visuals to simplify complex ideas.

  • Sharing relevant quotes, resources, and tools.

  • Sharing real-world examples, case studies, and data.

  • Relevant internal and external links.

  • Compelling calls-to-action (CTA's).

  • Social sharing/Follow buttons.

  • Comments section.

  • Related posts.

  • Mobile optimised.

  • Search engine optimised (SEO).

  • Security certificate.

  • Analytics integration.

8. Portfolio Websites

A portfolio website provides professional information about an individual or a company, and presents it as a showcase of their work for potential clients or employers.

 

An online portfolio is becoming increasingly popular for artists, engineers, computer scientists, photographers, designers, filmmakers, and other creative people to showcase and promote their work. It is a unique way for them to visually demonstrate and share their professional work, personal branding, and talents in the online space.

PortfolioWebsites
Connect Hebrides Web Design - Portfolio Website

Essential And Optional Elements Of A Portfolio Website :-

 

  • Customised/Personalised domain name.

  • Functional Layout.

  • Clear Navigation.

  • Engaging About/Bio page.

  • Contact page.

  • Professional design.

  • Portfolio – selective work, well-organised and presented.

  • Client-focused content.

  • Specialities and services offered.

  • Case studies.

  • Testimonials and reviews.

  • Social media accounts integration.

  • Multiple calls-to-action (CTA's).

  • Blog.

  • Quantifiable achievements.

  • Awards/Other types of recognition.

  • Relevant education, coursework, and certificates.

  • Links to guest writing or features.

  • Cheat-sheets/Guides/Tutorials.

  • Frequently asked questions (FAQ) section.

  • Mobile optimised.

  • Search engine optimised (SEO).​

  • Security certificate.

  • Analytics integration.

PersonalWebsites

9. Personal Websites

Personal websites, which can also include blog and portfolio websites, are created by individuals to contain content of a personal nature rather than content pertaining to a company, organisation, or institution.

 

These sites are primarily used for informative or entertainment purposes but can also be used for personal career marketing (by containing a list of the individual's skills, and experience, as an online resume/CV), social networking with other people with shared interests, or as a space for personal expression.

 

Personal websites and can be customised to create :-

 

  • Personal Resume Websites.

  • Personal Portfolios.

  • Personal Blogs.

  • Personal Demo Websites.

 

A personal website, which can be continuously updated, can play a key role in positioning someone as a qualified expert in their field and reinforcing their personal brand. It can also be an ideal networking tool to expand their online reach.

Connect Hebrides Web Design - Personal Website

Essential And Optional Elements Of A Personal Website :-

 

  • Customised/Personalised domain name.

  • Clear layout and user-friendly navigation.

  • Professional headshot photo.

  • Engaging About/Bio page.

  • Welcome page.

  • Mission statement/Personal summary.

  • Contact page.

  • Portfolio/Samples of work.

  • Photo/Branded photo/Media gallery.

  • Blog.

  • Testimonials/Other social proof.

  • Multiple calls-to-action (CTA's).

  • Social media links.

  • Events calendar.

  • Newsletter sign-up.

  • Mobile optimised.

  • Search engine optimised (SEO)​.

  • Security certificate.

  • Analytics integration.

EducationalWebsites

10. Educational Websites

Educational websites are one of the most challenging types of website to design and deploy. They must address the specific needs of students, prospective students, faculties, administrators, graduates, alumni, and academics. Unlike websites of other large organisatons these user groups have few overlapping needs. An educational website must therefore serve a plethora of functions.

 

There are several types of educational websites and platforms :-

 

  • University/College/School Websites.

  • Elearning Platforms.

  • Learning Management Systems.

  • Language Learning Websites.

  • Educational Video Websites.

  • How-To Websites.

  • Science Websites.

  • Digital Libraries.

  • OpenCourseWare.

  • Web Documentaries.

Connect Hebrides Web Design - Educational Website

Essential And Optional Elements Of An Educational Website :-

 

  • Brand and visual consistency.

  • Clear concise navigation.

  • About section.

  • Contact section.

  • Academic and admission.

  • Curriculum details.

  • Multi-language support.

  • Integrated application system.

  • Content modules with structured content.

  • Classroom management.

  • Customisation and personalisation capabilities.

  • Dashboards.

  • Filtering and sorting.

  • Special learning features – e.g. live streaming etc..

  • Gamification – e.g. progress bars etc..

  • Robust search function.

  • Sign-up and profiles.

  • Student information system.

  • Calendars.

  • Events and notices.

  • Real time alerts/Notifications.

  • Social media integration.

  • Staff directory/ Teacher profiles.

  • Student support.

  • Payment gateways.

  • Webchat.

  • Mobile optimised.

  • Search engine optimised (SEO)​.

  • Security certificate.

  • Analytics integration.

11. Media/Entertainment Websites

Media/Entertainment websites are sites devoted to delivering the news in a different format than television, print or radio. News sites include sites that have a large variety of information which may not be considered 'news' by all audiences, but may include entertainment, games, or news that may not be current but is interesting, or other miscellaneous information.

 

Another type of media site is the site that is completely devoted to news. These sites may include all types of news such as political, judicial, entertainment, sports or more.

 

A good online media/entertainment portal must be impressive, creative, user-friendly, and content-rich in design.

Media&EntertainmentWebsites
Connect Hebrides Web Design - Media Website

Essential And Optional Elements Of A Media/Entertainment Website :-

 

  • Intuitive and consistent navigation.

  • Grid-based design or multi-column layout.

  • Advertisement space/White space maximisation.

  • Advanced content management system (CMS).

  • Customisable templates.

  • Newsroom planning.

  • Editorial permissions and publishing controls.

  • Content organisation.

  • Digital storytelling formats.

  • Image optimisation.

  • Social media embeds.

  • In-editor preview.

  • Versioning.

  • Detailed analytics.

  • Personalisation options.

  • Commenting tool.

  •  Multi-language support.

  • Social share.

  • Support for voice-search.

  • Monetisation plans.

  • Multi-domain capabilities.

  • Top-level security.

  • Mobile optimised.

  • Search engine optimised (SEO).​

  • Security certificate.

  • Analytics integration.

Non-ProfitWebsites

12. Non-Profit Websites

Non-profit websites are platforms to convince people to support a worthy cause and to generate income from potential patrons.

 

Non-profits succeed or fail on the strength of their ability to communicate their message and build an audience. A non-profit website plays a key role in helping an organisation achieve both of those goals by engaging with potential donors and encouraging them to support the organisation.

 

A non-profit website should serve four main purposes :-

 

  • Establish a trustworthy brand image.

  • Showcase work and success stories.

  • Build a community and connect people united to the cause.

  • Encourage donations and support.

Connect Hebrides Web Design - Non-Profit Website

Essential And Optional Elements Of A Non-Profit Website :-

 

  • Simplified navigation.

  • About page.

  • Contact page.

  • Mission statement.

  • Value propositions.

  • Advanced content management system (CMS).

  • Advanced site management and reporting tools.

  • Simplified sign-up and application process.

  • Intro video/hero beneficiary image.

  • Compelling imagery throughout the site.

  • Overview of programmes.

  • Powerful account and money management.

  • Advanced platform backend and project management.

  • Advanced site management and reporting tools.

  • Blog.

  • Message board.

  • Forums.

  • Testimonials/Other social proof.

  • Case studies/Success stories.

  • Resources.

  • Multiple calls-to-action (CTA's).

  • Social media links.

  • Events calendar.

  • Donation gateways.

  • Security and support.

  • Mobile optimised.

  • Search engine optimised (SEO)​.

  • Security certificate.

  • Analytics integration.

13. Crowdfunding Websites

Crowdfunding is the practice of collecting money from multiple individuals or sources in order to finance a new project. A crowdfunding platform is an online portal that facilitates the advertising, collection, allocation, and monitoring of the money raised.

 

Large groups of people pool together small individual investments to provide the capital needed to get a company or project off the ground. Individuals, charities, or companies can create a campaign for specific causes and anyone can contribute. 

 

Often, crowdfunders turn to social media to share their platform or idea with the purpose of inspiring others to contribute to the crowdfunding campaign.

 

The main types of crowdfunding are :-

 

  • Reward - Entrepreneurs selling or producing client-facing products.

  • Donation – A 'good cause' fund for non-profits, charities etc.

  • Peer-to-peer – A single-fund investment which then lends to borrowers.

  • Property – Funds are used to buy properties or loaned to property developers.

  • Equity – Share participation in a business or startup.

  • Royalty – Investors in businesses or startups share a percentage of profits.

CrowdfundingWebsites
Connect Hebrides Web Design - Crowdfunding Website

Essential And Optional Elements Of A Crowdfunding Website :-

 

  • Simplified navigation.

  • About page.

  • Contact page.

  • Mission statement.

  • Value proposition.

  • Advanced content management system (CMS).

  • Simplified sign-up and application process.

  • Compelling imagery throughout the site.

  • Powerful account and money management.

  • Advanced platform backend and project management tools.

  • Advanced site management and reporting tools.

  • Message board.

  • Blog.

  • Multiple calls-to-action (CTA's).

  • Social media links.

  • Testimonials.

  • Donation gateways.

  • Security and support.

  • Mobile optimised.

  • Search engine optimised (SEO)​.

  • Security certificate.

  • Analytics integration.

14. Web Portals

Modern web portals are high-traffic websites with content management, collaboration, and content search personalisation features.

 

It is a feature-rich web system, often requiring authorised access, that provides a certain target audience (customers, employees, vendors, etc.) with specific and often personalised content and services.

 

A web portal is usually seamlessly embedded into a company’s operations and integrated with other business applications such as customer relationship management and enterprise resource planning tools.

 

There are, at least, eight types of web portals :-

 

  • Business-to-Business eCommerce (B2B) – Self-service vendor and partner portal.

  • Business-to-Consumer eCommerce (B2C) – Feature rich portals for consumers.

  • Banking – B2B and B2C portals for financial transactions.

  • Employee – Business-to-employee solutions for workflow management.

  • eHealth – Doctor and patient web portals.

  • Educational – Student and academic portals.

  • Community – Communication and collaboration portals.

  • Public Services – Government and public service portals.

WebPortalWebsites
Connect Hebrides Web Design - Web Portal

Essential And Optional Elements Of A Web Portal :-

 

  • Interactive homepage.

  • User registration/Login.

  • Profile and activity dashboard.

  • Advanced content management system (CMS).

  • User personalisation.

  • Customisation options.

  • Self-service tools.

  • Tracking tools.

  • Search function.

  • Communication/Collaboration features.

  • Interactive reports and analyses.

  • News feeds.

  • Bulletin boards.

  • Social media links.

  • Security and support.

  • Mobile optimised.

  • Security certificate.

  • Analytics integration.

Takeaway

Good web design is essential because bad or inferior design will invariably lead to the loss of visitors and a loss of business. Research has shown that poor design is associated with rapid rejection and mistrust of a website. If visitors do not like an aspect of the design, the whole website is rarely explored beyond a cursory glance at the homepage.

In general, a good website layout has to satisfy the basic elements of good page design. In order to create a well-designed site for a specific audience good page design should include good colour contrast, text organisation, font selection, and appropriate visuals and graphics. It is very important that the user interface should engage and enhance the user experience, and it is essential that the styling and content of a page should give consistency and balance.

Although it may pose difficulties to create a design that is well-suited to all users, there will be designs that are appropriate for most businesses and their audience. It must be stressed that potential customers have expectations of what a website should look like. Diverting from those is a risk, no matter how imaginative or striking the design.

bottom of page