Tuesday, December 1, 2020

17 of the Best Examples of Beautiful Blog Design

According to a recent survey, blogs have ranked as the third most trustworthy source of information, following only friends and family. That's right — bloggers are trusted more than celebrities, journalists, brands, and politicians.

But how do you get people to fall in love with your blog in the first place? (Aside from remarkable content, of course.)

Well, just as your website homepage is like the front door to your business, your blog's design — much like a welcome mat — is the front door to your business blog.

If you're not attracting people visually, how will you get them to take the next steps to actually read (and, hopefully, subscribe to) your content?Once you're done creating the quality content, you still have the challenge of presenting it in a way that clearly dictates what your blog is about. Images, text, and links need to be shown off just right — otherwise, readers might abandon your content, if it's not showcased in a way that's appealing, easy to follow, and generates more interest.

That's why we've compiled some examples of blog homepages to get you on the right track to designing the perfect blog for your readers. Check 'em out, below.

17 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."

beautiful blog design helpscout


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.

beautiful blog design microsoft stories


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 bluetones 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.

beautiful blog design pando


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 visiblewhen 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.)

beautiful blog design design milk


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.

beautiful blog design fubiz


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.

beautiful blog design webdesigner depot


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.

beautiful blog design mashable


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.

beautiful blog design brit + co


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.

beautiful blog design tesco


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.

beautiful blog design crew backstage


11. Innocent Drinks

Not only are the folks at Innocent Drinks great copywriters, but the design of its blog is also a great reminder that blog designs don't have to get super fancy.

Notice how the logo — displayed in the upper left — is simple, cartoonish, and almost delightfully child-like. It works for Innocent Drinks (hint: childhood innocence), and that brand presence is maintained throughout the company's blog.

The colorful fonts, for example, match the logo and stay in line with the brand's casual, playful voice. We also like the easily-navigable archive links on the left, which are complemented by the geometric social sharing buttons on the right.

beautiful blog design innocent


12. 500px

Much like Crew, the photography blog, 500px, leads with one featured article and a big, bold, high-definition photo to draw the reader in. That makes is pretty clear what the blog is about — it boasts valuable content on photography with gripping photography.

Plus, how cool is it that the social links are right there, obviously displayed above the fold? They keep readers engaged with the content, and make it easy to share the photography — and, content with images is up to three times as likely to be shared on social media.

beautiful blog design 500px


13. Pixelgrade

Pixelgrade is a design studio that creates stunning WordPress themes for all sorts of creative people and small businesses. Their blog page does a great job of highlighting one of their most recent or popular blog posts, alongside a clear call to action and a short excerpt. What I like best is that the design of the page is 100% in line with their brand and how they communicate on other channels as well, like Instagram, Facebook, or Twitter. You will have no problem in identifying their blog posts, among other content you might come across while scrolling on social media.

beautiful blog design pixelgrade


14. BarkPost

It's no secret that we kind of like dogs here at HubSpot. So when a blog dedicated to life as a dog owner came across our radar, it got our attention.

BarkPost, the blog of canine subscription box company BarkBox, is a great example of design for a number of reasons. First, look how easy it is to subscribe — the call to action is right there, above the featured content. The social share icons are easily noticeable, too — and, of course, all in the brand-matching, trustworthy blue.

We also like that BarkPost draws attention to its sister companies, all of which are owned under the Bark & Co portfolio of brands. But at the same time,the blog doesn't hock its own products — rather, it serves as an informational resource to dog parents and lovers alike.

beautiful blog design barkpost


15. Goodwill Industries International

Who says nonprofit organizations can't blog? Nay, they should and Goodwill's clean, colorful navigation (again — the trustworthy blue) draw the reader to the important elements of this blog.

The posts are also neatly positioned and easily accessible to readers. And, visitors can pick the type of information that matters to them the most by choosing a topic from the drop-down menu on the top right.

Finally, we love that there's a collaborative call to action in the introductory text that invites readers to contribute content to the Goodwill blog. After all, the organization's services have reached 37 million people — here's a way for them to share their stories, or invite donors to write about why they chose to support Goodwill.

beautiful blog design goodwill


16. charity: water

Keeping the nonprofit blogging train going is charity: water, which makes excellent use of high-quality photography.

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, there's a clear CTA to donate at the top of the page. Placing that above a story about charity: water's impact is a double-edged sword, by both inspiring people to contribute to the cause while making it easy to do so.

beautiful blog design charity:water


17. Johnny Cupcakes

To clear up any confusion, Johnny Cupcakes doesn't actually make cupcakes. It makes clothing. But the company has done a great job of playing up its brand association with baked goods — its blog uses the subdomain "kitchen."

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.

Also, visit the website and have a scroll — we think it's pretty cool how the background images vary, but stay positionallystatic for each entry.

beautiful blog design johnny cupcakes

Looking for more beautiful blog designs? Here are 15 more award-winning website design examples.

