Definitive guide
Best Informational Websites of 2023 | 34 Outstanding Examples
Home Β» Blogs Β» Website Examples Β»
My name is Ralph de Groot. I'm the founder and author at My Codeless Website. Wake me up for a great web design. I love writing about website examples, too!Β
P.S.: I always follow our editorial policy when writing my articles, to make sure they are really helpful and useful for you.
1. The Verge
URL: https://www.theverge.com/
The Verge is an informational website about technology. They have a black background but a very colorful graphic visual that can make the readers enjoy their time there. They even have a futuristic font style which is very modern and gives them a personal branding that can help them to easily stand out. Nice!
What you can learn from this great informational website design
- Playful color scheme
- Creative logo
- Well-polished website
Click the blue & white buttons to get started, or find a web designer π
2. Conde Nast
URL: https://www.condenast.com/
Conde Nast is an informational website about the fashion industry. If you are a fashion enthusiast, you will enjoy browsing here and learning something new from its website. They also have inspiring stories touching your heart and inspire you to achieve your dream. I love the white spaces they used to make the website look clean and neat. Awesome!
What you can learn from this great informational website design
- Sleek and neat web design
- Creative web layout
- Great visual images
Click the blue & white buttons to get started, or find a web designer π
3. Morningside Dental Care
URL: https://morningsidedentalcare.com/
Morningside Dental Clinic provides high-quality private family dentistry, as well as NHS services for children and an emergency dentist. They are one of the best dental clinics in town so you know you are in good hands once you contact them. I love the professional vibe that the design gives because of the neat and simple style. Well done!
What you can learn from this great informational website design
- Simple web layout
- Great use of white space
- Remarkable website
Click the blue & white buttons to get started, or find a web designer π
4. Third Space
URL: https://www.thirdspace.london/
Third Space is London’s luxury health club, each with its own distinct style and philosophy: to provide outstanding fitness spaces that members feel are their own. What I love about its website is that it showcases London’s beauty, simple but stunning. They also have an excellent tagline that can make people inspired.
What you can learn from this great informational website design
- Great background image
- Inspiring tagline
- Well-polished web design
Click the blue & white buttons to get started, or find a web designer π
5. TED
URL: https://www.ted.com/
Well, I know for sure we are all familiar with TED. They have very inspiring and motivational talks that will drive you to become a better person. The simplicity of the website makes it more engaging and visually pleasing. They even have very easy navigation which will make you want to scroll more. Great job as always!
What you can learn from this great informational website design
- Motivational and inspiring stories
- Memorable tagline
- Famous website
Click the blue & white buttons to get started, or find a web designer π
6. WikiHow
WikiHow is the most trusted how-to site on the Internet. They loaded their website with information that you want to know and they will teach you how. I love their graphics since this is a big help for visual learners. They have a great website already and I know you visit them every once in a while.
What you can learn from this great informational website design
- Calm color palette
- Great use of white space
- Fun and playful visuals
Click the blue & white buttons to get started, or find a web designer π
7. What’s Trending
URL: https://whatstrending.com/
Whatβs Trending is an entertainment website that updates you with the latest happenings and controversies in the limelight. They have an easy website to navigate since you need to click on the selection of what you want to read then it will load fast and give you the scoop that you wish.
What you can learn from this great informational website design
- Lots of white spaces
- Simple and clean web layout
- Wide range of visual media
Click the blue & white buttons to get started, or find a web designer π
8. NowThis News
NowThis is your go-to news source for all the videos you need to stay up to date on the latest breaking news. They have a very organize design which help the visitors to look for the news they want to read easily. I also love the eye-catching color palette which gives a personal touch to the design. Nice!
What you can learn from this great informational website design
- Unique logo design
- Great color scheme
- Lots of white spaces
Click the blue & white buttons to get started, or find a web designer π
9. Greatist
Greatist is an informational website about lifestyle. They have a colorful range of visuals that will attract you. What I also love about them is the above the fold design which makes it look more elegant and high-quality. Awesome!
What you can learn from this great informational website design
- Great variety of visuals
- Striking color palette
- Great use of white spaces
Click the blue & white buttons to get started, or find a web designer π
10. Artful Agenda
URL: https://www.artfulagenda.com/
They combine the fun and personalization of a paper planner with the convenience of a digital calendar in Artful Agenda. Since they are an artsy website, they have an aesthetically pleasing theme on its website. The white spaces and colors blend well together and give a visually pleasing design to the eyes. Check it out now!
What you can learn from this great informational website design
- Aesthetically pleasing website
- Creative and unique layout
- Sleek and neat design
Click the blue & white buttons to get started, or find a web designer π
11. Internet Archive
The Internet Archive is a non-profit library that contains millions of free books, movies, software, music, websites, and other resources. Their website lets you browse some old articles or blogs that were posted online. They have a simple layout with the color combination of white, red, and black which creates an awesome branding for them.
What you can learn from this great informational website design
- Remarkable website
- Unique logo design
- Odd but cool color palette
Click the blue & white buttons to get started, or find a web designer π
12. Project Gutenberg
URL: https://www.gutenberg.org/
Project Gutenberg is a free eBook library with over 60,000 titles. The world’s great literature can be found here, with a focus on older works whose U.S. copyright has expired. I love the medieval theme of the website which fits perfectly for the content of their website. I also like the soft color palette which is easy to look at.
What you can learn from this great informational website design
- Great informational website
- Unique web design
- Simple and clean layout
Click the blue & white buttons to get started, or find a web designer π
13. Google Scholar
URL: https://scholar.google.com/
If you are looking for high-quality materials that you can use as a basis for your research, Google Scholar is the answer for you. They compiled thousands of studies and articles that can help you support and create the backbone of your study. With the famous trademark color of Google combined with the bold font, it looks professional and slick.
What you can learn from this great informational website design
- Simple layout
- Lots of white spaces
- Great website for information
Click the blue & white buttons to get started, or find a web designer π
14. White & Case
URL: https://www.whitecase.com/
White & Case is an international law firm that serves corporations, governments, and financial institutions. I love the futuristic yet elegant style of the background which I find cool and attention-grabbing. I also love the font style which matches well to the branding of the website. Make sure to check it out now!
What you can learn from this great informational website design
- Futuristic aesthetic
- Stunning visual image
- Well-polished design
Click the blue & white buttons to get started, or find a web designer π
15. Miriam Monfredo
URL: https://miriammonfredo.com/
Miriam Grace Monfredo, a historian and former librarian, lives in western New York State’s Finger Lakes region, the setting for her critically acclaimed historical mysteries. Her website literally screams mystery and fun. The mysterious aura of the website will pique your interest and will make you want to explore more of it. What a clever idea!
What you can learn from this great informational website design
- Stunning visual layout
- Large text for emphasis
- Unique web design
Click the blue & white buttons to get started, or find a web designer π
16. ABC News
If you’re someone who watches the news every day but suddenly can’t because of personal reasons, you can visit ABC News. They have various trending videos for you to check out. What I find interesting about news websites is that they have a lot of white spaces to make the website look clean and organized. Don’t you think so?
What you can learn from this great informational website design
- Clean and professional web-designΒ
- Comprehensible graphic designs andΒ illustrationsΒ
- Functional and easy to navigateΒ
Click the blue & white buttons to get started, or find a web designer π
17. CNN
CNN is a famous news platform wherever you are. If you haven’t seen its website, you definitely should keep yourself updated with what’s happening worldwide. CNN has a neat and organized Featured Section you could explore on. You could also search for a specific topic with ease.Β
What you can learn from this great informational website design
- Lots and lots of white spaces!
- Unique mouse cursor – it matches well with the page designs
- Wide range of visual media
Click the blue & white buttons to get started, or find a web designer π
18. BBC
URL: https://www.bbc.com/
The British Broadcasting Corporation (BBC) is the national broadcaster of the United Kingdom. Aside from giving its visitors the news they deserve on its website, they also have every report in various languages. How cool is that? I also love the high-quality image that they incorporate into every article, that’s a plus point for their design. Nice!
What you can learn from this great informational website design
- BBC news in other languagesΒ
- Sleek web design
- Lots of resources – blogs, videos, and press reviews!Β
Click the blue & white buttons to get started, or find a web designer π
19. New York Post
URL: https://nypost.com/
New York Post’s website only features the news in the middle, which is a good approach as the visitors will be able to focus on more than one spot.Β I also like the design’s color palette, which differs from a news website’s usual color scheme. Learn from this example while you’re at it!
What you can learn from this great informational website design
- New and original web design
- Centered contentΒ
- Unique menu navigation
Click the blue & white buttons to get started, or find a web designer π
20. The Blaze
URL: https://www.theblaze.com/
The Blaze has such an amazing featured photo for every piece of news, making the whole website look good because of the color being presented. Colors draw readers in and encourage them to remain longer on your website. Their font style is also cool which matches their name perfectly. Make sure to look this website!
What you can learn from this great informational website design
- Subtle color scheme in the background
- Memorable web designΒ
- Creative concept!
Click the blue & white buttons to get started, or find a web designer π
21. SF Gate
SF Gate wants you to read every piece of its news by nicely enlarging the fonts. Reading is not enjoyable if you have difficulty seeing the text because they are too small. As a result, ensure that suitable font sizes and styles are used. Learn from this example!Β
What you can learn from this great informational website design
- Large fonts
- High-quality and relevant contentΒ
- Simple web design
Click the blue & white buttons to get started, or find a web designer π
22. CBS News
Unlike the first mentions, CBS News prioritized having more images on its website rather than an overwhelming amount of text. A website with a lot of content might be taxing on the eyes. It’s anΒ overload! Too many paragraphsΒ and extensive intros can reduce your viewer’s attention span.
What you can learn from this great informational website design
- High-quality imagesΒ
- Modern font style
- Clear call-to-action buttons
Click the blue & white buttons to get started, or find a web designer π
23. The Intercept
URL: https://theintercept.com/
The Intercept emphasizes its news by providing a large featured image for each. That way, the audience will be more likely to be interested because it looks more interesting to look at. I also like the unique menu bar which is below the image or the banner of the website. You should take inspiration from this!
What you can learn from this great informational website design
- Bringing news to life by having a large featured imageΒ
- Simple yet sleek web design
- Well-thought-out graphic illustrations
Click the blue & white buttons to get started, or find a web designer π
24. Bloomberg
URL: https://www.bloomberg.com/asia
As you visit Bloomberg, you’ll see a lot of lines as part of the web design. To determine the overall direction of the page, the designer employed a specific linear flow. If you’re into lines and would like to use them as website element, this one should be your inspiration.Β
What you can learn from this great informational website design
- Wide range of color schemes – striking, bold, bright
- Motion graphics are of superb quality!
- Use of lines as part of the whole web design
Click the blue & white buttons to get started, or find a web designer π
25. The Times
URL: https://www.thetimes.co.uk/
The Times looks so classy for a news website. I love how they aim to look professional with the use of a black palette. Black is an elegant color. Even for websites, a black color palette adds a note of gracefulness and high style. So a lot of luxury and high-end brands incorporate black to their color scheme.
What you can learn from this great informational website design
- Classy background colorΒ
- Elicits gracefulness and high styleΒ
- Accessible to all usersΒ
Click the blue & white buttons to get started, or find a web designer π
26. Mashable SEA
URL: https://sea.mashable.com/
Mashable SEA may seem new to you, but they provide news about Tech, Life, Social Goods, Entertainment, and Deals. Check this website to learn more about the consistent amount of white space and aligning elements.Β You’ll also love how easy the navigation of the website is which is a must when creating one. Awesome!
What you can learn from this great informational website design
- Playful color scheme and drawings
- Great copywriting!
- Wonderful execution of graphic movement
Click the blue & white buttons to get started, or find a web designer π
27. Reuters
Reuter decided to use a lot of orange tones for its news website, which is an excellent choice. For those of you who don’t know, orange is often used to portray youth, playfulness, and being bold. We also see it as healthy, energizing, and attention-grabbing – perfect for a platform as profound as this!Β
What you can learn from this great informational website design
- Great choice of colorsΒ
- Well-planned information architectureΒ
- Accessible to all usersΒ
Click the blue & white buttons to get started, or find a web designer π
28. The Wall Street Journal
URL: https://www.wsj.com/
The Wall Street Journal looks like a website straight from an essay work. I love how neat and educational the pages look as they deliver news on politics, the economy, business, real estate, life, and work! I love the clean and organized layout of the articles and I also love the font style they used. Great stuff here!
What you can learn from this great informational website design
- Professional web design
- Well-formatted content that is easy to scan
- Clean menu structure
Click the blue & white buttons to get started, or find a web designer π
29. Google News
Google News’s website looks very clean and professional. Unlike the others, its news and other stuff are presented downward, so you must scroll down to see the whole thing. The organization and presentation of information on this website are critical for usability.Β
What you can learn from this great informational website design
- User-friendly web design
- Well-planned information architectureΒ
- Clean menu structure
Click the blue & white buttons to get started, or find a web designer π
30. The Washington Post
URL: https://www.washingtonpost.com/
The Washington Post used long vertical lines to divide each news nicely. Aligning informationΒ in a design creates a clear path for the eye to follow. Remember that the human eye enjoys following roads, trails, and rivers. When you disrupt that sequence, the eye will wonder why.
What you can learn from this great informational website design
- Clean. professional designΒ
- Accessible to allΒ
- Clean news structure
Click the blue & white buttons to get started, or find a web designer π
31. Forbes
Forbes knows how to emphasize its news by giving it the spotlight it deserves through a smooth, clean layout. Elegance is found in simplicity. Their website just exudes elegance and sophistication just like what their brand is all about. I love everything about this website, so click the link and see it for yourself!
What you can learn from this great informational website design
- Professional web design
- Clean layoutΒ
- Uncluttered menu structure
Click the blue & white buttons to get started, or find a web designer π
32. Vanity Fair
URL: https://www.vanityfair.com/
Out of all examples here, Vanity Fair has the most stylish font to keep you in awe and engaged. The fundamental strategy for using typography is to choose the appropriate typeface. It should not be overly small or shabby, like this one. Color, typeface, and text size are all important factors in attracting your target audience.
What you can learn from this great informational website design
- Stylish fontsΒ
- Accessible to all usersΒ
- Organized web layoutΒ
Click the blue & white buttons to get started, or find a web designer π
These are my favourites.
BONUS –Β Here is my favorite template
Futuristic Website Template
URL: https://mycodelesswebsite.com/try-theme/sightseeing
Why this is such a great template
- Clean design, great to turn visitors into customers
- WordPress compatible, easy to customize
- Free download if you’re a Divi member
BONUS: Elegant Themes
URL: https://elegantthemes.com/
Although this one officially shouldn't be in this list - I couldn't keep this one from you. Elegant themes has amazing website themes and leads by example. Their own homepage looks stunning.
What you can learn from this greatΒ website
- Playful design
- Clear call to actions
- Great user experience
Modern Examples
Startup Examples
Wix Examples
More website examples
3 Award Winning Web Designers I recommend
I highly recommend you to have a look at their portfolios!
WORDPRESS EXPERT
HIGH-END
CONVERTING WEB DESIGN
Kegan Quimby
keganquimby.com
Kegan is a freelance WordPress designer/developer. He works with businesses of all sizes to share their story. He builds websites that are fast, mobile & SEO friendly, and built to last!
β He specializes in WordPress design and development. From branding to e-commerce, to mobile, and everything in between.
β He has a focus on small to medium size businesses but also has enterprise clients.
β Clients include Level Up Digital Media, Center for Human Insights by User Testing.
Vrrb
vrrb.com
Vrrb is an award-winning creative agency based in Los Angeles.Β 14+ years of experience building extraordinary websites, applications, and digital solutions for the world's most recognizable brands.
β Our core services include branding, website design/development, mobile apps, digital strategy, and ongoing support
β We engage with established companies (50+ employees), as well as funded startups looking to turbocharge their growth.
β Clients include Ferrari, Visa, HP, UCLA, and Behr Paint.
Lovepixel Agency
lovepixelagency.com
We Build Highly Converting Funnels / Brands / Websites that people fall in Love with. Personal Brands, Authors, Speakers, Influencers, Coaches, Consultants. Check my video to see how we work π
β This web design agency specializes in custom websites using WordPress.
β They focus on a personal touch that allows the visitor to connect with the website. Great for personal brands!
β Clients include Oto Gomes, Laura Dawn, Sigrid Tasies.
1
Explore inspiring website templates
Epic website templates you install and customize.
2
Select the right page builder.
Using a page builder allows you to build a website without using code.
Here is the one I recommend.
About the author
My name is Ralph de Groot. I love excellent web design. In fact, you can wake me up at night if you find an inspiring website. Besides writing on My Codeless Website I also love to read and travel.
PS: If you decide to purchase a tool I recommend, I get a small commission at no extra cost to you.
FAQ
What makes a good informational website?
A great informational design should have a clean design, be easy to navigate and include a lot of social proof. Have a look at this page for great example websites.
How to create an informational website?
- Analyze the best examples on this page
- Make notes of what you like β and what you donβt like
- Design your own site with this a drag & drop website builderΒ
- Publish your website with our recommended hosting platform.
How much does an informational website cost?
A web designer will charge anywhere between $1000 and $1500 for a decent website. However, this article will teach you to do it yourself for less than $100.
What information is needed on an informational website?
Your website will need at least the following pages: ‘Home, About me, Contact, Portfolio’. To create trust with your visitor, it’s important to show lots of pictures of your brand.