SlideShare a Scribd company logo
A publication of
2
INTRODUCTION
Current Section Title
DESIGN
ENTERTAINMENT
LIFESTYLE
NONPROFIT
TECHNOLOGY
1
2
9
19
30
44
50
4BUSINESS
CONCLUSION 57
INTRODUCTION.
81% of U.S. online consumers trust information and advice from
blogs. But how do you get people to be interested in your blog?
We’ve mentioned before that your website homepage is like the front
door to your business. The same goes for your blog. If you’re not
attracting people visually, how will you get them to trust what you’re
blogging?
A common issue we see with blog design is finding a balance between
visual design and effective content presentation. Blogs are chalk full of
images, text and links that need to be shown off just right – otherwise it
just turns the reader away because they can’t make heads or tails of
what’s going on.
That’s why we’ve put together a variety of well-designed blog
homepages to get you on the right track to designing the perfect blog
for your readers.
4
BUSINESS
EXAMPLES.
SHARE COLLECTION
PANDODAILY.
An important aspect of a well-designed blog is a consistent color scheme and style. Pandodaily is using 3
different fonts that look great together when unified by the colors of the blog.
START UP QUOTE.
Start Up Quote does a great job at taking simple content and conveying it in an interesting and attractive
manner. The black background makes the colorful, tiled quotes pop and draw visitors right to the meat and
potatoes of the blog.
THE NEXT WEB.
The Next Web makes great use of a two column design. They use the left side bar to showcase both
“Popular” and “Latest” articles while displaying their top stories on the right with a variety of thumbnails. The
text heavy layout gives room to include more keywords for your search optimization.
VENTURE BEAT.
Never underestimate the power of image placement. When you first arrive on the VB website, you
immediately notice the five main articles at the top of the page. The contrasting black, white, and red make
the headlines stand out.
9
DESIGN
EXAMPLES.
SHARE COLLECTION
ABDUZEEDO.
As a design blog, the use of thumbnails is key to keeping visitors satisfied and interested in the visual
content. You’ll also notice the sleek, unobtrusive, social icons in the top right corner. Everything about the
blog screams sleek.
AWWWARDS.
Awwwards blog should be nothing less than amazing. And it is. You can see that the navigation, fonts, and
links are all consistent in design and color. Evenly sized and spaced tiles makes it easy to scroll through
large amount of content.
DESIGN MILK.
Aside from the creative logo, Design Milk uses a very simple layout to show off its blog posts. The sidebar to
the right is perfect for showing off thumbnails that draw readers into new articles. The social icons in the top
right are a pleasant addition to the overall look and feel of the site.
GOMEDIAZINE.
The blue and orange color scheme of Gomediazine work remarkably well with the light background and grey
font. Other than the ad on the right, this website is very clean of clutter and still avoids looking bland.
HELLO BAR.
Everything from the background to the social media buttons spew character. Hello Bar did a fantastic job
taking a simple layout and giving it a personality of its own.
LOOKS LIKE GOOD DESIGN.
For visual heavy content, a layout similar to this design blog provides readers with a convenient way to
simply scroll through loads of posts. We have a dark background with bright links and light bordered tiles
that make everything stand out.
MODERNERD.
You may not notice at first, but Modernerd has a subtle background design. This blog is an example of how
less is more. We have text heavy posts, simple navigation buttons, and an even simpler logo. Minimalist
blog designs are rare but greatly appreciated when done correctly.
WEBDESIGNER DEPOT.
The banner of Webdesigner Depot stands out with its bright colors and subtle details while working itself into
the design of the entire blog. The color scheme, background and fonts are all consistent. This keeps the
blog from looking like any basic WordPress or blogger template.
WE LOVE TYPOGRAPHY.
We love typography! The simple, yet visually striking layout of this typography focused blog gives readers
the option of sorting posts based on color. You can also adjust the layout of the website by changing the
arrangement of the grid.
19
ENTERTAINMENT
EXAMPLES.
SHARE COLLECTION
500PX.
This is another two column blog that uses the sidebar as an effective way to showcase a variety of
thumbnails. The stats, social links, and related article information on the right side of each post is perfect for
keeping readers interested.
COOL HUNTING.
Cool Hunting has a slick navigation bar. These clean boxes with small font add to the overall look of the site.
The top stories are also represented by three well sized thumbnails that draw the reader’s eyes.
GET ADDICTED TO.
Get Addicted To has a simple, yet creative logo that stands out among all the white space. The large
slideshow and rows of small icons give the site a clean, clutter free layout.
GET THE FIVE.
This site has posts set up in groups of five. The individual slideshows use five dots in the top right corners to
indicate slide positions and subtle arrows on the left and right to navigate through the 5 slides. The tags in
the left sidebar give ample opportunity to include high ranking keywords.
I CAN HAS CHEEZBURGER.
We’re sure you’ve stumbled upon this website at one point or other. The design aspect that stands out is the
simple set of social sharing icons at the top and to the right.
MASHABLE.
Mashable breaks its content into 3 noticeable sections on the homepage. The new posts are listed on the
left in the smallest sized thumbnails, The “Next Big Thing” posts are displayed in the center column as
medium-sized thumbnails, and the “What’s Hot” posts are shown to the right as large thumbnails.
PICTORY.
The black background showcases the featured articles in an aesthetically pleasing layout. Pictory uses
white and yellow font to create much needed contrast and keeps the site from looking too dark.
THE BURNING HOUSE.
This blog feels a lot like an Instagram filter. The simple layout, small text, and rounded corners makes this
site a pleasure to navigate.
THE OATMEAL.
Whether you enjoy the comics and jokes as much as we do doesn't matter. The design take away from this
blog is the overall consistency of the website. Everything from the colors, fonts, navigation buttons, and
thumbnails is in tune with the brand.
THE OPEN PHOTOBLOG.
It is very rare that a blog can pull off a “dark theme.” A design style that utilizes a color scheme on the dark
side of the color spectrum has its problems. The issue with dark themes, is that font becomes harder to read
against dark backgrounds and tends to strain the reader’s eyes. This, whoever, was done right.
30
LIFESTYLE
EXAMPLES.
SHARE COLLECTION
ADVENTURE JOURNAL.
An attractive design feature of this blog are the articles displayed in the center column. Normally you’d find
the smaller thumbnails on either the right or left of a site, but hardly ever in the center. This makes it easier
to spot and doesn't draw the reader too far from the main content.
APARTMENT THERAPY.
The left sidebar is designed to showcase a large number of categories and articles without over stretching
the page vertically. No one likes to scroll to the bottom of a page just to see some related articles.
BRIT+CO.
First off, the color scheme is warm and welcoming. Second, the homepage is another great example of
clean and clutter free. layout One thing that many blogs don’t do enough of is including a profile image. For
personal blogs, it bolds well to introduce yourself to your readers.
DELICIOUS DAYS.
Personally, I think it is difficult to avoid fonts like Helvetica, Tahoma, Calibri and the assortment of other new
style fonts when the idea of Times New Roman brings you back to college term papers. Delicious Days finds
a way to use a more formal style font by designing the layout to match.
DETECTIVE D DUBS.
The design of this particular blog plays more on the interactive side. The sidebar doubles as the navigation
bar and has a simple and integrated Twitter feed. All of the articles are displayed on the homepage in
evenly-sized tiles that flip to reveal titles and text when hovered over.
DOOCE.
Dooce makes great use of white space. The issue with many blogs is that the combination of images and
text in close proximity to one another create a very cluttered and confusing experience for readers.
DWELL.
Dwell breaks its content into a few well-organized sections. The big space saver is the slideshow at the top of
the page. You’ll notice that there are eight articles compiled into that slideshow for readers to browse through.
ECOKI.
A textured background and angled header gives this blog a look and feel of its own. Although the particular
layout doesn’t differ from many others, the small details set it apart.
FOODILY.
Aside from the appetizing background image, Foodily’s large search bar creates an amazingly convenient
feature for readers.
JOHNNY CUPCAKES.
We’ve talked about brand consistency before and Johnny Cupcakes knows a thing or two about that. The
blog’s simple color scheme and matching fonts creates a unified user experience from shop to blog.
SVBTLE.
In case you didn’t notice, SVTBLE has a clean and sleek look. One great feature is the subtle navigation bar
in the bottom left corner of the site. It’s almost as if it were designed with subtlety in mind.
THE SATORIALIST.
The sidebar is simple and packed with well-organized content. Each section of the sidebar is evenly
separated from one another while maintaining a consistent look throughout the site.
WE HEART.
Every inch of the site is filled with colorful and attractive content without appearing cluttered. We Heart uses
a variety of tiles and even spacing to pull off this complete look. Even the social media links have been
turned into tiles to fill in empty space!
44
NONPROFIT
EXAMPLES.
SHARE COLLECTION
CHARITY: WATER.
The Charity: Water blog does a great job at presenting high quality images in a centered slideshow. The red
tags give the blog flare while the subtle social icons keep it from being too distracting.
CURE.
Another great example of a textured background and textured design elements that give this blog a distinct
personality.
GIRL SCOUTS.
The Girl Scouts take design elements from a three column layout and sprinkle it with a personal touch. The
header graphics and wide range of colors make for a very pleasant reader experience.
SALVATION ARMY.
The clean navigation bar, large slideshow, and colorful social buttons draw the reader to the important
elements of this blog. Posts are neatly positioned and easily accessible to visitors.
UNECO.
This simple and interactive blog layout offers users a friendly and visual experience. Readers can use the
small arrows to the left and right to navigate through posts. The small navigation bar and clean sidebar don’t
distract from the main content.
50
TECHNOLOGY
EXAMPLES.
SHARE COLLECTION
ENGADGET.
For the most part, Engadget has a very basic blog set up. The design aspect that sets it apart is its slightly
more interactive top banner and the text heavy sidebar that makes headlines the main attraction and not the
thumbnails. The layout design allows for longer headlines and links to improve SEO ranking.
GIZMODO.
Gizmodo, unlike many other tech blogs, is not much for scrolling. When you visit the site, you’ll notice that
the homepage doesn’t really scroll beyond the end of the sidebar. This is possible because the sidebar
actually scrolls independently of the homepage which makes it easer for readers.
TECH CRUNCH.
You can always tell you’re on Tech Crunch when you come across an article. This is because of their bright
and sometimes obnoxious neon green text, icons, or logo. This isn’t a horrible thing when done with
restraint, and can set your site apart with a very simple design change.
THE VERGE.
The colors! The Verge utilizes transparent color overlays to spice up their thumbnails and make those
headlines stand out like sore thumbs. The layout houses a large number of optimized links and headers to
achieve better ranking in search engines.
TREE HUGGER.
Once again, bright and sometimes obnoxious colors can bold quite well for a blog if done right. Treehugger’s
neon green bars and white font sure pop on the page.
WIRED.
What most people forget to focus on when designing a blog or even a website, is the importance of their
logo. This logo not only acts as your “We’re Open” sign, but also seconds as a link to your homepage.
People will always look for it when navigating back to the blog homepage. Just make sure it’s inviting!
CONCLUSION.
As you can see in these examples, every blog has its own
character and personality. Remember to think about how your
design will reflect that character – and if your target readership is
right for it. Ask yourself questions about your content such as:
• “Is it text heavy or image heavy?”
• “Will these colors make it hard to read my articles?”
• “Can my readers see all the categories?”
Designing your blog is less about the graphics, colors, and text,
and more about the layout of your content for the readers.
There’s no point having a great looking blog if readers are having
trouble getting to the actual content, the content they trust. With
any design project, remember to do your research and have fun!
SHARE COLLECTION
LOOKING TO
BOOST TRAFFIC
TO YOUR BLOG?
Talk to a HubSpot expert about how
you can improve traffic to your blog.
We’ll walk you through a step-by-step
assessment of your blog, and help
you optimize your strategy to drive
more traffic to it.
REQUEST A FREE CONSULTATION