Editor's note: This post was originally published in 2013 and has been updated for comprehensiveness. 


17 of the Best Examples of Beautiful Blog Design was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

The 8 Elements of Modern Web Design (And Web Design Trends to Watch)

Every year, we see new elements and styles in website design begin to emerge.

Some elements — when incorporated thoughtfully — help tell stories and explain your company. Other elements work to improve how content looks on a specific device. While it's not necessary to include every trend that comes about on your website, many of them have the potential to improve your visitor's experience.

But with so many options to choose from, it can be challenging to determine which ones are really worth considering. To help you narrow your focus, we've detailed eight important elements of modern website design that you can include to improve your site's performance.

8 Modern Website Design Elements and Trends

1. Unique & Large Typography

Most companies have a particular font or typography that they use to help their customers immediately identify them versus their competitors. In recent years, designers have received a larger selection of fonts to choose from, making it easier for brands to more accurately express themselves through typography. 

For example, The New Yorker is recognized instantly through their use of unique font, Adobe Caslon Pro. While more unique fonts, such as Blokletters-Balpen, have begun to be used by startups and technology companies like Zero.

modern web elements unique and large typography

Why is it useful?

Typography uses one design trend across the website to lead readers to different parts of the page. For instance, The New Yorker website leads visitors from one section to another based on the typography and font sizes.

When creating your company's brand, your choice in typography can indicate subtle hints about who you are. Are you fun or serious? Functional or informational? Regardless of what font you choose, be sure that your designer considers its applicability across browsers and computers. Choosing a font that is not supported by common browsers and computers could mean that your website displays awkwardly on different devices. 

2. Large & Responsive Hero Images

You don't have to go far beyond the popular publishing website Medium.com to see an example of a large hero image:

modern web elements large and responsive hero imagesLarge images such as this one do away with the concept of above and below the fold. By focusing on just the image with text rather than a CTA or social buttons, Medium creates a strong visual experience that encourages you to scroll down to read more. 

Large hero images are also often placed in the background with text and other content overlaid on top, like on Uber's website. Regardless of the approach you utilize, large images can help visually tell your story without having to rely on just text. 

Why is it useful?

Your customers are coming from all over the place and have high expectations. You may not be sure if they are finding your website from their phone, tablet, or desktop computer. The image that Medium uses above is extremely powerful, but if it was only visible from desktop computers, many people may miss it. 

That said, ensuring your images are responsive makes for a good user experience. Website visitors can look at different images — whether they are the background or product images — and be able to get the same experience no matter what device they are coming from. 

3. Background Videos

Videos that automatically play in the background can add a lot to a page. They can be used to tell a story and significantly reduce the amount of other content that is needed to explain your business.

Let's take Wistia's website, for example. When you land on their homepage a large video automatically starts playing in the background, and by clicking on the play button, you get a deeper look at Wistia:

modern web elements background videos

This background video serves as a brilliant way to get the visitor engaged to click-through to the main video. 

Why is it useful?

Background videos focus on enticing the visitor from the moment they land on your page. The video allows your visitor to understand the key points about your company without ever having to read a single line of text. 

In addition, video is processed 60,000 times faster by our brains compared to text. While people are often hesitant to read heavy blocks of text, videos appear effortless and can be consumed very quickly. It also helps that connection speeds are increasing and mobile device sizes are growing, making for better video experiences.

4. Semi-Flat Design

In 2013, Apple fundamentally shifted to flat design. Simply put, flat design is any element that does not include or give the perception of three dimensions, such as shadows. Not only is flat design is easier for users to comprehend, but it can also load more quickly on websites without complicated or overly-technical elements.

Following in Apple's footsteps, many other organizations — both large and small — have shifted to flat design. However, companies like Uber have put their own spin on the style by adding subtle shadows and dimensions. As you can see in the image below, the boxes have an element of depth with shadows around them, without overdoing it:

modern web elements semi flat design

When you scroll over any of the boxes on the Uber homepage the shadow disappears and relieves the image behind it.

Why is it useful?

Flat design helps the visitor understand your content more quickly, and adding some elements of depth can bring it to life. Regardless of whether you fully design your website using flat design or utilize shadows and other elements, it's important to be consistent throughout your website. Ensure that your homepage, product pages, and any other key sections of your website all utilize the same design cues so that visitors can instantly understand what they're viewing.

5. Hamburger Menus

It's likely that most websites you come in contact with have a long menu of options to choose from. The advantage of this is that the menu can take the visitor directly to where they want to go. However, the disadvantage is that they generally take up a ton of valuable screen space. 

The hidden, or hamburger, menu changes this. This menu was common in web applications before making its way to web design — even in Google Chrome you can find a hamburger menu on the right-hand side.

modern web elements hamburger menusSource: UX movement

Wondering why it's called a hamburger menu?

If you use your imagination, the three lines that are stacked on top of one another look like hamburger patties. Get it?

