browse browse contact us contact us

Processes and Tools UI/UX

Web Design: The Big Guide into Different Types of Websites

The article shares classifications of the websites based on various factors: check the most popular types of web platforms and answer if a blog is a website.

Before any web design project starts, it’s important to define its goals, utility, and target users. That’s crucial for a website at least to get noticed with more than 1.8 million other websites around. Just answer simple questions:

  • Who is going to use your website? (Hint: the answers can’t be “everybody”)
  • Why will they use it?
  • What problems will it solve?
  • What will make them want to get back again (and is it needed)?
  • What will make your website special?

All the answers to these and other questions of this kind will define the type of your website. Why is that important? Because you’ll get an understanding of what users may expect from your website and how you’ll give it to them. So, today we are discussing diverse types of websites.

copy content in user interfaces UI design

What Are Different Types of Websites?

Let’s start with the basics. A website is a collection of web pages that provide users with a variety of content including text, images, video, audio, etc.

They are identified with a domain name and published on a web server. Obviously, if you ask people to classify websites and describe different types, you will get totally different answers as there are many factors influencing this division, from purely technical issues to the presented information and goals the website achieves.

The main factors of classification which we will apply for this review are functionality, content, and design.

Content Performance

As for regularity and scale of content changes, all the websites may be divided into two big groups – static and interactive (dynamic). In short, this classification is based on the frequency with which the content of the website is updated.

Static (fixed) websites are the basic ones. They don’t often change their content and they aren’t updated by users. Mostly, websites of this kind are made for information goals rather than interactions.

Dynamic websites are the ones whose content is regularly updated. Even more, different users often see different information. Remember your experience with any e-commerce website: what you see at a particular opening a website depends on multiple factors such as location, your search history, your being logged-in or logged-out, the relevance of some positions to the season or hot sales, and so on, and so forth. Analyzing all that stuff, the website has to update its content. What’s more, users may generate some content by themselves or customize what they want to see with filters, tags, and the like – in this case, the website will have to respond to all the actions dynamically and show the updated content to users. No wonder, we interact with websites of this kind much more often than with static ones, just because the internet users want much more from a web resource than just some information.

gourmet website interactions tubik

The Gourmet is an example of a dynamic e-commerce website

 

Functionality and Purpose

Another classification is based on the core functions of the website and problems it solves for users. Among the most popular types today, we can mention the following.

Personal presentation websites are the ones that promote an individual from a creative or professional perspective. Here you can find various portfolios, writers’ and teachers’ blogs, etc.

Corporate websites are the next level of promotion as they are aimed at presenting the company. Their core target audience is clients that buy services and the conversion leads to the deal or contract. So, this website has to provide information about the services and flow of work, share the key benefits and company philosophy, show the portfolio and signs of trust such as testimonials and reviews. The website should present the corporate brand as credible, reliable, and professional, also giving the potential clients a direct connection to the company representatives. What’s more, another segment of target users may include people who would like to work in the company: in this case, the website features information about the team, available vacancies, requirements to the personnel as well as the company activities and events.

tubik studio architecture firm website design

The example of a corporate website of an architectural bureau 

E-Commerce websites present the rocketing category today: their main purpose is to sell a product or service to the customers online. E-commerce platform enables a user to go along all the path from choice to real purchase by means of electronic devices and the Internet. It takes into account all the stages, including payment, delivery, reviews, etc. There are two global types of e-commerce websites: the ones presenting existing physical shops and chains and the ones operating only online, without real point-of-sales.

Sharing websites (stocks) are the platforms that allow users to share various content such as photos, videos, music, graphics, copy, etc. In their turn, other users may download the content to use for their aims, paid or free depending on the platform strategy.

Educational websites present one more huge domain of informative online platforms. These are the websites that have content to learn new things, from encyclopedias and libraries to online lessons and professional courses. These also may include museums, galleries and exhibition websites.

web design encyclopedia

The example of an encyclopedia website

 

Directory websites will remind you of Yellow Pages in their web version. Basically, they are the huge lists or catalogs of data organized around one area or theme (for example, all the schools in a particular city).

Video (Streaming) websites are all based on video content: these may be online TV services or streaming platforms.

Crowdfunding websites are aimed at raising money for various goals, from charity to startup and business investments.

save the oceans website animation-tubik-design

The example of charity website raising money for saving the oceans from pollution