More Related Content

What's hot

2. ideas and planning
2. ideas and planning2. ideas and planning
2. ideas and planning
Cameron Whapples
 
Print evaluation
Print evaluationPrint evaluation
Print evaluation
Abbie Nicholls
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
Nyros Technologies
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
Carmell06769
 
Task 1 p1 conventions, house style,
Task 1 p1  conventions, house style,Task 1 p1  conventions, house style,
Task 1 p1 conventions, house style,
pricey930
 
Website evaluation
Website evaluationWebsite evaluation
Website evaluation
haverstockmedia
 
Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio website
L15338
 
Evaluation
EvaluationEvaluation
Evaluation
james Gannon
 
Evaluation Question 3: What have you learned from your audience feedback?
Evaluation Question 3: What have you learned from your audience feedback?Evaluation Question 3: What have you learned from your audience feedback?
Evaluation Question 3: What have you learned from your audience feedback?
geehardy
 
WRA 210 January 20, 2011
WRA 210 January 20, 2011WRA 210 January 20, 2011
WRA 210 January 20, 2011
Miami University
 
Final content page and double spread article designs
Final content page and double spread article designsFinal content page and double spread article designs
Final content page and double spread article designs
IllyaBoyko1
 
6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design
Clippingimages
 
The crack website
The crack websiteThe crack website
The crack website
megansheratonx
 