Why is it useful?

The pages of your website should have a clear path for the user to take. Removing a busy navigation makes the experience cleaner and distraction free. This improved experiences help to improve the likelihood that the user will find the information they need to complete a desired action. 

6. Giant Product Images

You may have noticed that many B2B websites are starting to display large product images on their sites to highlight different features or parts of their product. This is no coincidence. 

To give you a better idea of what we're talking about, let's take a look at the product page for the HubSpot Website Platform:

modern web elements giant product images

There is a large featured image at the top of this page, and as you scroll down the page there are additional in-depth product images. The images are also responsive which aims to ensure an optimized experience for viewers coming from different devices, as we mentioned earlier. 

Why is it useful?

Larger product images help designers highlight different features of a product in a more efficient and effective way.

This approach reinforces the benefits of a feature by providing the opportunity to highlight the most valuable pieces. For instance, in the second image, you will notice that there are numbers on the image corresponding with benefits of certain features.

These large images are also scan-friendly. They help visitors generate a solid understanding of what the different product features do by convey them through images instead of words.

7. Card Design

With the rise of Pinterest, designers and marketers alike have become fascinated with cards. Individual cards help distribute information in a visual way so the visitors can easily consume bite-sized pieces of content without being overwhelmed. 

Brit + Co's homepage serves as a great example of card design in action:

modern web elements card design

By breaking up different pieces of content into cards, users can pick and choose which articles they want to expand. This helps to keep the homepage feeling clean and organized, without relying on a ton of text. 

Why is it useful?

Card design is becoming more and more popular across B2B and B2C websites because it helps to deliver easily digestible chunks of information for users. Using this design on your site can help highlight multiple products or solutions side-by-side. 

Keep in mind that your cards should be responsive. This means that as the screen size gets smaller or larger, the number and size of cards shown should adapt accordingly.

8. Short Product or Feature Videos

In addition to background videos, companies are also beginning to use short product or feature videos to highlight a specific use case. These short videos are great at bringing your solution to life, while not overwhelming the visitor with a long experience that they must sit through.

A strong example of this comes from the folks at InVision. They display this short illustrator of how easy it is to use their product by dragging-and-dropping a design directly on their homepage:

modern web elements short product or feature videos

Why is it useful?

According to Inc. Magazine, 92% of B2B customers watch online video, and 43% of B2B customers watch online video when researching products and services for their business. Therefore, B2B companies need to create videos that explain their products because it is influential in the buyer's decision-making process.

These short videos allow for your prospect to quickly understand value without watching a really long, in-depth experience. Sure, both have value, but the shorter videos allows for quick understanding that is best for top of the funnel.

Editor's note: This post was originally published in August 2018 and has been updated for comprehensiveness.

  
The 8 Elements of Modern Web Design (And Web Design Trends to Watch) was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

4 Tips for Creating Customer-Centric Content to Drive Growth

How do you win brand visibility in a crowded market without overspending on resources?

For SaaS companies, content marketing is, in many ways, the most powerful opportunity to achieve growth and outshine competitors.

It's no secret the SaaS market is highly saturated – some would even say polluted. In fact, nearly 60,000 software companies are listed on the G2 Crowd across over 700 verticals as of 2020.

Additionally, startups don't have the luxury of being unique anymore. They must be better – not just different – from competitors if they want attention and sales.

Whenever brands come to me with this issue, I give them the same answer: Focus on customer-centric content, and you'll achieve outstanding customer-centric growth.

The concept is really that simple. Putting it into practice, however, is another story.

Gaining thought leadership in a market filled with intelligent experts is not easy. Ranking for major keywords isn't enough. You must commit to the craft with authority, relevance, and warmth.

Your customer should always be the hero of any story you tell.

That's the secret recipe I've used for years to help SaaS companies thrive. Today, I'll explain my rank-and-win process I used to help a leading content collaboration company (which I'll call "Brand X" for our purposes). While I can't disclose the brand name, I can promise you the tactics I used to help the company achieve growth are very, very real.

Let's dive into four methods you should consider implementing for customer-centric growth.

1. Establish a voice.

Voice is everything. Any successful brand voice must:

  • Immediately resonate with your target audience.
  • Maintain consistency across all content and platforms.

Brand X developed an ideal voice to suit their content: funky, conversational, and banter-heavy.

Using this quirky voice, we managed to create content engaging enough to spark interest without pushing leads away with a sales-y tone.

Consider how you might find your own brand voice to ensure your readers are consistently delighted with the valuable content your company — and your company alone — can offer.

2. Map the repeating method for customer-centric growth.

Next, I had the team map out a flywheel diagram – an idea I got from Jim Collin's book, The Flywheel Effect. The flywheel diagram dictates a repeatable process that achieves growth every time it's implemented.

Like Jon Dick writes in this post, funnels lose momentum as they close in. Flywheels, however, leverage the momentum to continue spinning.