Communication (Social) websites have the main goal to set a platform at which people will be able to exchange opinions and share thoughts. They may have different length of the message (from short twit to long-read on Medium), different types of key content, themes and social grouping. Anyway, social networking websites are created not for self-presentation, but for communication and are usually based on user-generated content.

News websites are a kind of online magazine or newspaper. Their goal is to inform users about the latest news and events. These resources may be either universal (covering multiple directions and themes) or specific (design news, fashion news, economical news and so on).

tips on visual hierarchy in design

The Big Landscape is an example of an online magazine

 

Responsiveness

It’s not a secret that now people are doing more and more things with their mobile phones rather than PCs or laptops. That allows them to do many things on the go so today users expect a respectful attitude from website creators. Being designed and developed for computers, websites have to be adapted to effective performance on mobile devices of different sizes and operational systems. Recognizing the big role of mobile adaptation, Google announced it one of the core characteristics influencing the website ranking in the search engine. From this perspective, there are three major types of websites.

Static website uses the pages of one size and layout for all the devices and isn’t optimized. It means that if you open it on a smartphone, you will need to zoom it manually – which is not really convenient. Although they may be faster in the aspect of webpage loading speed, even this factor cannot come over the discomfort people feel zooming the pages on the screen to read or tap the button. With more than 50% of search requests coming from mobiles, having a static website is a risk to lose a big part of the audience.

Fluid (Liquid) website keeps the same proportions of the page regardless of the device it is open on. It means that the elements of navigation and interaction will take the same relative amount of space whatever is the size of the screen. 

Responsive website features the highest level of adaptation. It is completely optimized for different aims which means that on various devices it will look different. This approach takes more time and effort but makes navigation much more intuitive showing the key interactive elements properly whatever the device is. No need to say, this adaptation is the most user-friendly.

D4U blog on mobile

Design4Users Blog mobile adaptation

forest camping website design

Mobile adaptation for the Forest Camping website

What Is Blog? Is It a Type of Website?

The short answer to this FAQ: yes and no. That’s because the word “blog” is used in two different meanings today.

Basically, a blog is a type of website devoted to providing information or discussion on particular topics. It is a kind of journal or diary people keep online, sometimes just sharing their thoughts or expertise and also inviting readers to discuss the problem in comments. With a variety of blogs today, you may find the personal and professional ones, some of them will be devoted to daily life while the others will cover narrow themes or areas. Bloggers share posts that become the basic content around which the website performs. In this case, the answer is – yes, a blog is a type of a website.

Nevertheless, in the last decade or two, the situation has evolved. In most spheres, the competition is incredibly high on the Web. To keep above the ocean and get high ranks in search engines, the websites need not only correspond to the technical and design requirements but also constantly update their content. This is when blogs have come into play. Now, you can find blogs incorporated into e-commerce and corporate websites, educational platforms, and portfolios. And this is the case when the answer is – no, a blog is not a type of a website, it is a part of the website presenting interesting news and articles around the website theme.

design4users screen

Design4Users is a blog that presents an independent website

most popular design articles in tubik-blog

Tubik Blog is a part of the digital agency website

 

Whatever is the aim and idea behind a website, what all the users expect from it is value. Even the best design and perfect content performance will not work if the website isn’t anyhow useful for its target audience. But if it does support users with a valuable idea, helps to solve their problems, and satisfies their needs, thoughtful design that corresponds to expectations for this type of website will let the content shine. Sure, the list for types of websites isn’t closed here: we’re going to continue the topic soon, so don’t miss the updates and welcome to share your ideas with us via social networks. 

Useful Articles

Here are some helpful posts about other aspects of web design.

Web Design: 16 Basic Types of Web Pages

Mobile UI Design: 15 Basic Types of Screens

Best Practices for Website Header Design

Negative Space in Design: Tips and Best Practices

UX Design Glossary: Affordances in User Interface

Light or Dark UI? Tips to Choose a Proper Color Scheme

Feel Homey. Handy Tips for Home Page Design

Hit the Spot: Design Strategies for Profitable Landing Pages

FAQ: Does a Small Business Need a Website?

9 Effective Tips on Visual Hierarchy

UI/UX Glossary. Web Design Issues


Welcome to read or download free e-books about Design for Business and Problem-Solving Web Design

Welcome to check designs by Tubik on Dribbble and Behance; explore the gallery of 2D and 3D art by Tubik Arts on Dribbble

Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.

More articles

Let’s collaborate

Want to work on the project together? Contact us and let’s discuss it.

contact us