What's hot (13)

2. ideas and planning
2. ideas and planning2. ideas and planning
2. ideas and planning
 
Print evaluation
Print evaluationPrint evaluation
Print evaluation
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
Task 1 p1 conventions, house style,
Task 1 p1  conventions, house style,Task 1 p1  conventions, house style,
Task 1 p1 conventions, house style,
 
Website evaluation
Website evaluationWebsite evaluation
Website evaluation
 
Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio website
 
Evaluation
EvaluationEvaluation
Evaluation
 
Evaluation Question 3: What have you learned from your audience feedback?
Evaluation Question 3: What have you learned from your audience feedback?Evaluation Question 3: What have you learned from your audience feedback?
Evaluation Question 3: What have you learned from your audience feedback?
 
WRA 210 January 20, 2011
WRA 210 January 20, 2011WRA 210 January 20, 2011
WRA 210 January 20, 2011
 
Final content page and double spread article designs
Final content page and double spread article designsFinal content page and double spread article designs
Final content page and double spread article designs
 
6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design6 Key Principles Of Making A Web Design
6 Key Principles Of Making A Web Design
 
The crack website
The crack websiteThe crack website
The crack website
 

Viewers also liked

Greece
GreeceGreece
Greece
Felix Brown
 
Crequenewsletterpowerpoint
CrequenewsletterpowerpointCrequenewsletterpowerpoint
Crequenewsletterpowerpoint
francesandrobert
 
Question 6
Question 6Question 6
Question 6
MorganRoux
 
Evaluation 5
Evaluation 5Evaluation 5
Evaluation 5
darmanin
 
Jorgelopez and ismaelmarin
Jorgelopez and ismaelmarinJorgelopez and ismaelmarin
Jorgelopez and ismaelmarin
eso1113enricborras
 
Cloud 서비스
Cloud 서비스Cloud 서비스
Cloud 서비스
jihyae0265
 
Mmm which one
Mmm which oneMmm which one
Mmm which one
sfleming2464
 
Moo cs digitalisation_book-mooc_cmg
Moo cs digitalisation_book-mooc_cmgMoo cs digitalisation_book-mooc_cmg
Moo cs digitalisation_book-mooc_cmg
Cormac McGrath
 
social game의 전망
social game의 전망social game의 전망
social game의 전망
Jiye Park
 
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin""Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
Maria Sobral Mendonça
 
Greece luxury hotel lichnos beach parga
Greece luxury hotel lichnos beach pargaGreece luxury hotel lichnos beach parga
Greece luxury hotel lichnos beach parga
Diana George
 
Street address requirement ordinance 7093
Street address requirement ordinance 7093Street address requirement ordinance 7093
Street address requirement ordinance 7093
Park Hill Neighborhood Association
 
Hoi dap ve quan ly moi truong
Hoi dap ve quan ly moi truongHoi dap ve quan ly moi truong
Hoi dap ve quan ly moi truong
lethao1491
 
ACTIVIDAD 1
ACTIVIDAD 1ACTIVIDAD 1
ACTIVIDAD 1
Francisco Robayo
 
Modeling Multimodal Process Operations
Modeling Multimodal Process OperationsModeling Multimodal Process Operations
Modeling Multimodal Process Operations
Alkis Vazacopoulos
 
P6 sow ocr 60138 sm_gcse_module_p6
P6 sow ocr 60138 sm_gcse_module_p6P6 sow ocr 60138 sm_gcse_module_p6
P6 sow ocr 60138 sm_gcse_module_p6
opsonise
 
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
Alkis Vazacopoulos
 