At the top of the diagram, we placed the goal of increasing Brand X's website traffic. The wheel would spin like this:

Increase traffic to the website → Traffic generates demos and trials → Demos and trials turn into sales → Sales earn brand recognition → Recognition triggers more website traffic and the cycle repeats

At the end, we reinvested in research/development, sales, and marketing.

The flywheel diagram works for customer-centric growth every time because it's focused on buyer needs and pain points, and can prevent lost ROI from bland marketing or sales strategies.

Our analysis found that 438 articles produced more than one lead in the last three years. That's just the average, so that's significant.

3. Create a rank-and-win thought leadership strategy.

You can't complete the flywheel growth process without content. Content marketing – specifically thought leadership – fits perfectly with the flywheel strategy because it delivers ongoing ROI.

Every SaaS company wants to position itself as a thought leader and inspire its audience. I've noticed, however, that most people approach thought leadership the wrong way.

Instead of striving for nuance in every blog post, focus on filling a gap with authority and dedication.

Here's where the rank-and-win idea comes into play: first, Brand X filled an information gap with consistent quality content.

That content then earned Google's approval and ranked in the top-five for high-volume keywords.

Next, other websites found that content and linked back to Brand X. And, finally, people shared the original content widely on social media.

These keyword rankings drove substantial traffic to Brand X's blog, with 80% being new traffic.

But how can you fill gaps and rank in saturated markets? Brand X focused on six key themes in their content cluster. They then built a structure and workflow for each theme for ideation and planning.

Brand X wasn't trying to be annoyingly unique with their thought leadership. They were focusing on authority, and customer-centric content.

4. Develop a content strategy for organic blog traffic.

When content marketing starts delivering conversions, it's not by luck – it's by persistence to quality.

Since our initial flywheel goal for Brand X was to increase blog traffic, we focused on producing quality and consistency. They currently publish four blogs per week on average.

We set Brand X's KPIs to reflect what we hoped to achieve from increasing blog traffic:

  • Page views
  • Assisted conversions (when a user clicks from a blog page to a conversion page like a content download or a free demo sign up)
  • Subscribers

For Brand X, volume was instrumental – both in the number of blogs published, and traffic.

They first saw steady returns on traffic from content marketing. As they added more posts per week, the views spiked dramatically.

This dedication to customer-centric content earned them a 50% to 615% increase year-over-year in organic search traffic.

Content is the Secret to Unlocking Customer-Centric Growth in Saturated Markets

For SaaS companies, quality and consistent content wins every time. Today, Brand X has a defined content strategy complete with a mission statement, frequency, resources, and budget.

Best of all, they continue ranking in the top-five for high-volume keywords and producing customer-centric growth from their content.

Ultimately, it's critical you focus on buyer needs and make prospects and customers the hero of all your stories. With a commitment to this mindset and action, you can develop content that reaches, engages, and converts.

To learn more about creating customer-centric content, take a look at 8 Tips for Becoming a Customer-Centric Organization.


4 Tips for Creating Customer-Centric Content to Drive Growth was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Interactive Infographics: A Picture of the Premise, Tools, & Process

The infographic is one of the most effective mediums content marketers have at their disposal. It's a format that allows you to create content that's compelling and compulsively shareable without sacrificing utility and thoughtfulness.

But there are some cases where normal infographics just don't cut it. So what can you do to elevate them? Is there a way to make them that much more gripping and intriguing? If you're asking yourself those questions, you might want to consider making your infographics interactive.

Here, we'll go over what an interactive infographic is, learn what it takes to make one, see some examples, and review some of the programs you can use to make one of your own.

In many respects, interactive infographics are a big part of the future of informational content. According to research by DemandGen, 85% of B2B marketers are already using or plan to use interactive infographics as part of their strategy.

But why is that the case? Why are companies so interested in incorporating these kinds of infographics into their content marketing strategies? Well, simply put, interactive infographics are more compelling than static ones.

They add a more immersive element to the medium and, in turn, drive greater engagement. Interactive content can also help express and promote a brand voice and identity. A study by the Content Marketing Institute found that 75% of marketers agree that non-gated interactive content can provide a "sample" of the brand, resulting in a higher degree of lead nurturing.

Ultimately, you can rope readers in by letting them directly interact with your data, they'll be more inclined to learn and retain the information you're sharing. That often translates to sincere interest in your business as a whole.

How to Make an Interactive Infographic

1. Gather and compellingly convey your data.

The first step to creating an interactive infographic — along with virtually any kind of informative content — is gathering data. An interactive infographic without interesting data is more or less a pretty picture with some information.

Once you have your data on hand, try to find a way to convey it with some oomph. A dry infographic isn't going to drum up the kind of enthusiasm or engagement you're looking for. See if you can tell a story with your information. Be intentional and interesting with the language you use.

Take a look at this example:

Interactive Infographic 1

Image Source: VisMe

