The Squarespace site makes design inspiration easy with a consistent color palette woven through the entire website, including their color-block navigation menus at the top of longer posts and on the blog home page.
When you first visit the site, the default view is a traditional blog layout. But with the click of a link, readers can choose a fancier layout with featured articles, classic posts, current reads, recommendations, and more.
The visuals on Upstairs blog posts remind me a bit of a landing page, with each new section using a different set of colors. The switch keeps visual interest, and the consistent color palette ties it all together.
The Londoner includes posts about life, travel, style, and recipes. Their homepage dazzles with images of the travel lifestyle the author leads. But these images pull double duty, also serving as blog post links.
Sincerely Jules is a popular fashion and lifestyle blog with a gorgeous design. The homepage of her blog begins by displaying a full-width header image of the latest blog post and a link to read the article.
The Recipe Critic is another beautifully designed food blog. The homepage is organized into sections like appetizers, breakfast, dinner, salads, 30-minute meals, slow cooker meals, and more. Readers can easily find the exact recipe they need with this design.
At the top of the page is a photo of the blog owner, Jorden, introducing herself and her free freelance writing course. Visitors can provide their email address in exchange for access to the course, which helps Jorden grow her email list and sell paid courses later on.
The New Yorker is another blog design example that works well for news websites. The page is packed full of their latest blog posts, separated into categories like spotlight, humor, fiction and poetry, videos, and more.
Afford Anything is a blog all about finance, psychology, and investing. It follows all of the blog design best practices like adding social sharing buttons, displaying popular blog posts, and using eye-catching images.
HeyYou are right it is very difficult to stand out from the crowd and convince people to read your content.We can attract readers from our different blog design so we have to design some different .Your all suggestions are very good and I also gain some new ideas.
Join our 30,000+ email subscribers for blog updates and get instant access to a 10,000-word guide on how to start a blog and build a sustainable business using keyword research, Google traffic, and a lot of tested strategies. Let us help you build a blog to support your family's income and help the community while you're at it!
When it comes to blog design, simplicity often trumps complexity. This is undoubtedly the case with Annual Digest by Curate Mag. Aimed at entrepreneurs and young professionals, Annual Digest is an online magazine featuring a collection of thought pieces that both reflect on the past year and inspire for the year to come.
Amy says: The most notable feature on the Girlboss website is the color palette: bold colors, combining pastels with deep, rich hues and oversaturated neons. Exciting as this color palette is, future designers should always consider users with varying grades of color blindness. The more variety you have in your color values (brightness, saturation, etc.), the harder it becomes to ensure adequate contrast.
The desktop website has got a horizontal swipe, which is a design standard more commonly associated with mobile interfaces. While this initially takes some getting used to, the designer has provided two more traditional navigation options: an easily accessible navigation at the top of the page, and the typical hamburger menu in the top right.
Productivity tool Dropbox has demonstrated its creative flair with this quirky and colorful blog. On top of dazzling us with a vivacious color scheme, the designers behind the Dropbox blog have paid homage to artistic zines with a simple graphic style that would typically be associated with print design.
More and more companies are catching on to the fact that ensuring your blog content is rich with relevant, interesting, and shareable information, as well as being visually and aesthetically engaging, is worth investing some time (and money) in!
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.
Recently, the organization redesigned its blog with a lengthy post dedicated to its 10-year anniversary. Using that opportunity to share its impact over the past decade, charity: water maintained a simplistic design with concise text and bright images from the anniversary event.
Plus, the folks at Johnny Cupcakes know a thing or two about brand consistency across channels. Its blog's simple color scheme and matching fonts help to create a unified user experience from the shop togeneral content, all the while throwing in bold, colorful images to catch readers' attention.
Looking for alternatives to make an informed choice? Check out Wix, Blogger, Ghost, and other popular platforms. If you launch a blog for the first time, educational platforms like First Site Guide can be of great help for finding actionable tips, tutorials and tool reviews.
Make the page simple enough to serve the above-mentioned purposes. Spend as much time as you need on thinking about its design and content. Don't rush things. The result must be a careful decision, not a half-baked idea. Only in this case, you'll come up with something memorable.
Today's users expect from websites the same UX regardless of the device they utilize to access it. Some ready-made themes take responsiveness into account. But if you have decided on a custom design, make sure it is responsive.
Newsletters are a proven marketing technique and wise blog owners don't skimp on it. To make a sign-up form irresistible, ask designers for help.People are curious creatures and they want to know everything that is behind the scenes. Give your readers a chance to learn your story directly from you by writing a great page.
Great content is just one part of having a small business or corporate blog. Along with well researched and well written posts, a successful blog also needs to have a clear organization. Tagging posts, and otherwise categorizing them can go a long way in making this content accessible.
The top of the blog layout dedicates a full screen to their most recent post. Below this are three more posts, each occupying an evenly spaced column. These entries, along with the primary featured article, effectively puts 4 articles in front of someone in just a short scroll. Heading down further the screen, we get this interactive list of articles.
In a lesser web design, this could have been a long, uninspired user experience. Instead, the variety of ways these blogs are displayed keeps the layout from getting too crowded, making each individual post easy to identify.
With a sense of high end sophistication, this design for the agency Atelier and Avenue reflects so well the luxury brands that their agency serves. Scrolling through this website feels like flipping through the pages of a fancy fashion magazine.
Their blog acts as another channel to help out their students, covering a wide range of school related topics. From student profiles, to announcements about Lambda School, they use their blog to keep their students updated and informed.
This blog is topped by its own navigation, different from the rest of the main website. With Company Culture, Employee Engagement, Employee Feedback, and other related menu options, this presents someone with a direct route in reading about the topics they want to learn more about.
The webinars and other relevant content in their blog discuss things like product updates, ways to use data, as well as other tech business related topics. The articles are arranged in a card layout, with a rich golden for the Read more buttons, as well as a handy tag on the top classifying the type of content for individual posts. This is a great example on how through some tasteful applications of color, you can really make calls to action spring from the screen.
Their blog further establishes themselves as experts on Zapier, with almost every post touching on same facet of using this software. Not only does this position themselves as authorities about Zapier, but having all of this relevant content also makes for better SEO.
Their blog content covers the topics prospective buyers would want to learn about, and answer many of the questions they may have. It acts as an integral part of their content marketing, helping turn potential customers into paying customers.
The blog is a handsome two column arrangement of blocks, with an animated hover effect that lifts each entry from the screen. This gentle effect does so much in bringing someone closer to actually clicking on one of these articles, and gives a bit of dimensionality to the web design. So many blogs suffer from unmoving grids and this subtle interaction brings this page to life.
Another design choice that helps with comprehension are the inline quotes. Each blog has a key point in grey broken out into the center. What might be a difficult concept is distilled into an easy to comprehend description. This stays true to her whole philosophy about math, which aims to demystify it and make it more accessible.
Blog categories include Intelligent Business, Company, and Products. With a robust blog regularly updated with relevant business topics, not only do they give their target audience plenty to read, but as we discussed at the top, this can give a nice SEO boost to the website.
Do people still read blogs regularly to update new information? According to Ahrefs, more than 77% of internet users read blogs regularly. It indicates that blogging is a useful way to interact with customers and pull them to the websites where the products are introduced. 2b1af7f3a8