Ares
AresAres
Ares
chibook
 

Viewers also liked (20)

Greece
GreeceGreece
Greece
 
Crequenewsletterpowerpoint
CrequenewsletterpowerpointCrequenewsletterpowerpoint
Crequenewsletterpowerpoint
 
Question 6
Question 6Question 6
Question 6
 
Evaluation 5
Evaluation 5Evaluation 5
Evaluation 5
 
Jorgelopez and ismaelmarin
Jorgelopez and ismaelmarinJorgelopez and ismaelmarin
Jorgelopez and ismaelmarin
 
Cloud 서비스
Cloud 서비스Cloud 서비스
Cloud 서비스
 
Mmm which one
Mmm which oneMmm which one
Mmm which one
 
AICRC
AICRCAICRC
AICRC
 
Moo cs digitalisation_book-mooc_cmg
Moo cs digitalisation_book-mooc_cmgMoo cs digitalisation_book-mooc_cmg
Moo cs digitalisation_book-mooc_cmg
 
social game의 전망
social game의 전망social game의 전망
social game의 전망
 
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin""Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
"Tiqqun-A Libertação do Pecado / Tiqqun-Liberation from Sin"
 
Greece luxury hotel lichnos beach parga
Greece luxury hotel lichnos beach pargaGreece luxury hotel lichnos beach parga
Greece luxury hotel lichnos beach parga
 
Street address requirement ordinance 7093
Street address requirement ordinance 7093Street address requirement ordinance 7093
Street address requirement ordinance 7093
 
Hoi dap ve quan ly moi truong
Hoi dap ve quan ly moi truongHoi dap ve quan ly moi truong
Hoi dap ve quan ly moi truong
 
ACTIVIDAD 1
ACTIVIDAD 1ACTIVIDAD 1
ACTIVIDAD 1
 
Modeling Multimodal Process Operations
Modeling Multimodal Process OperationsModeling Multimodal Process Operations
Modeling Multimodal Process Operations
 
P6 sow ocr 60138 sm_gcse_module_p6
P6 sow ocr 60138 sm_gcse_module_p6P6 sow ocr 60138 sm_gcse_module_p6
P6 sow ocr 60138 sm_gcse_module_p6
 
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
Time Series Estimation of Gas Furnace Data in IMPL and CPLEX Industrial Model...
 
Ares
AresAres
Ares
 
Dsl public
Dsl publicDsl public
Dsl public
 

Similar to 47 amazing blog designs

47 amazing blog_designs
47 amazing blog_designs47 amazing blog_designs
47 amazing blog_designs
Joan Carles González i Santamaría
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
Syed Umair Javed
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
Chad Hollingsworth
 
30 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 201830 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 2018
unfunnel
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
Syed Umair Javed
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
Gianluigi Spagnoli
 
54 Brilliant Homepage Designs
54 Brilliant Homepage Designs54 Brilliant Homepage Designs
54 Brilliant Homepage Designs
ClearPivot
 
Digital publishing site design
Digital publishing   site designDigital publishing   site design
Digital publishing site design
beckybbb
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
Microsoft
 
Indie website
Indie websiteIndie website
Indie website
megansheratonx
 
What Great WordPress Sites Look Like
What Great WordPress Sites Look LikeWhat Great WordPress Sites Look Like
What Great WordPress Sites Look Like
David Lynn Painter
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
lyngdoh
 
Back to blogging school blog design 9 27-14 full
Back to blogging school blog design 9 27-14 fullBack to blogging school blog design 9 27-14 full
Back to blogging school blog design 9 27-14 full
Jenni Bost
 
Media regional magazine research ancillary 1
Media regional magazine research ancillary 1Media regional magazine research ancillary 1
Media regional magazine research ancillary 1
Thierry_Preston
 
Template 1-pptx
Template 1-pptxTemplate 1-pptx
Template 1-pptx
mdecker333
 
Web 2.0 style guide
Web 2.0 style guideWeb 2.0 style guide
Web 2.0 style guide
ananda gunadharma
 
User Interface Critique
User Interface CritiqueUser Interface Critique
User Interface Critique
morgandecker
 
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design GuidelinesAtlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Technical Consulting
 
User Interface Critique
User Interface CritiqueUser Interface Critique
User Interface Critique
morgandecker
 
Website inspirations
Website inspirationsWebsite inspirations
Website inspirations
hollyjac
 

Similar to 47 amazing blog designs (20)

47 amazing blog_designs
47 amazing blog_designs47 amazing blog_designs
47 amazing blog_designs
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
 
30 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 201830 Website Homepage Designs to Benchmark in 2018
30 Website Homepage Designs to Benchmark in 2018
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
 
54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design54 examples-of-brilliant-homepage-design
54 examples-of-brilliant-homepage-design
 
54 Brilliant Homepage Designs
54 Brilliant Homepage Designs54 Brilliant Homepage Designs
54 Brilliant Homepage Designs
 
Digital publishing site design
Digital publishing   site designDigital publishing   site design
Digital publishing site design
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
 
Indie website
Indie websiteIndie website
Indie website
 
What Great WordPress Sites Look Like
What Great WordPress Sites Look LikeWhat Great WordPress Sites Look Like
What Great WordPress Sites Look Like
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Back to blogging school blog design 9 27-14 full
Back to blogging school blog design 9 27-14 fullBack to blogging school blog design 9 27-14 full
Back to blogging school blog design 9 27-14 full
 
Media regional magazine research ancillary 1
Media regional magazine research ancillary 1Media regional magazine research ancillary 1
Media regional magazine research ancillary 1
 