Whoever made this graphic managed to incorporate hooks, powerful language, and a cohesive theme to articulate their data and what it entails — making it more compelling, engaging, and readable than it would've been if they just threw out a laundry list of hard statistics.

2. Organize your data with compelling visual elements.

The operative term in the phrase "infographic" is "graphic". Visual elements separate this kind of content from bland lists of facts or statistics. When making an interactive infographic, you need to incorporate interesting visuals to spur and sustain the interest that will keep people engaged with your content.

Find relevant, eye-catching images to supplement the data you're trying to relay to readers — whether they be actual photos, illustrated graphics, or any other kind of engaging visual. The key here is to abide by a consistent theme.

That means maintaining consistency in the color, tone, and visual medium you decide to go with. Breaking up that kind of cohesion can be jarring and turn some readers off.

3. Determine and apply the interactive elements you'd like to include.

Finally, once you've pinned down the written and visual themes you want to use to convey your data, you need to identify and apply the interactive elements that can best complement and enhance them.

If you want readers to test their knowledge of the subject you're covering, consider using a quiz. If you'd like to show them how your data might impact them personally, try including a survey. If your data covers physical landmarks or geographic data, think about including a heat map.

There are tons of interactive elements you can choose to make your infographic pop. Just make sure the ones you decide to include are engaging and appropriate without being too jarring. They need to be relevant to the information the infographic covers and tailored to keep readers hooked.

Interactive Infographic Examples

BBC's "Will a Robot Take Your Job?"

This interactive infographic from BBC addresses the future of work and automation. It allows you to enter your line of work into a survey field and uses compelling, fun graphics to detail the degree to which your field will be automated in the future.

Interactive Infographic 2

Adioma's "What the Internet Thinks About"

This infographic from Adioma links out to a variety of popular articles that capture the essence of what kind of content most people on the internet are thinking about.

Interactive Infographic 3

National Geographic's "New York City Skyline"

This infographic from National Geographic provides a seamless, interactive view of the New York City skyline, along with some information about the individual buildings that compose it.Interactive INfographic 4

QZ's "Dude Map"

This infographic is a fun heat map that details the names men use to greet each other by region in the United States.

1. Infogram

Infogram is one of the preeminent resources for creating interactive infographics. The program's suite of interactive features is robust and eclectic — including elements like interactive chart legends, timers, and interactive maps.

The software is particularly user-friendly. It has an accessible interface and a host of straightforward, seamless integrations — users can smoothly translate data from spreadsheets into well-crafted, engaging interactive infographics.

Infogram's pricing structure includes free plans for smaller operations and reasonably priced tiers available as your organization's graphic needs expand.

Interactive Infographic 6

Image Source: Infogram

2. VisMe

Visme is one of the foremost online design software for non-designers. The program includes resources for first-rate presentations and infographics. And while its static infographic creation features are cutting edge in their own right, Visme sets itself apart from similar software with its interactive infographic capabilities.

The software lets you easily incorporate interactive elements like links, quizzes, videos, and surveys into your infographics. And as I mentioned, Visme is tailored to suit the needs and skillsets of non-designers, so if you're looking to put together compelling interactive infographics with limited design experience, consider giving VisMe a shot.

VisMe offers a free plan to let users get acquainted with the software and appropriately priced plans for everyone from individuals to enterprises.

Interactive Infographic 7

Image Source: VisMe

3. CopyPress

Creating interactive infographics isn't always intuitive. It can be a complex process to nail. In some cases, you might want to outsource that work to an esteemed, effective creative agency. If your needs fit that bill, you might want to get in touch with CopyPress.

CopyPress can apply your research, work with you to pin down a tone that fits your specifications, and translate both into engaging, thoughtful interactive infographics. The firm even has an interactive infographic about how it makes interactive infographics.

As you can assume, this is one of the pricier roads to take, but if you want your interactive infographics to be thorough and professional, it might be the right way to go.

Interactive Infographic 8

Image Source: CopyPress

The interactive infographic is a format that can capture and retain consumer interest when done right — an emerging medium that's worth some time and consideration when you're wondering where to go with your content marketing. Creating one often takes a lot of effort, but if you're looking for an effective way to compellingly convey hard data and quickly hook consumers, it might just be worth it.


Interactive Infographics: A Picture of the Premise, Tools, & Process was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns

Monday, November 30, 2020

How To Use Twitter for Beginners

Twitter, launched in 2006, is a microblogging social media site where users create short-form content, known as tweets, to share with others. Users who have an account can post their own tweets and interact with others. 

Unlike other social media platforms, Twitter is often where breaking news is shared by individual users, rather than notable businesses. Users take to their personal accounts and tweet about their experiences, like when a 5.9 earthquake struck Virginia in 2011. It was first reported by individuals on Twitter who sent out 40,000 tweets related to the incident, all in less than a minute. 

