What are examples of a great website?

follow this link blog.hubspot.com/blog/tabid/6307/bid/34006/15-Examples-of-Brilliant-Homepage-Design.aspx and read article for great design website example.
 
There are many authoritative sites available as per the niche or category. So according to the category of your site find the numerous related top sites on the google and take a look over it.
 
There are alot of places to find great examples of websites. You really have to base it all around what you would prefer in the demographic of getting everything done. I mean you can ask everyone what their opinion is but you realize that each person is going to have a variable opinion about what they find appealing. You have to go by what you want that site to reflect and move from there. There is no wrong way to it. You can always go back and make the appropriate changes as your site grows in popularity.
 
Looking at what your business wants is more important than looking at the websites. Make sure to consider the basic requirements of a website like have a quality content, use images, provide easy navigation, prepare a sitemap and create a design that is attractive and which speaks about you.
 
A good website is one that answers the objectives of creating that website, and the content is related to topic of your website. It is necessary to stick to the topic especially if you're monetizing your site with ads , as the ads that will be placed in your article such as adsense ads will be related to your content.
 
16 Inspiring Examples of Beautiful Blog Homepage Design
1) Help Scout

Sometimes, the best blog designs are also the simplest. Help Scout, makers of customer service software, uses a unique but minimalist design on its blog that we love -- it limits the use of copy and visuals and embraces negative space.

What we particularly like about this blog is its use of featured images for all posts, including a banner one at the top that highlights a recent or particularly popular entry. These icons are set in front of bright, block colors that catch the readers' eye and signal what the post is about. And it works -- everything about this blog's design says "clean" and "readable."

Help_Scout_Blog-2.png

2) Microsoft Stories

Full disclosure: We've totally gushed over Microsoft's "Stories" microsite before. We can't help it -- what better way to revitalize an old-school brand than with a blog that boasts beautiful, interactive, and inspiring branded content? Plus, the square layout of these stories is reminiscent of the Microsoft logo, which achieves a valuable brand consistency.

Microsoft Stories is also a prime example of how a business blog can be a major asset for an overall rebrand. In recent years, Microsoft has worked to humanize its brand, largely in response to a rivalry with Apple. The "Stories" microsite has a simple tagline -- "Get an inside look at the people, places and ideas that move us." It's the softer side of Microsoft, so to speak.

When you're trying to convey a certain brand message, your blog can be used to communicate it -- both aesthetically, and content-wise.

Microsoft_Stories_Blog.png

3) Pando

An important aspect of a well-designed blog is a consistent color scheme and style -- after all, 80% of consumers say that color boosts their recognition of a brand.

It's interesting to see how color consistency can unify the more diversified elements of design. Pando, a blog that explores the startup cycle, incorporates blue tones in several sections of its site -- the background, highlight bars, and certain areas of text. But it also uses several different fonts -- all of which manage to look seamless together, when tied together by a cohesive color scheme.

Pando_Blog.png

4) Design Milk

Design Milk, an online contemporary design outlet, uses a very simple layout to highlight its posts. The sidebar to the right -- which remains visible when a blog post is opened to read -- is perfect for showcasing thumbnail images for new articles. That's an internal link strategy, which helps to encourage readers to remain on the site longer.

The social icons at the top are a pleasant addition to the overall look and feel of the site -- they're easy to spot, and make it easy to share Design Milk's content. (And to learn more about adding social buttons to your blog, check out this post.)

Design Milk Blog.png

5) Fubiz

Fubiz, an art and design blog, is an example of a really sleek design that also includes some cool personalization.

Near the top of the blog's homepage, readers can side-scroll through "highlighted" posts. Below that is the Creativity Finder, where visitors can select their chosen personas -- from "Art Lover" to "Freelance" -- location, and the type of content they're looking for. From there, readers can browse content specifically catered to them.

We can't help but love the header image, too. It uses something called "blue mind" psychology, which has found that the sight of open water can naturally draw us in. By using it in a design scheme, Fubiz is able to visually attract visitors to its content.

Fubiz blog.png

6) Webdesigner Depot

With a name like "Webdesigner Depot," it's no wonder that this design news site is visually appealing.

One thing that we particularly like is the way Webdesigner Depot has incorporated social sharing icons on each individual post. While we of course suggest actually reading each piece, having those links readily available helps visitors immediately share a headline they find interesting. And check out those navigation arrows on the right -- never before has it been so easy to scroll to the top or bottom of a page.

What's more, the color scheme, background, and fonts are all consistent -- which keeps this blog looking professional, but still distinct from the basic blog templates we might be used to seeing.

Webdesigner Depot Blog.png

7) Mashable

I mean, just look at that header image. The bold colors, the wiring overlay, the gripping pupil and the contrasting text. It absolutely catches the reader's eye -- no pun intended.

Mashable breaks its content into three noticeable sections on the homepage: New posts are listed on the left in the smallest sized thumbnails. "What's Rising" posts are displayed in the center column as large thumbnails, and the "What's Hot" posts are shown to the right, also as large thumbnails. This three-pronged approach to displaying content can help readers decide which kind of news matters to them the most -- the attention-grabbing top story, or other posts that are currently trending.

Plus, we like that the number of shares is displayed in each post preview -- that's a great form of social proof.

Mashable Homepage.png

8) Brit + Co

Everything about the Brit + Co homepage says "clean," "warm," and "welcoming." It's free of clutter, making the content more digestible, and the layout is extremely organized.

We dig the seasonality of the site, too. I mean, avocado jack-o'-lanterns on the dawn of October? Adorable, and replete with a colorful, fun photo to illustrate the story's content.

The subtle "trending" header also serves as a nice way to promote popular content, without being too in-you-face about it. Plus, with such great visuals, we took note of the nod to Pinterest -- that icon is important to include when your blog incorporates attractive imagery.

Brit+Co Blog.png

9) Tesco Living

We love the colorful, consistent design of Tesco Living, the blog site of British grocery chain Tesco.

Remember how we keep harping away at brand consistency? Check out the rhombus-like designs in the top banner -- that reflects the same ones that appear in Tesco's logo.

What Tesco Living has achieved is a great balance of simplicity and boldness. The layout is extremely minimal, but it isn't dull. Warm and welcoming shades underscore each content category, and the photos add dashes of colors throughout the site. It's a great example of how the right imagery can achieve an appealing "less-is-more" appearance, especially if that fits in with your overall brand concept.

TescoBlog.png

10) Crew

Crew Backstage, the blog of the Crew platform for designers and developers, has a fabulously minimalist blog design, but quiet a unique one.

Notice that, above the fold, it features one blog post with a large title, subtitle, and call-to-action to read more.

To the left, there's an equally minimalist call-to-action that makes it easy for readers to connect with Crew, or learn more. Plus, there's that consistency again -- everything above the fold is the same shade of blue, which has been shown to invoke brand trust.
 
Back
Top