Template 1-pptx
Template 1-pptxTemplate 1-pptx
Template 1-pptx
 
Web 2.0 style guide
Web 2.0 style guideWeb 2.0 style guide
Web 2.0 style guide
 
User Interface Critique
User Interface CritiqueUser Interface Critique
User Interface Critique
 
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design GuidelinesAtlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design Guidelines
 
User Interface Critique
User Interface CritiqueUser Interface Critique
User Interface Critique
 
Website inspirations
Website inspirationsWebsite inspirations
Website inspirations
 

More from João Patrício

Case Study - how to use marketing automation in increasing sales conversion
 Case Study - how to use marketing automation in increasing sales conversion Case Study - how to use marketing automation in increasing sales conversion
Case Study - how to use marketing automation in increasing sales conversion
João Patrício
 
Internet como estratégia de marketing
Internet como estratégia de marketingInternet como estratégia de marketing
Internet como estratégia de marketing
João Patrício
 
Plano de Marketing
Plano de MarketingPlano de Marketing
Plano de Marketing
João Patrício
 
Manual de formação psi mod ss. i
Manual de formação psi mod ss. iManual de formação psi mod ss. i
Manual de formação psi mod ss. i
João Patrício
 
Wines - Silver medal 2013 | Portugal
Wines - Silver medal 2013  |  PortugalWines - Silver medal 2013  |  Portugal
Wines - Silver medal 2013 | Portugal
João Patrício
 
Vinhos medalhas de ouro 2013
Vinhos medalhas de ouro 2013Vinhos medalhas de ouro 2013
Vinhos medalhas de ouro 2013
João Patrício
 
Shopping cart abandonment_march2012
Shopping cart abandonment_march2012Shopping cart abandonment_march2012
Shopping cart abandonment_march2012
João Patrício
 

More from João Patrício (8)

Case Study - how to use marketing automation in increasing sales conversion
 Case Study - how to use marketing automation in increasing sales conversion Case Study - how to use marketing automation in increasing sales conversion
Case Study - how to use marketing automation in increasing sales conversion
 
Internet como estratégia de marketing
Internet como estratégia de marketingInternet como estratégia de marketing
Internet como estratégia de marketing
 
Plano de Marketing
Plano de MarketingPlano de Marketing
Plano de Marketing
 
Manual de formação psi mod ss. i
Manual de formação psi mod ss. iManual de formação psi mod ss. i
Manual de formação psi mod ss. i
 
good mood in bags
good mood in bagsgood mood in bags
good mood in bags
 
Wines - Silver medal 2013 | Portugal
Wines - Silver medal 2013  |  PortugalWines - Silver medal 2013  |  Portugal
Wines - Silver medal 2013 | Portugal
 
Vinhos medalhas de ouro 2013
Vinhos medalhas de ouro 2013Vinhos medalhas de ouro 2013
Vinhos medalhas de ouro 2013
 
Shopping cart abandonment_march2012
Shopping cart abandonment_march2012Shopping cart abandonment_march2012
Shopping cart abandonment_march2012
 

Recently uploaded

WAM Corporate Presentation July 2024.pdf
WAM Corporate Presentation July 2024.pdfWAM Corporate Presentation July 2024.pdf
WAM Corporate Presentation July 2024.pdf
Western Alaska Minerals Corp.
 
Retail Store Scavenger Hunt powerpoint slides
Retail Store Scavenger Hunt powerpoint slidesRetail Store Scavenger Hunt powerpoint slides
Retail Store Scavenger Hunt powerpoint slides
JairSemexant
 
upGrad_Case_Study_by_Himanshu_Singh.pptx
upGrad_Case_Study_by_Himanshu_Singh.pptxupGrad_Case_Study_by_Himanshu_Singh.pptx
upGrad_Case_Study_by_Himanshu_Singh.pptx
himanshubclubofgsv
 
AI at Work​ The demystification of AI and real-world stories on how to apply ...
AI at Work​ The demystification of AI and real-world stories on how to apply ...AI at Work​ The demystification of AI and real-world stories on how to apply ...
AI at Work​ The demystification of AI and real-world stories on how to apply ...
Auxis Consulting & Outsourcing
 
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
Philip M Caputo
 
Luxury Lifestyle Summit 2024 - Sponsorship
Luxury Lifestyle Summit 2024 - SponsorshipLuxury Lifestyle Summit 2024 - Sponsorship
Luxury Lifestyle Summit 2024 - Sponsorship
uitdiedosfinance
 
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptxSTRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
ImranTabish1
 
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
kevinkariuki227
 
You Get Me! Leveraging Communication Styles in Virtual Trainingpptx
You Get Me! Leveraging Communication Styles in Virtual TrainingpptxYou Get Me! Leveraging Communication Styles in Virtual Trainingpptx
You Get Me! Leveraging Communication Styles in Virtual Trainingpptx
Cynthia Clay
 
Virtual Production Tool Set and Technologies Redefining Cinema.pdf
Virtual Production Tool Set and Technologies Redefining Cinema.pdfVirtual Production Tool Set and Technologies Redefining Cinema.pdf
Virtual Production Tool Set and Technologies Redefining Cinema.pdf
virtualproduction38
 
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptxThe-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
Jindal Global University, Sonipat Haryana 131001
 
Growth Buyouts - The Dawn of the GBO (Slow Ventures)
Growth Buyouts - The  Dawn of the GBO (Slow Ventures)Growth Buyouts - The  Dawn of the GBO (Slow Ventures)
Growth Buyouts - The Dawn of the GBO (Slow Ventures)
Razin Mustafiz
 