Twitter is also known for being the home of countless viral memes, like one from Carter Wilkerson in 2017. He asked Wendy’s, a fast-food chain, how he could use the power of Twitter to get free nuggets for a year

He didn’t meet their 18 million retweet requirement, but they granted his request after achieving 3 million. Wilkerson has since used his Twitter experiment as an example of social sharing engagement for his marketing course. Others have since used this format, like this user, who asked The New York Mets to let her take prom photos on their baseball field if she reached 500,000 retweets. 

Considering that Twitter has significant power in influencing trends and generating engagement, some brands have taken to the platform as a means of social media marketing. If you’re just starting on Twitter, this post will outline how to use its essential features and go over best-practices for marketers using the app. 

All social media platforms have site-specific etiquette and best practices that marketers should know. Let’s look at eight tips for Twitter beginners to use when adopting the platform into their marketing strategy. 

Featured resource: How to Use Twitter for Business

Understand Twitter Language

If you’re going to use Twitter, you need to understand commonly used terms within the app. 

Hashtags

Hashtags, written as a pound symbol (#) followed by a specific word or phrase, are keywords on Twitter that are used to incite discussion. #food is an example of a hashtag that is commonly used on Twitter, and all tweets that use the #food hashtags are aggregated together. Hashtags can often go viral, and users around the world put them within their own tweets to add their opinions into discussions and engage with topics that they care about. 

They are also a valuable marketing tool for generating exposure, as any Twitter user who views and searches through a hashtag may come across the tweets you’ve made. Tweets with hashtags also get 100% more engagement. Hashtags can be added to tweets with videos, photos, gifs, and links. 

Handle

A handle on Twitter is your username. It appears at the end of your account URL and is unique to the brand or business your Twitter account is dedicated to. For example, HubSpot’s Twitter handle is @HubSpot

A Twitter handle is not to be confused with your Twitter profile name, which is the name of your Twitter account. For example, if you’re using Twitter for a personal account, your name is Sam Cruz, your profile name could be Sam Cruz while your handle might be @redtomato. Twitter handles can be unique, whereas everyone in the world named Sam Cruz can set that as their profile name. 

Handles are essential for marketing, as they aid in brand recognition when they’re related to your business. For instance, say you run the Twitter profile for a pants business called Reds. If your Twitter handle is @pantsbusiness, nobody will be able to pick you out from the crowd of other pants businesses on the platform. 

However, if you make your handle business-specific, like @redspants, customers that come across your tweets will recognize that your profile belongs to the business that sells their favorite pair of pants. 

Retweets 

Retweet, sometimes written as RT, is how people share content on Twitter. If someone tweets something you like, you’d click the retweet button (shown below) to share the Tweet onto your own Twitter feed. The content you RT is visible to your followers and also displayed in your Twitter profile.

twitter retweet symbol

Retweets can also be quote tweets, or QT, where additional commentary is added to the original tweet. Here’s an example of a QT. 

If you like what you've seen with HubSpot reporting so far, just wait till you see what the team has coming up. I'm biased, but it's awesome! https://t.co/xw3k5HArwi

— dharmesh (@dharmesh) November 2, 2020

When you generate a following on Twitter, using the RT button to share tweets where your followers mention you and how much they love your business is a valuable strategy for building brand authority, as social media users value user-generated content (UGC). In fact, consumers trust UGC 9.8x more than influencer content or paid advertisements. 

Mentions

On Twitter, a mention means that someone has used your handle and tagged you in a Tweet. People typically mention users when creating their tweets or when replying to Tweet threads. 

You’ll get a notification every time someone mentions you, and these tweets are displayed in the Notifications tab on the Twitter website and mobile app. You can navigate to your mentions by clicking the bell icon. 

twitter notifications tab on desktop site

Mentions are beneficial to marketing as they make it easier to find and interact with followers who have specifically used your handle in their tweets. You can also mention other users within your own Tweets, which helps in generating engagement. 

Create a Twitter Marketing Strategy

Like every social media platform, you need to create a site-specific marketing strategy. It doesn’t have to be too different from your overall business marketing strategy, as you’ll carry over elements like your buyer personas. These are the representations of your target audience that you’ll translate into social media target audiences, which will help you identify the customers most likely to interact with you on the platform. 

It’s important to note that your Twitter strategy will need to be in line with Twitter specific elements like live video and hashtags. 

 

Decide What You’ll Tweet

After you’ve created your marketing strategy, you’ll need to decide how you’ll execute that plan with your tweets. Other businesses on Twitter use their accounts to incite brand discussions, create advertisements, or as a means of customer support. 

The image below depicts a Twitter customer support interaction between Comcast, an internet and cable service provider, and an interested customer. Around 59% of global social media users have a of brands that respond to customer service questions on social media, so it is a valuable Twitter strategy to consider. 

using social media for customer service on twitter demo

The social media target audiences you’ve outlined within your marketing strategy will help you identify how you should use your Twitter account. When you understand your followers, you’ll know what type of content they prefer and what you should be tweeting. 

For example, if you’re a clothing company, maybe you’re famous for launching exclusive products that your customers need to wait in line for. You know they’re likely excited by this exclusivity, so you can use your account to announce product release dates to get them excited. Here’s an example of Adidas, a design company, using their account to promote a highly anticipated brand collaboration on their Twitter account. 

DRIP 2.2 adidas x IVY PARK. Available online at https://t.co/4KfFuDrl5e: NAM 11.17 18:00 EST / APAC 11.18 13:00 CST / EUROPE 11.18 12:00 CET / UK 11.18 11:00 GMT + In stores worldwide 11.19 #adidasxIVYPARK #ThisIsMyPark pic.twitter.com/0FPNmZ3Vqw

— adidas Originals (@adidasoriginals) November 13, 2020

 

Tweet Often

Like other social media channels, maintaining your Twitter account and keeping your followers engaged on the platform requires consistent tweeting. Research shows that top brands on Twitter send out an average of three tweets per day

Twitter feeds are not automatically chronological, so your followers in different time zones will see your tweets no matter what. However, it’s also important to be aware of an additional factor affecting the number of times you tweet: when your followers are the most active. 

They’ll always see your tweets throughout their feed, but tweeting when they are the most active will bring the most engagement.  It also ensures that you can respond in a timely manner to sensitive support questions. Because of this, it’s essential to use analytics data to perfect your tweet schedule. 

Use Data To Make Decisions

After you’ve been on Twitter for at least a month, consider using Twitter analytics data to drive the decisions you make on the app. Twitter offers its own analytics platform, where they give 28-day summaries of account impressions, profile visits, and best-performing tweets. This analytical insight into your followers can help you further perfect your marketing strategy for success on the platform. 

Some of the metrics you should consider tracking are impressions, engagement rates, and reach. Each of these factors explains how Twitter users interact with your account and the Tweets you make. You’ll get a sense of how interested your audience is in your content, how relevant your content is, and the level of social authority your brand has on Twitter. High numbers in each category indicate that you’re doing well, and lower numbers will help you identify elements of your strategy that need work. 

Automate When Necessary

Once you get a sense of your Twitter engagement analytics, you’ll know the best times to tweet, how often you need to tweet, and the steps you need to take to maximize platform engagement. Since you’re likely managing multiple social media channels, it makes sense to join the top 10% of tweeters using automation tools to schedule tweets in advance. 

For example, HubSpot’s Marketing Hub can be integrated with Twitter Analytics to create an automated posting schedule optimized for your engagement metrics. The image below is an example of the Marketing Hub automated social media calendar. 

marketing hub twitter analytics integration social media posting calendar demo

You can also use the integration to view analytics data for all your social media accounts at once, helping you understand the platforms that bring your business the most success. 

demo of hubspot marketing hub tracking social media anayltics data

Engage With Your Followers

Just like all other social media platforms, engaging with your followers is crucial. There are various ways you can do this on Twitter, like liking and retweeting mentions from followers, replying to direct messages, posting brand-relevant UGC, or asking followers to respond to Twitter polls.  If you’ve created accurate, relevant social media personas, the way you interact with your followers will likely entice them to continue following and engaging with your account. 

You can use social media management platforms, like Oktapost, to catalog interactions between you and your Twitter followers. The image below depicts a contact record between Liad Guez and Oktopost on Twitter. We can see that they’ve exchanged a direct message with the Twitter account, and this data can be cataloged and tracked. If you notice that you have Twitter followers that consistently interact with you, you can set extra time aside to nurture your relationship with them and entice them to become paying customers. 

oktopost track social media customer interaction demo

Mind Internet Permanency

Just like all other aspects of the internet, everything you tweet is permanent. Be thoughtful with the content you put on Twitter, and ] err on the side of caution. Assume that someone will always take a screenshot of your tweets and that inappropriate interactions with customers will be seen by others (even if you delete them). 

Retweets are a critical part of marketing on Twitter, but be mindful of what you RT and QT, and make sure to give credit where credit is due. You don’t want to get called out for stealing content if you accidentally forget to mention someone, especially in a public forum. Twitter users are known for holding others accountable for misdirections, and they likely won't hesitate to do the same if they noticed you’ve used content that isn’t your own. 

Given this, you can assume that people with public accounts consent to their tweets being shared through RTs, but asking for permission is always a good strategy if you’re re-posting the content yourself. 

How To Post on Twitter

Once you’ve figured out your Twitter marketing strategy and learned best practices for beginners, it’s time to begin posting on Twitter. 

Twitter supports four different tweets on its platform: text tweets, photo tweets, gifs, and videos. Within all of those tweets, you can also include links and hashtags. Within all of those tweets, you can also use links and hashtags

When posting a text-only tweet on the Twitter website, you’ll need to click on the box on your home feed that says “Tweet” and click on it. Within the box that says What’s happening? you can create your tweet (up to 280 characters) and click Tweet to display it on your profile. The image below depicts the process. 

demo showing how to sending a text-only tweet from twitter desktop

On mobile, the steps are similar. Launch the app, select the Write button on the bottom right of the screen. 

using composer button to send a tweet from twitter mobile demo

Craft your tweet, and click the Tweet button to make it live. 