Qatar Airways Kuwait Office.pdf.........
Qatar Airways Kuwait Office.pdf.........Qatar Airways Kuwait Office.pdf.........
Qatar Airways Kuwait Office.pdf.........
anissageorge9890
 
Accounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
Accounts.pdfjsjshwnsksowowkwmwmsmmsmskskAccounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
Accounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
gautamprateek97
 
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
44annissa
 
Apparel Sourcing Week 2024 DelegateDeck.pdf
Apparel Sourcing Week 2024 DelegateDeck.pdfApparel Sourcing Week 2024 DelegateDeck.pdf
Apparel Sourcing Week 2024 DelegateDeck.pdf
Apparel Sourcing Week
 
The Power of Digital Marketing in the Modern Age.pdf
The Power of Digital Marketing in the Modern Age.pdfThe Power of Digital Marketing in the Modern Age.pdf
The Power of Digital Marketing in the Modern Age.pdf
David Thomson
 
Business Model Canvas for Successful Business
Business Model Canvas for Successful BusinessBusiness Model Canvas for Successful Business
Business Model Canvas for Successful Business
SuganthiPrakash1
 
Path to the next normal collection McKinsey
Path to the next normal collection McKinseyPath to the next normal collection McKinsey
Path to the next normal collection McKinsey
MajIman2
 
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
margaretblush
 

Recently uploaded (20)

WAM Corporate Presentation July 2024.pdf
WAM Corporate Presentation July 2024.pdfWAM Corporate Presentation July 2024.pdf
WAM Corporate Presentation July 2024.pdf
 
Retail Store Scavenger Hunt powerpoint slides
Retail Store Scavenger Hunt powerpoint slidesRetail Store Scavenger Hunt powerpoint slides
Retail Store Scavenger Hunt powerpoint slides
 
upGrad_Case_Study_by_Himanshu_Singh.pptx
upGrad_Case_Study_by_Himanshu_Singh.pptxupGrad_Case_Study_by_Himanshu_Singh.pptx
upGrad_Case_Study_by_Himanshu_Singh.pptx
 
AI at Work​ The demystification of AI and real-world stories on how to apply ...
AI at Work​ The demystification of AI and real-world stories on how to apply ...AI at Work​ The demystification of AI and real-world stories on how to apply ...
AI at Work​ The demystification of AI and real-world stories on how to apply ...
 
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
Innovation Hub_ Spotlight on Toms River's Role as a Beacon for Entrepreneuria...
 
Luxury Lifestyle Summit 2024 - Sponsorship
Luxury Lifestyle Summit 2024 - SponsorshipLuxury Lifestyle Summit 2024 - Sponsorship
Luxury Lifestyle Summit 2024 - Sponsorship
 
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptxSTRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
STRATEGY TO OVERCOME CURRENT PROBLEMS AT MTC.pptx
 
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
TEST BANK For Auditing & Assurance Services A Systematic Approach, 12th Editi...
 
You Get Me! Leveraging Communication Styles in Virtual Trainingpptx
You Get Me! Leveraging Communication Styles in Virtual TrainingpptxYou Get Me! Leveraging Communication Styles in Virtual Trainingpptx
You Get Me! Leveraging Communication Styles in Virtual Trainingpptx
 
Virtual Production Tool Set and Technologies Redefining Cinema.pdf
Virtual Production Tool Set and Technologies Redefining Cinema.pdfVirtual Production Tool Set and Technologies Redefining Cinema.pdf
Virtual Production Tool Set and Technologies Redefining Cinema.pdf
 
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptxThe-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
The-Three-Pillars-of-Doctoral-Research-What-Why-and-How (1).pptx
 
Growth Buyouts - The Dawn of the GBO (Slow Ventures)
Growth Buyouts - The  Dawn of the GBO (Slow Ventures)Growth Buyouts - The  Dawn of the GBO (Slow Ventures)
Growth Buyouts - The Dawn of the GBO (Slow Ventures)
 
Qatar Airways Kuwait Office.pdf.........
Qatar Airways Kuwait Office.pdf.........Qatar Airways Kuwait Office.pdf.........
Qatar Airways Kuwait Office.pdf.........
 
Accounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
Accounts.pdfjsjshwnsksowowkwmwmsmmsmskskAccounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
Accounts.pdfjsjshwnsksowowkwmwmsmmsmsksk
 
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
New Girls Call Mumbai 9910780858 Provide Best And Top Girl Service And No1 in...
 
Apparel Sourcing Week 2024 DelegateDeck.pdf
Apparel Sourcing Week 2024 DelegateDeck.pdfApparel Sourcing Week 2024 DelegateDeck.pdf
Apparel Sourcing Week 2024 DelegateDeck.pdf
 
The Power of Digital Marketing in the Modern Age.pdf
The Power of Digital Marketing in the Modern Age.pdfThe Power of Digital Marketing in the Modern Age.pdf
The Power of Digital Marketing in the Modern Age.pdf
 
Business Model Canvas for Successful Business
Business Model Canvas for Successful BusinessBusiness Model Canvas for Successful Business
Business Model Canvas for Successful Business
 
Path to the next normal collection McKinsey
Path to the next normal collection McKinseyPath to the next normal collection McKinsey
Path to the next normal collection McKinsey
 
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
Girls Call Andheri West 9910780858 Provide Best And Top Girl Service And No1 ...
 