demo for final step to posting a text only tweet on twitter mobile app

 

How To Post Videos on Twitter

32% of people say they use Twitter to watch videos. Given this, using Twitter to post branded videos is a valuable strategy to consider. There are three ways to post videos on Twitter: import videos from your mobile device, upload videos from your computer to Twitter's desktop site, and go live within the Twitter app. 

Import Videos on Mobile

To import videos to Twitter from your mobile device, begin by following the same steps you would to create a text-only tweet. Once the Tweet window is open, the app will display a carousel of the most recent photos on your device. If the video is there, you can select it, add your text, and click Tweet. 

demo displaying how to select a video from mobile photo gallery to post on twitter

If the video isn’t there, you can click the camera photo icon and browse through your photo gallery to select the right video. 

Upload Videos on Desktop

To upload a video on the Twitter desktop site, open the tweet composer to write a text-only tweet and select the image button. 

upload a video to twitter desktop demo

When you click the button, you’ll be prompted to select the desired video from your computer files. Once you’ve picked it, click Tweet.

Videos on Twitter cannot be larger than 512MB, and the maximum video length is 2 minutes and 20 seconds. Videos in your tweets don’t count towards the 280 character limit, so you can add as much text as you want to your video tweets as further explanations for the videos. 

Going Live on Twitter

Going live on Twitter is a great way to engage with your audience. They can watch you talk about your brand in real-time and ask questions. At the moment, the live function on Twitter is only supported within the mobile application. 

To go live, select the photo icon from the tweet composer. 

use image icon to go live on twitter mobile demo

The camera function will open, where you select the Live option. Once you go Live, users who follow you will see your live stream within their feed. 

going live on twitter mobile demo

How To Post Photos and Gifs on Twitter

Social media users like engaging with visual content. In fact, tweets that include gifs receive 55% more engagement than those that don’t. Given this, the benefits of using photos and gifs in your tweets are high. Let’s go over how to upload pictures and gifs to your tweets on Twitter. 

Post Photos and Gifs on Twitter

To post a photo on Twitter, follow the first step to posting a tweet on Twitter. Click on the photo icon, and select an image or GIF from your carousel or photo library. You can also click the gif button and choose a GIF from the Twitter GIF library. 

posting a gif on twitter desktop demo

You can select up to four photos to tweet at once, but only one gif is allowed per tweet, and they can’t be included in photosets. The same steps should be followed to post gifs on Twitter via mobile app. 

posting a gif on twitter for mobile demo

Just like videos, photos do not affect tweet character count, so you can add text or links to accompany your photo tweets. 

How Many People Use Twitter

To fully understand the benefits of using Twitter in your marketing strategy, let’s take a look at some of the heavy-hitting statistics from the app and what they mean for marketers using Twitter. 

Twitter Statistic

Benefit to marketers

As of May 2020, Twitter has around340 million users. Those 340 million users send approximately500 million tweets per day.

With such a large user base, marketers who create a successful Twitter marketing strategy can stand to expand their follower base.

More than 80% of Twitter's Monetizable Daily Active Users  (mDAUs) live outside the United States

Businesses on Twitter can reach audiences from around the world. You’re no longer confined to those in your home country or geographic region. 

More than 80% of Twitter's global population is under 50 years old, and 44% of U.S. adults aged 18-24 use Twitter. Approximately six of every ten Twitter users worldwide are between 35 and 65 years old

Brands can use Twitter to market themselves and reach new audiences, as there is a wide range of ages represented within the app. 

Twitter users are 38% more likely to post opinions about brands and products than other social media site users. 

Aside from your own marketing efforts, your followers will talk about you in their own tweets. This makes it easy to engage with those who do mention you and stand out as a brand that cares for their customers. 

93% of people who follow small and medium-sized businesses (SMB) on Twitter plan to purchase from the businesses they follow, and 69% of those businesses have already purchased from a SMB because of something they saw on the platform. 

This means that gaining followers is equivalent to generating revenue, as new followers are likely planning to purchase from your business if they haven’t already. 


Consider Using Twitter for Business

Since there is such a large number of users on Twitter, making your business known on the platform can be a valuable growth-focused strategy. 

If you spend time engaging with those who follow your account and creating content they enjoy, they’ll reward you by bringing engagement to your Twitter profile and becoming loyal followers. 


How To Use Twitter for Beginners was originally posted by Local Sign Company Irvine, Ca. https://goo.gl/4NmUQV https://goo.gl/bQ1zHR http://www.pearltrees.com/anaheimsigns