47 amazing blog designs

  • 3. INTRODUCTION. 81% of U.S. online consumers trust information and advice from blogs. But how do you get people to be interested in your blog? We’ve mentioned before that your website homepage is like the front door to your business. The same goes for your blog. If you’re not attracting people visually, how will you get them to trust what you’re blogging? A common issue we see with blog design is finding a balance between visual design and effective content presentation. Blogs are chalk full of images, text and links that need to be shown off just right – otherwise it just turns the reader away because they can’t make heads or tails of what’s going on. That’s why we’ve put together a variety of well-designed blog homepages to get you on the right track to designing the perfect blog for your readers.
  • 5. PANDODAILY. An important aspect of a well-designed blog is a consistent color scheme and style. Pandodaily is using 3 different fonts that look great together when unified by the colors of the blog.
  • 6. START UP QUOTE. Start Up Quote does a great job at taking simple content and conveying it in an interesting and attractive manner. The black background makes the colorful, tiled quotes pop and draw visitors right to the meat and potatoes of the blog.
  • 7. THE NEXT WEB. The Next Web makes great use of a two column design. They use the left side bar to showcase both “Popular” and “Latest” articles while displaying their top stories on the right with a variety of thumbnails. The text heavy layout gives room to include more keywords for your search optimization.
  • 8. VENTURE BEAT. Never underestimate the power of image placement. When you first arrive on the VB website, you immediately notice the five main articles at the top of the page. The contrasting black, white, and red make the headlines stand out.
  • 10. ABDUZEEDO. As a design blog, the use of thumbnails is key to keeping visitors satisfied and interested in the visual content. You’ll also notice the sleek, unobtrusive, social icons in the top right corner. Everything about the blog screams sleek.
  • 11. AWWWARDS. Awwwards blog should be nothing less than amazing. And it is. You can see that the navigation, fonts, and links are all consistent in design and color. Evenly sized and spaced tiles makes it easy to scroll through large amount of content.
  • 12. DESIGN MILK. Aside from the creative logo, Design Milk uses a very simple layout to show off its blog posts. The sidebar to the right is perfect for showing off thumbnails that draw readers into new articles. The social icons in the top right are a pleasant addition to the overall look and feel of the site.
  • 13. GOMEDIAZINE. The blue and orange color scheme of Gomediazine work remarkably well with the light background and grey font. Other than the ad on the right, this website is very clean of clutter and still avoids looking bland.
  • 14. HELLO BAR. Everything from the background to the social media buttons spew character. Hello Bar did a fantastic job taking a simple layout and giving it a personality of its own.
  • 15. LOOKS LIKE GOOD DESIGN. For visual heavy content, a layout similar to this design blog provides readers with a convenient way to simply scroll through loads of posts. We have a dark background with bright links and light bordered tiles that make everything stand out.
  • 16. MODERNERD. You may not notice at first, but Modernerd has a subtle background design. This blog is an example of how less is more. We have text heavy posts, simple navigation buttons, and an even simpler logo. Minimalist blog designs are rare but greatly appreciated when done correctly.
  • 17. WEBDESIGNER DEPOT. The banner of Webdesigner Depot stands out with its bright colors and subtle details while working itself into the design of the entire blog. The color scheme, background and fonts are all consistent. This keeps the blog from looking like any basic WordPress or blogger template.
  • 18. WE LOVE TYPOGRAPHY. We love typography! The simple, yet visually striking layout of this typography focused blog gives readers the option of sorting posts based on color. You can also adjust the layout of the website by changing the arrangement of the grid.
  • 20. 500PX. This is another two column blog that uses the sidebar as an effective way to showcase a variety of thumbnails. The stats, social links, and related article information on the right side of each post is perfect for keeping readers interested.
  • 21. COOL HUNTING. Cool Hunting has a slick navigation bar. These clean boxes with small font add to the overall look of the site. The top stories are also represented by three well sized thumbnails that draw the reader’s eyes.
  • 22. GET ADDICTED TO. Get Addicted To has a simple, yet creative logo that stands out among all the white space. The large slideshow and rows of small icons give the site a clean, clutter free layout.
  • 23. GET THE FIVE. This site has posts set up in groups of five. The individual slideshows use five dots in the top right corners to indicate slide positions and subtle arrows on the left and right to navigate through the 5 slides. The tags in the left sidebar give ample opportunity to include high ranking keywords.
  • 24. I CAN HAS CHEEZBURGER. We’re sure you’ve stumbled upon this website at one point or other. The design aspect that stands out is the simple set of social sharing icons at the top and to the right.
  • 25. MASHABLE. Mashable breaks its content into 3 noticeable sections on the homepage. The new posts are listed on the left in the smallest sized thumbnails, The “Next Big Thing” posts are displayed in the center column as medium-sized thumbnails, and the “What’s Hot” posts are shown to the right as large thumbnails.
  • 26. PICTORY. The black background showcases the featured articles in an aesthetically pleasing layout. Pictory uses white and yellow font to create much needed contrast and keeps the site from looking too dark.
  • 27. THE BURNING HOUSE. This blog feels a lot like an Instagram filter. The simple layout, small text, and rounded corners makes this site a pleasure to navigate.
  • 28. THE OATMEAL. Whether you enjoy the comics and jokes as much as we do doesn't matter. The design take away from this blog is the overall consistency of the website. Everything from the colors, fonts, navigation buttons, and thumbnails is in tune with the brand.
  • 29. THE OPEN PHOTOBLOG. It is very rare that a blog can pull off a “dark theme.” A design style that utilizes a color scheme on the dark side of the color spectrum has its problems. The issue with dark themes, is that font becomes harder to read against dark backgrounds and tends to strain the reader’s eyes. This, whoever, was done right.
  • 31. ADVENTURE JOURNAL. An attractive design feature of this blog are the articles displayed in the center column. Normally you’d find the smaller thumbnails on either the right or left of a site, but hardly ever in the center. This makes it easier to spot and doesn't draw the reader too far from the main content.
  • 32. APARTMENT THERAPY. The left sidebar is designed to showcase a large number of categories and articles without over stretching the page vertically. No one likes to scroll to the bottom of a page just to see some related articles.
  • 33. BRIT+CO. First off, the color scheme is warm and welcoming. Second, the homepage is another great example of clean and clutter free. layout One thing that many blogs don’t do enough of is including a profile image. For personal blogs, it bolds well to introduce yourself to your readers.
  • 34. DELICIOUS DAYS. Personally, I think it is difficult to avoid fonts like Helvetica, Tahoma, Calibri and the assortment of other new style fonts when the idea of Times New Roman brings you back to college term papers. Delicious Days finds a way to use a more formal style font by designing the layout to match.
  • 35. DETECTIVE D DUBS. The design of this particular blog plays more on the interactive side. The sidebar doubles as the navigation bar and has a simple and integrated Twitter feed. All of the articles are displayed on the homepage in evenly-sized tiles that flip to reveal titles and text when hovered over.
  • 36. DOOCE. Dooce makes great use of white space. The issue with many blogs is that the combination of images and text in close proximity to one another create a very cluttered and confusing experience for readers.
  • 37. DWELL. Dwell breaks its content into a few well-organized sections. The big space saver is the slideshow at the top of the page. You’ll notice that there are eight articles compiled into that slideshow for readers to browse through.
  • 38. ECOKI. A textured background and angled header gives this blog a look and feel of its own. Although the particular layout doesn’t differ from many others, the small details set it apart.
  • 39. FOODILY. Aside from the appetizing background image, Foodily’s large search bar creates an amazingly convenient feature for readers.
  • 40. JOHNNY CUPCAKES. We’ve talked about brand consistency before and Johnny Cupcakes knows a thing or two about that. The blog’s simple color scheme and matching fonts creates a unified user experience from shop to blog.
  • 41. SVBTLE. In case you didn’t notice, SVTBLE has a clean and sleek look. One great feature is the subtle navigation bar in the bottom left corner of the site. It’s almost as if it were designed with subtlety in mind.
  • 42. THE SATORIALIST. The sidebar is simple and packed with well-organized content. Each section of the sidebar is evenly separated from one another while maintaining a consistent look throughout the site.
  • 43. WE HEART. Every inch of the site is filled with colorful and attractive content without appearing cluttered. We Heart uses a variety of tiles and even spacing to pull off this complete look. Even the social media links have been turned into tiles to fill in empty space!
  • 45. CHARITY: WATER. The Charity: Water blog does a great job at presenting high quality images in a centered slideshow. The red tags give the blog flare while the subtle social icons keep it from being too distracting.
  • 46. CURE. Another great example of a textured background and textured design elements that give this blog a distinct personality.
  • 47. GIRL SCOUTS. The Girl Scouts take design elements from a three column layout and sprinkle it with a personal touch. The header graphics and wide range of colors make for a very pleasant reader experience.
  • 48. SALVATION ARMY. The clean navigation bar, large slideshow, and colorful social buttons draw the reader to the important elements of this blog. Posts are neatly positioned and easily accessible to visitors.
  • 49. UNECO. This simple and interactive blog layout offers users a friendly and visual experience. Readers can use the small arrows to the left and right to navigate through posts. The small navigation bar and clean sidebar don’t distract from the main content.
  • 51. ENGADGET. For the most part, Engadget has a very basic blog set up. The design aspect that sets it apart is its slightly more interactive top banner and the text heavy sidebar that makes headlines the main attraction and not the thumbnails. The layout design allows for longer headlines and links to improve SEO ranking.
  • 52. GIZMODO. Gizmodo, unlike many other tech blogs, is not much for scrolling. When you visit the site, you’ll notice that the homepage doesn’t really scroll beyond the end of the sidebar. This is possible because the sidebar actually scrolls independently of the homepage which makes it easer for readers.
  • 53. TECH CRUNCH. You can always tell you’re on Tech Crunch when you come across an article. This is because of their bright and sometimes obnoxious neon green text, icons, or logo. This isn’t a horrible thing when done with restraint, and can set your site apart with a very simple design change.
  • 54. THE VERGE. The colors! The Verge utilizes transparent color overlays to spice up their thumbnails and make those headlines stand out like sore thumbs. The layout houses a large number of optimized links and headers to achieve better ranking in search engines.
  • 55. TREE HUGGER. Once again, bright and sometimes obnoxious colors can bold quite well for a blog if done right. Treehugger’s neon green bars and white font sure pop on the page.
  • 56. WIRED. What most people forget to focus on when designing a blog or even a website, is the importance of their logo. This logo not only acts as your “We’re Open” sign, but also seconds as a link to your homepage. People will always look for it when navigating back to the blog homepage. Just make sure it’s inviting!
  • 57. CONCLUSION. As you can see in these examples, every blog has its own character and personality. Remember to think about how your design will reflect that character – and if your target readership is right for it. Ask yourself questions about your content such as: • “Is it text heavy or image heavy?” • “Will these colors make it hard to read my articles?” • “Can my readers see all the categories?” Designing your blog is less about the graphics, colors, and text, and more about the layout of your content for the readers. There’s no point having a great looking blog if readers are having trouble getting to the actual content, the content they trust. With any design project, remember to do your research and have fun! SHARE COLLECTION
  • 58. LOOKING TO BOOST TRAFFIC TO YOUR BLOG? Talk to a HubSpot expert about how you can improve traffic to your blog. We’ll walk you through a step-by-step assessment of your blog, and help you optimize your strategy to drive more traffic to it. REQUEST A FREE CONSULTATION