Tag Archives: adobe

A Handy List of Resources for Picking the Perfect Website Color Palette

picking color palettes

Creating an effective color palette is a vital part of designing a website that works. But how do we get there? For some projects, you already have one or two colors picked out – maybe they’re your logo, or brand colors, and you’re working within those limitations when you create your site. For others, you’re starting from scratch. And some projects just need tweaking – minor adjustments to the color palette to make it more beautiful or usable. Whether you’re a seasoned pro looking to outsource some of the spadework of design, or you’re building a website for the first…

The post A Handy List of Resources for Picking the Perfect Website Color Palette appeared first on The Daily Egg.

Original link:  

A Handy List of Resources for Picking the Perfect Website Color Palette

Learn From The Best: An Interview With Product Designer Michael Wong

mizko portrait

Here at Crazy Egg, we’re infatuated with design. Graphic design, product design, UX, UI – all of it. And of course, there are a handful of designers that we really admire. Michael Wong is one of them. You can see Michael’s skill right away when you come face-to-face with his work. And since Michael is a product designer, you can bet your you-know-what he’s released some of his own products. Check out bukketapp.com We decided to reach out to Michael to ask him a few questions. What’s the best skill to have as a UX designer in today’s world? How…

The post Learn From The Best: An Interview With Product Designer Michael Wong appeared first on The Daily Egg.

Continued here: 

Learn From The Best: An Interview With Product Designer Michael Wong

Using Personalization To Increase AOV And Conversion Rates

Dear |FNAME|,

As a valued customer, we’d like to…

For many eCommerce companies, the first personalization project begins with FNAME. We have become really good at personalizing emails because we know that it works. Emails personalized with recipients’ first names increase open rates by 2.6 percent.

Shoppers are more attracted to marketing that targets their interests and purchase patterns. This doesn’t only apply to emails–using personalization in your eCommerce branded store is the best way to build a relationship and keep customers converting.

The more often customers return, the better you become at delivering relevant suggestions and content for them. According to an Adobe study, 40% of online revenue comes from returning customers…who only represent 8% of site traffic. Using personalized recommendations, enterprises can build a stronger, more profitable relationship with their users.

Now is the time to optimize revenue opportunities and become better at selling to the right customers at the right time. Read on to learn how to use personalization to drive up average order value, or AOV.

Importance of Good Data

Personalization doesn’t work if you don’t know anything about your customers. The more relevant and accurate data you gather, the more refined and detailed picture you can draw. Customers are happy to help you get to know them too. 75% of shoppers like it when brands personalize products and offers, while 74% of online customers get frustrated with a website when content that appears has nothing to do with their interests.

When customers sign up on your site or check out for the first time, use this opportunity to collect information. This will help you with informed promotion and planning recommendations in the future.

As your relationship grows, you can continue to learn more about your customers.

  • How often are they buying?
  • What is their AOV?
  • What campaigns have converted for them?

Finally, customers have the most information about themselves. Allowing them to personalize their own experience by sharing their gender or interest information is a simple way to ensure that you aren’t showing them irrelevant information or products.

Customer data can come from anywhere, and it’s necessary when personalizing experiences. In summary, look for the following data points:

  • Location/IP address
  • Channel of entry (social/email/Amazon)
  • New or Returning customer
  • Previous searches
  • Shopping history
  • Shopping patterns (based on parameters such as the AOV)
  • Customer segments (people who are like them)
  • Customer-provided information (gender, interests)

Enabling social logins like Connect with Facebook will also help you get demographic information about your customers, without them having to provide it themselves.

Now that we’ve got a good picture of our customers, we can start personalizing their experience. There’re three main ways to do this—by segmenting, history, or trend analysis.

Personalization by Segmenting Customers

There are several ways you can personalize a customer’s experience even without asking for any information. When customers land on your site, you already know more about them than you might think.

Practical Tips

Use geotargeting to show the correct language and currency.

Right now, I’m in Austria, so Wool and Gang default to Austria shipping rates and are showing me prices in Euros. This reduces concerns international customers might have about shipping abroad or currency exchange. Reducing concerns means an easier checkout experience, which means better conversions.

personalization example wool and the gang
Source

Using cookies to know if a customer is new or returning.

If they are new customers, prompt them with a pop-up module to sign up and get a discount on their first purchase. Welcome them to your site, explain who you are, and save their email addresses for future selling opportunities.

Spearmint LOVE offers 10% off for first-time visitors if they sign up for the newsletter. It’s a little bonus that later helps convert visitors at a higher value.

Personalization example Spearmint
Source

Segment on the basis of individual shoppers vs. wholesalers

“Wholesalers” is another segment of customers who have different needs. Individual shoppers want quick, one-off purchases and may not be as likely to sign in or create accounts on branded sites.

But catering to wholesale clients by allowing them to sign in to receive special discounts and review orders without calling an account management team makes the experience much better for them. Clarion Safety sells industrial grade safety labels. This organization has created a special experience for wholesale customers that allows them to use different check-out options, such as “charge to account.”

Personalization example Clarion
Source

Identify and segment by channel as a source of entry

Different paths signal different intents.

If they found your products through Pinterest, they are looking to browse and are more visual. If they clicked an email coupon, they could be price conscious and should be shown more sale items. Get inside your customers’ brains and show them what they want to see—this will provide you the highest chance of conversion.

Personalization by Previous Activity

After a relationship has been established between you and your customers—whether that’s just through visiting or years of purchasing history—you have information about them from their previous activity. Use this information to customize their experience, and upsell and cross-sell products that are relevant to them.

Practical Tip

Before purchasing, visitors go back and forth with regard to an item when not sure. They might visit the same site multiple times in a week. A surefire way to get them to convert is to show them their recently viewed items whenever they visit your website. If you’re able to offer a discount on products that they’ve viewed multiple times, it might help you seal the deal.

EpicTV combines this strategy with a least purchase amount for free shipping. This means that visitors will usually add something from their recently viewed list just to achieve that perk.

Personalization example Epic TV
Source

When customers are viewing their carts, at that instance, you can use previous searches or purchases to suggest complementary items. Red’s Baby uses this method to suggest accessories for the main purchase and incrementally increase the AOV. I added a stroller to my shopping cart, and this site suggested matching accessories—all under $50. At this instance, suggesting other types of strollers wouldn’t be effective.

Personalization example Red's Baby
Source

Think about what it’s like meeting customers in the real world. The more you see them, the more history you have of them. You might know that they have kids or that they like to play squash on weekends.

This context makes personalized recommendations and upsells easier. Try and replicate this online. Shopping at an eCommerce retailer doesn’t need to be impersonal, and it shouldn’t be.

Personalization by Building Patterns

Taking the time to build a better recommendation engine makes sense and helps generate additional revenue. According to Barilliance and data based on 1.5 billion online shopping sessions, personalized on-site product recommendations constitute 11.5% of revenue through eCommerce sites. That’s a big chunk of revenue to miss out on!  

Practical Tip

To optimize across all customer visits, dive into analytics and look for purchasing patterns. Do shoppers tend to return often if they buy a specific item? Do many shoppers buy a combination of items at the same time? Finding and taking advantage of these opportunities can help drive up AOV.

For example, recommending products that other customers bought helps crowd source the best options. Check out these suggestions by Blue Tomato when viewing an item. 

Personalization example Blue Tomato
Source

Flash Tattoos speaks their customer’s language and makes their Recommendation section fun. “You’d also look good in” is a flattering way to suggest similar products across different styles.

Personalization example Flash Tattoos
Source

If customers have viewed the shipping policy and not purchased, they might be hesitant about shipping costs. Try offering free shipping at a certain cart value to convert potentially cost-sensitive customers. Finding these patterns that expose reasons for cart abandonment helps create a better experience for your customers. They’ll feel like you are addressing their concerns before they even ask!

Final Tips

Now that you’re ready to start personalizing the shopping experience, we’ve got a few final tips for you:

When you’re suggesting or upselling, use your screen space wisely:

Remember the purpose of each screen, and don’t distract customers from completing their purchase. On the checkout screen, the single Call-to-Action should be to convert and pay for what they’ve selected. Cluttering the screen with additional products can reduce your overall conversion rate.

Personalization isn’t a set-it-and-forget-it tactic:

You need to constantly reevaluate your metrics, hypotheses, and experiments to keep getting better at selling to your customers. Don’t be afraid to try things out and get personal! Your customers will love it and reward you for it with higher AOVs.

Over to You

Have more ideas on how to increase AOV and conversion rates with personalization? Send us your feedback and views in the comments section below.


Kickstart_Personalization_Guide_Free_Trial

The post Using Personalization To Increase AOV And Conversion Rates appeared first on VWO Blog.

Link:

Using Personalization To Increase AOV And Conversion Rates

Building an App or Online Business in 2017? Here’s A DIY Resource Kit of Free Tools & Tips!

building an app

Last year, I started working on an idea for a platform, called Counsell, currently available as an app on iOS and Android devices, that lets all professionals give and get paid advice. As a designer, I was fortunate to be working with an incredible developer from the very start so we knew we could turn the idea into a working product. However, it was only when I, bolstered by my marketing background, decided to build a business around the app that I realized how haphazard and unsystematic the realities of setting up a new online business could be. Thanks to…

The post Building an App or Online Business in 2017? Here’s A DIY Resource Kit of Free Tools & Tips! appeared first on The Daily Egg.

From:

Building an App or Online Business in 2017? Here’s A DIY Resource Kit of Free Tools & Tips!

Sketch Vs. Figma: The Showdown

The past year has seen quite a rise in UI design tools. While existing applications, such as Affinity Designer, Gravit and Sketch, have improved drastically, some new players have entered the field, such as Adobe XD (short for Adobe Experience Design) and Figma.

Sketch Vs. Figma: The Showdown

For me, the latter is the most remarkable. Due to its similarity to Sketch, Figma was easy for me to grasp right from the start, but it also has some unique features to differentiate it from its competitor, such as easy file-sharing, vector networks, “constraints” (for responsive design) and real-time collaboration.

The post Sketch Vs. Figma: The Showdown appeared first on Smashing Magazine.

Follow this link:

Sketch Vs. Figma: The Showdown

Data-Driven Optimization: How The Moneyball Method Can Deliver Increased Revenues

Whether your current ROI is something to brag about or something to worry about, the secret to making it shine lies in a 2011 award-winning movie starring Brad Pitt.

Do you remember the plot?

The manager of the downtrodden Oakland A’s meets a baseball-loving Yale economics graduate who maintains certain theories about how to assemble a winning team.

His unorthodox methods run contrary to scouting recommendations and are generated by computer analysis models.

Despite the ridicule from scoffers and naysayers, the geek proves his point. His data-driven successes may even have been the secret sauce, fueling Boston’s World Series title in 2004 (true story, and the movie is Moneyball).

img-0_copy

What’s my point?

Being data-driven seemed a geeks’ only game, or a far reach to many, just a few years ago. Today, it’s time to get on the data-driven bandwagon…or get crushed by it.

Let’s briefly look at the situation and the cure.

Being Data-Driven: The Situation

Brand awareness, test-drive, churn, customer satisfaction, and take rate—these are essential nonfinancial metrics, says Mark Jeffery, adjunct professor at the Kellogg School of Management.

Throw in a few more—payback, internal rate of return, transaction conversion rate, and bounce rate—and you’re well on your way to mastering Jeffery’s 15 metric essentials.

Why should you care?

Because Mark echoes the assessment of his peers from other top schools of management:

Organizations that embrace marketing metrics and create a data-driven marketing culture have a competitive advantage that results in significantly better financial performance than that of their competitors. – Mark Jeffery.

You don’t believe in taking marketing and business growth advice from a guy who earned a Ph.D. in theoretical physics? Search “data-driven stats” for a look at the research. Data-centric methods are leading the pack.

Being Data-Driven: The Problem

If learning to leverage data can help the Red Sox win the World Series, why are most companies still struggling to get on board, more than a decade later?

There’s one little glitch in the movement. We’ve quickly moved from “available data” to “abundant data” to “BIG data.”

CMO’s are swamped with information and are struggling to make sense of it all. It’s a matter of getting lost in the immensity of the forest and forgetting about the trees.

We want the fruits of a data-driven culture. We just aren’t sure where or how to pick them.

Data-Driven Marketing: The Cure

I’ve discovered that the answer to big data overload is hidden right in the problem, right there at the source.

Data is produced by scientific means. That’s why academics like Mark are the best interpreters of that data. They’re schooled in the scientific method.

That means I must either hire a data scientist or learn to approach the analytical part of business with the demeanor of a math major.

Turns out that it’s not that difficult to get started. This brings us to the most important aspect, that is, the scientific approach to growth.

Scientific Method of Growth

You’re probably already familiar with the components of the scientific method. Here’s one way of describing it:

  1. Identify and observe a problem, then state it as a question.
  2. Research the topic and then develop a hypothesis that would answer the question.
  3. Create and run an experiment to test the hypothesis.
  4. Go over the findings to establish conclusions.
  5. Continue asking and continue testing.

    Scientific Method of Growth and Optimization

By focusing on one part of the puzzle a time, neither the task nor the data will seem overwhelming. As you are designing the experiment, you can control it.

Here’s an example of how to apply the scientific method to data-driven growth/optimization, as online enterprises would know it.

  1. Question: Say you have a product on your e-commerce site that’s not selling as well as you want. The category manager advises lowering the price. Is that a good idea?
  2. Hypothesis: Research tells you that similar products are selling at an average price that is about the same as yours. You hypothesize that lowering your price will increase sales.
  3. Test: You devise an A/B test that will offer the item at a lower price to half of your e-commerce visitors and at the same price to the other half. You run the test for one week.
  4. Conclusions: Results show that lowering the price did not significantly increase sales.
  5. Action: You create another hypothesis to explain the disappointing sales and test this hypothesis for accuracy.

A/B Testing

You may think that the above example is an oversimplification, but we’ve seen our clients at The Good make impressive gains by arriving at data-driven decisions based on experiments even less complicated.

And the scientific methodology applies to companies both large and small, too. We’ve used the same approach with everyone from Xerox to Adobe.

Big data certainly is big, but it doesn’t have to be scary. Step-by-step analysis on fundamental questions followed by a data-driven optimization plan is enough to get you large gains.

The scientific approach to growth can be best implemented with a platform that is connected and comprehensive. Such a platform, which shows business performance on its goals, from one stage of the funnel to another, can help save a lot of time, effort, and money.

Conclusion

Businesses need to be data-driven in order to optimize for growth, and to achieve business success. The scientific method can help utilize data in the best possible ways to attain larger gains. Take A/B testing, for example. Smart A/B testing is more than just about testing random ideas. It is about following a scientific, data-driven approach. Follow the Moneyball method of data-driven testing and optimization, and you’ll be on your way to the World Series of increased revenues in no time.

Do you agree that a data-driven approach is a must for making your ROI shine? Share your thoughts and feedback in the comments section below.

CTA_FreeTrial_Being_Data_Driven

The post Data-Driven Optimization: How The Moneyball Method Can Deliver Increased Revenues appeared first on VWO Blog.

Excerpt from: 

Data-Driven Optimization: How The Moneyball Method Can Deliver Increased Revenues

Kickstart Your Personalization Program With This 4-Step Guide

Today’s leading online enterprises know the key to cracking higher conversions—providing relevant experiences to users through personalization. There is a large amount of data across the Internet that reinforces the power of personalization. CMO by Adobe, for example, compiles interesting data about personalization from different sources to present a complete picture on personalization:

  • The in-house marketers who are personalizing their web experiences see, on average, a 19 percent uplift in sales.
  • About 94 percent of customer insights and marketing professionals across multiple industries suggest personalization is “important,” “very important,” or “extremely important” for meeting their current marketing objectives.

While enterprises understand how important it is to craft relevant content and experiences for users, how do they go about doing it? For those who want to start a personalization program, this blog post chalks out a 4-step approach for implementing web personalization:

  • Identify segments to target.
  • Plan the personalization campaign.
  • Implement the campaign.
  • Measure success from personalization efforts.

Identify the Segments You Want to Target

Segmentation begins with knowing who your visitors are and segregating them into different segments based on certain traits or characteristics. Google Analytics, for example, is a great tool to help you do that. You can slice and dice your visitors’ data, based on various attributes to identify segments that drive significant traffic to your website. Further, Google Analytics can give you a lot more than just traffic numbers. If you have “revenue tracking” in place, you can identify specific segments that bring you the highest conversion rate as well as absolute sales figures. These are the segments you should be targeting.

If you have a CRO program in place, you can also look at past A/B test results to identify segments that you might want to target. Run post-test segmentation and drill into the results to look at individual segments that won higher conversions, or find hidden winners. For example, you could run post-test segmentation and find out whether social traffic got you more conversions compared to direct traffic.

Creating thorough customer profiles is a traditional method of segmenting visitors. A customer profile could be based on the following:

  • Demographic information: Age, gender, location, ethnicity, and marital status
  • Psychographic information: Interests, values, hobbies, and likes/dislikes
  • Firmographic information: Company name(s), size, industry, revenue, and roles

While demographic and psychographic information is important for consumer marketers, firmographics are used by B2B marketers. You can extract psychographic information using website cookies. On the other hand, you can ask users directly for firmographic and demographic information.

For instance, the following image shows an ideal customer profile for an automobile website. It lists important information which is required for creating profiles of target customers—demographic information of the users, the type of engagement shown on the website, and the type of products they intend to buy or already own.

ideal customer profile for personalization
Source

Enterprises also need to understand why it is important to target a certain segment. Is it that the segment that they want to target drives the major share of revenue for your website? Target your most valuable visitors to achieve your personalization goals.

  • If an eCommerce enterprise observes that people in their mid 20s account for 70 percent sales of their sports equipment, it could run a campaign for that segment showing a separate section devoted only to sports goods on the home page.
  • B2B marketers can target segments per industries such as healthcare, BFSI, or government. These segments can be targeted by either offering a product with personalized messaging or offering different products to different segments.

Enterprises can also run personalization when they have a segment-specific business goal in mind. For example, if the objective is to increase hiring from a specific region, visitors from that region should be targeted with a personalized message or content on the website. Here’s a case study on how geo-targeting helped VWO increase CTR to its careers page by 149 percent. Similarly, if an eCommerce enterprise that caters to global markets wants to introduce a new product for a specific region, it can run personalization on its website for visitors from that part of the world.

Planning a Personalization Campaign

Enterprises planning for personalization need to consider its “how” and “where”:

How Should They Target the Segment

One message does not fit all. For instance, an eCommerce enterprise can target two different subsegments from a certain main segment, that is, women aged between 20-30. The first sub-segment can be of “fashion-conscious and impulse” buyers. The other segment can be of those women who make only carefully thought out, high-end luxury purchases. Both the subsegments drive a large percentage of sales to the accessories section of your website.

User behavior information such as “number of sessions to transaction” using cookies can help classify users into these segments. An impulse buyer would complete a purchase within a single session, while a carefully thought-out purchase might take multiple session before a visitor converts.

For the first segment, you can run personalized cross-sell campaigns on products for which they show the intent to purchase. For the second segment, consider targeting a lookbook that shows how your high-end products such as platinum/diamond jewelry can seamlessly blend with their outfit and add a charm to the wearer’s personality.

Here is another example. A B2B software company first might want to show a basic product video to a first-time visitor on the website. Later, the company might target a one-to-one live product demo offer to someone who has visited the site multiple times and looks highly engaged.

A Hubspot post which lists 3 examples of personalization, talks about how Lynton personalizes its home page for new and repeat visitors. The CTA on the home page shown to first-time visitors says “Learn About Inbound,” while the CTA for repeat visitors reads “Start Your Project Today.” Hubspot’s hypothesis behind running this personalization campaign could be that while new visitors might be interested in knowing more about inbound, the repeat visitors might already have explored enough on inbound and now need to start their learning. With the goal of increasing clicks from both new and repeat visitors, they showed personalized CTAs to both segments.

Personalizing CTA for new visitors
CTA on Lynton Homepage for New Visitors

Personalizing CTA for repeat visitors
CTA on Lynton Homepage for Repeat Visitors

Another widely used method is geo-targeting visitors from different countries, using their native language. A post on QuickSprout talks about how Neil Patel increased search traffic by 47 percent by translating his blog in 82 languages

Where on the Website Should the Personalization be Implemented

After identifying the segment, you should target and craft a messaging strategy for them. The next thing that enterprises need to find out is where to place personalized content on their websites.

Identify the pages that you should be running your personalization campaign on. Should it be the product page that has a large amount of traffic? Probably yes. Should it be the checkout page for eCommerce? Probably not. Look at your website analytics data (in Google Analytics, for example) to identify pages that drive high traffic. You could also look at specific pages where the segments are browsing/arriving mostly.

The next step is to identify areas on your webpages that fetch maximum attention or engagement. Scrollmaps and Heatmaps, for example, will show the scroll depth of your page or help identify the sections of the webpage that are highly attention grabbing. These tools help you understand:

  • On your B2B website, whether the eBook you have targeted to get more sign-ups from your eCommerce clients should be placed in the middle of the website scroll or pushed to the top.
  • On your eCommerce website, whether you should place the lookbook for your fashion-oriented segment of women on the top of the page or on the left.

Running a Personalization Campaign

To run a personalized campaign, using a prefered tool, enterprises can design and modify different variations of their website for varied segments they want to target. For example, one of the personalized variations of your website could be targeted at mobile traffic. This variation can be a modification that displays less content compared to the content that the desktop version displays. (The hypothesis is that “mobile users want to go through minimal content.”)

The first step is to set up target segments within your personalization tool. In VWO, for instance, you can either choose a predefined segment or define a custom visitor segment for different variations. Next,  set up a conversion goal that you want to track on running the personalization campaign. Tracking CTA clicks on a variation that has been personalized or tracking revenue from the personalized home page variation created for business-class travelers—the goal should be exactly what you want to achieve with your personalization efforts.

creating personalization goal

When the segmentation is applied to the created or modified variations, you are ready to run your personalization test campaign.

Measuring the Impact of Personalization

A/B testing is one approach to measure the success of your personalization campaigns. You can run your personalization campaign as an A/B test. If your campaign delivers a win, you should replicate its success by planning and running more campaigns on similar hypotheses. If it fails to achieve the goal, identify and record the reasons for what went wrong. Maintaining a repository of learning is essential to refrain from committing the mistakes of past A/B tests and running smarter campaigns in the future.

Google Analytics conversion funnels also can help measure the impact of personalization. To see how successful you have been in your personalization efforts, compare your target metrics for the period before you implemented personalization with that of the period after it. Gauge the same conversion funnel for the same amount of time, and see the difference in results if any.

Conclusion

Running personalization requires enterprises to answer a number of questions regarding for whom and why the personalization campaign being run for, how and where on the website will the campaign be run, and what results will the personalization efforts reap. With our 4-step approach to personalization, you can effectively implement your campaign.

Are you personalizing your CRO campaigns? Share your experiences with us in the comments below.

A/B test your personalization program

The post Kickstart Your Personalization Program With This 4-Step Guide appeared first on VWO Blog.

Original source:

Kickstart Your Personalization Program With This 4-Step Guide

How To Create Icons In Adobe XD

Released in March this year, Adobe Experience Design is a new all-in-one tool that lets you design and prototype websites and mobile apps. XD is still in beta and available for Mac with a Windows version on track for a release later in 2016. It is bound to provide a fast and efficient way to create new user interfaces, wireframes, and visual designs with various devices in mind.

Creating Icons With Adobe XD

As an icon creator, I tried to use XD to create icons from scratch and to apply them to a new user interface. In this tutorial, I want to guide you through the steps it took so you can follow along. We’ll take a look at how to create a set of office icons for a new app. Plus, I’m going to show you how you can use XD’s features to interact with your newly-created user interfaces during the prototyping phase. So, let’s get started.

The post How To Create Icons In Adobe XD appeared first on Smashing Magazine.

View this article – 

How To Create Icons In Adobe XD

The Silent Landing Page Conversion Killer (And How to Stop It)

When creating a landing page, you’ve likely wondered, “How much copy should I include?” — a question to which copywriters usually reply, “Well, that depends…”

And it really does depend on the complexity of your offer and about a billion other factors.

Crafting concise copy is tough, so it’s only natural that many landing pages contain too many details.

You might be thinking, “Don’t added details help build a persuasive case for your landing page offer?” (Hey, sometimes you have a high-commitment offer on the table and y’gotta include what’cha gotta include.)

Well, yes… and no.

Including too much irrelevant info on your landing pages is dangerous because it dilutes your message, overwhelms visitors and hurts your conversion rate. If your visitors are slammed with excess copy, they can’t quickly determine what you’re offering, identify whether they want your offer or convert with your (buried) CTA.

excess-copy-killing-conversions-650
Don’t stand by and watch your landing page conversions get murdered by excess copy. Image via Shutterstock.

You can often recognize a page suffering from information overload because it’ll use external links to direct visitors to even more info (oof!). Using links this way directs your visitors away from your page and, once visitors navigate elsewhere, you’ve lost a conversion opportunity.

Because excess copy is such a common problem, in this post we’ll explore:

  • How to tell if your landing page suffers from info overload
  • How to distinguish between need-to-know and nice-to-know information, and
  • How to start including nice-to-know info on your landing pages without the visual clutter that hurts conversion rates

But first…

Why your pages might suffer from information overload

Typically, people err on the side of too much copy on their landing pages for the following reasons:

  • The page is trying to be everything to everybody. Imagine if Adobe made a landing page for Photoshop and used just one page to appeal to designers, publishing houses, design schools and potential employees. This would result in including too many benefits. If you want your page to convert, you need to be clear on your persona and their specific needs.
  • You’re not clear on your target audience’s stage in the buyer journey. Is your copy trying to appeal to customers in the discovery phase (those who are encountering your product or service for the very first time), or leads in the evaluation stage (determining if they want to purchase from you or a competitor)? Your audience’s level of familiarity with you will inform the amount of detail you should include.
  • There’s confusion around how much info visitors need to convert. Sometimes offers are complex or high-commitment (like a conference ticket purchase) and you need to include fine details. Ask yourself (and test) which details are absolutely essential to persuade prospects to convert.
  • You’re disregarding web writing best practices. Large paragraphs of text are overwhelming and people don’t read web pages like they do books. Everybody scans text online, so break up your copy into easily digestible pieces.
  • The page contains more than one offer — meaning it’s not really operating as a true landing page with only one CTA). Stick to one single landing page (and a singular goal) for each offer you pitch.

An example of info overload in real life

To help illustrate how a good page and good intentions can become a victim to excess copy, let’s take a look at a real example. Art & Victus, an online monthly food subscription box, set up an Unbounce lead gen landing page to collect subscribers for their service:

Art&Victuswithoughtlightbox

The page’s CTA prompts visitors for their email address in exchange for an access code to the invite-only food service.

Great, right?

But this page has limited conversion potential because it includes so much unnecessary info. Just look at those two massive paragraphs!

Moreover, the curators of the service are featured on the page using external links to their social profiles. If visitors click these links, they leave the page and the opportunity to convert is gone. We’re lookin’ at a classic case of info overload, folks.

The large paragraphs of text are signs that Art & Victus haven’t clearly defined need-to-know info versus nice-to-know info for the target audience of this landing page. Decluttering the page to display absolutely needed info more prominently would help this brand prompt a desire for their subscription service and hopefully increase this page’s conversion rate.

Pro tip: Info overload is often a result of skipping the copy development phase in a rush to build a page. Always write your copy first, then start your design in the your page builder.

Introducing a helpful hierarchy

High-converting landing pages often follow a logical sequence of info that’s designed to persuade. The hierarchy is based on answers your target audience need to know to evaluate the offer on a base level, and these answers are provided in order of their importance (or relevance to the call to action).

While the Art & Victus’ example landing page is packed with seemingly random details on the monthly food themes, their food charity and even their reward points, these details don’t directly contribute to a visitor’s decision to want to sign up to receive a subscription box. The audience of the page needs to see other info first.

When creating copy for your pages, consider the questions your potential customers will ask and the order they might ask those questions in.

If a piece of info is directly relevant to your CTA – explaining the offer, or how to claim your offer – it’s need-to-know info. If it’s info describing an extra of any kind (like Art & Victus’ food themes, a charity your company takes part in, or your loyalty points), it’s likely nice-to-know info that you’ll want to include after your key points are covered.

It’s helpful to rank each piece of copy’s direct relevance to your CTA (like we’ve done below) as a means of deciding where it should be placed in the visual design of your page.

The more relevant something is to your CTA, the closer it should appear to the top of the linear design of your landing page.

For Art & Victus’ offer, the hierarchy might look something like this:

information hierarchy
* Including price is tricky and at your discretion for your industry/offer. You can choose to include it on your pages if you believe visitors need pricing information to convert.

But what about all those nice-to-know details?

On the example page shown above, Art & Victus had a lot of nice-to-know info they wanted to convey, like their reward points, the custom guide included in the box to help you learn about the food, profiles of the individuals preparing the boxes and more.

Luckily, there’s an easy way to strategically sprinkle in nice-to-know info on your landing pages without the visual clutter associated with information overload…

Lightboxes: A remedy for excess copy

Lightboxes are modal windows that open over a landing page, filling the screen and dimming the content behind. They allow you to prominently display content requested by your page visitor (your visitors click a button to prompt them). You can see an example lightbox for a speaker bio below:

lightbox bio

Lightboxes help you add nice-to-know details onto your landing pages (like speaker bios, featured products, your privacy policy or terms of service), all the while keeping your audience’s focus on your CTA. By designing your page with these in mind, you can include information a visitor would otherwise have to navigate away from your page to find.

Art & Victus could make their landing page offer more clear by using lightboxes to feature their nice-to-know information. After addressing all of their must-have info prominently, they could add lightboxes like:

  • “Reward Points”
  • “Also included in your box”
  • “Who curates our boxes?”

They could also use lightboxes to:

  • Outline the three different types of boxes available in their service (i.e. “Intro box,” “Amateur box” and “Expert Box”)
  • Feature the curators’ profiles for those interested (instead of linking out to external profiles and losing potential subscribers).

Each lightbox would be triggered by visitors who want or need extra info before they convert (some will, some won’t), and would help to break up the massive paragraphs on the page.

Start using lightboxes to unclutter your pages

You too can use lightboxes to combat info overload and tidy up your copy.

Here are some examples of nice-to-have content that fits nicely in lightboxes:

  • Speaker bios: Include details about your keynotes or location in a lightbox so visitors don’t navigate away from a potential ticket purchase.
  • Extras and fine details: Extra product features, limitations, terms and contest rules
  • Privacy policies: Every landing page collecting lead info should link to a privacy policy, but you don’t want to link away from your page. Include your policy in a lightbox so visitors don’t veer off-course.
  • leadgenform
  • Lead gen forms – It’s a fairly popular marketing trend to include your contact form for a call to action in a lightbox. This tactic takes advantage of buyer psychology by empowering your visitor to decide when they’re ready to fill out your form. Check out this post to learn more about why you’d want to include a form in a lightbox.

Examine your own pages for potential lightbox opportunities

Start by reviewing your existing landing pages to see where they might be suffering from info overload.

Remember to check if you’re linking out to external pages — this is a sure sign that you’re confusing need-to-know and nice-to-know information.

Start making the distinction between these two info types for your audience, organizing your page with a better information hierarchy, and you’ll have a more streamlined message and more conversions in no time.

Read the article: 

The Silent Landing Page Conversion Killer (And How to Stop It)

9 Facebook Ad Campaign Examples Critiqued for Conversion

So you’re running a Facebook ad campaign.

You’ve created the best Facebook ad your client or company has ever seen: eye-catching photos, the world’s best copy, click-worthy headlines and on-point targeting.

Now, you sit and wait.

But as time goes by, you notice that you’re getting a high number of clicks but only a small number of conversions.

These aren’t the results you expected. Your Facebook ad’s potential has gone up in smoke.

GiF of GOB failing at magic
Don’t let all that hard work go up in smoke.

There are many factors that can increase Facebook ad conversion rates, but at the end of the day, running a successful Facebook ad campaign is not just about creating click-worthy ads. It’s about guaranteeing that leads follow a seamless path from beginning to end


Running a successful Facebook ad campaign is about creating a seamless path from begining to end.
Click To Tweet


After the click, leads need to land on a dedicated landing page that clearly outlines what your ad promised. Otherwise, you leave them feeling as though they’ve made a “bad click” and have wound up in the wrong place.

Not sure what we mean?

Let’s learn from the mistakes of others. We’ve trawled the internet and looked at over 50 different Facebook ad campaign examples, from the ad to their corresponding landing pages. We picked out 9 of our favorites to demonstrate what great Facebook ad campaigns do (and don’t) look like.

Each critique will offer you a few basic tips that can help drive down Facebook ad costs all while giving leads the confidence they need to convert. Let’s dig in.

1. Skillshare

Skillshare offers you a plethora of videos to learn new creative skills.

Their ad is colorful and contrasts with the blue and white of the Facebook news feed. Coupled with a clear value proposition (“Unlock your potential with hundreds of online classes”), this ad is super noticeable and click-worthy:

skillshare facebook ad example critique

And the use of the word “free” doesn’t hurt. Let’s see where I land when I click.

Skillshare landing page example and critique

At first glance, the page I landed on has nothing to do with the ad I clicked. The design and copy are drastically different, leading me to believe that I made a “bad” click.

Things that are not working:

  1. The ad mentioned a free Adobe Illustrator class, but it took some time for me to notice that the video at the top is about the class in question. That’s poor message match — a headline reassuring me that I’m in the right place (by borrowing copy from the ad) would go a long way.
  2. The eye-catching image used in the ad isn’t represented on the page I landed on — not even in the video still. Better design match — the measure of how closely the design of a landing page matches the ad that brought visitors there —  would create a better experience for prospects and probably increase conversions down the line, too.
  3. At first glance, it seems that there is no call to action button or banner that shows people can they sign up for the limited time offer from the ad. A closer looks shows a soft call to action above the video: “Learn the Ins and Outs of Illustrator.” Make it easy for people to convert with a big, clear CTA that matches the offer from your ad.
  4. This Facebook ad leads to a webpage with lots of video, tabs and reviews — in other words, there is no dedicated landing page with a single goal. As our own Oli Gardner says: “One page. One purpose. Period.” Your leads click on your ad to cash in on your offer. Don’t distract them with other noise.

2. CoPromote

CoPromote provides content creators with a way to grow their audience by cross-promoting each other’s work.

And as connoisseurs of content, they sure know how to attract attention with their Facebook ads. Their clever ads — a self-assured cow riding shotgun with a dolphin and a photo of Pitbull superimposed with an impressive stat — are sure to stand out from the usual news feed noise.

CoPromote Cow and Dolphin facebook ad example critique
CoPromote Pitbull facebook ad example critique

But after the click, does CoPromote deliver on the landing page front? Both ads lead to the same in-app landing page:

CoPromote landing page example and critique
Page I landed on after clicking CoPromote’s ad.

There are so many questions going through my mind. Am I still in Facebook? Where did Pitbull go? Is this just a fashion brand’s landing page?

Things that are not working:

  1. Both ads lead to a single, generic in-app page. Every ad — with its unique copy and design — should have its own dedicated landing page. Generic pages like this one cause anxiety because they don’t continue the conversation you started in your ad.
  2. The in-app Facebook landing page could work, if only it elaborated on the messaging from the ad. Ads have limited real estate and require you to be concise — but the corresponding landing page has extra space and should be used to clarify the offer, elaborate on benefits and squash doubts leads might have about joining.
  3. There is nothing about the landing page that matches visually with the ad that brought you there. In fact, their choice of such different imagery is jarring. Is this a fashion app?
  4. While the in-app Facebook landing page keeps people on the same page and has a singular goal, there are still so many places people can click to distract them from the main goal of “Join Now.” Especially if they are simultaneously being retargeted in the sidebar by other brands. That makes for pretty poor attention ratio.

3. Visa meets Pizza Hut

In this ad, Visa has joined forces with Pizza Hut to offer some sweet discounts. This ad, specifically, offers 50% off your next order when you use your Visa card at the checkout. What a cheesy deal:

Visa and Pizza Hut facebook ad example critique

Especially if you haven’t eaten recently, the crisp image of the pizza is the first thing to grab your attention. The other frame shows a phone with the Pizza Hut phone app — pretty sweet context of use. You can just picture yourself using the app to get your hands on the pizza on the left.

So how does their landing page fare?

 Visa and Pizza Hut landing page example and critique

This landing page has a clear offer that is front and center: “50% off your order if you use Visa Checkout.” All in all, pretty decent message and design match. It’s a smooth trajectory: you’ve clicked on a pizza deal and ended up on with a pizza deal.

Things that are not working:

  1. The ad copy could be a little more specific and much more delightful. The main offer is subtly buried in a wall of text or on the photo when it should be front and center in a headline.
  2. Though the CTA is bold and clear, there are a few clickable URLs on the page that could serve as conversion leaks.
  3. The “Visa Checkout” logo looks like a button but isn’t. This creates confusion and friction.

4. Target

As the second largest discount retailer, Target shares weekly deals on Facebook to entice you to buy.

The ad below advertises a lovely “buy one, get one 50% off” discount.

Target facebook ad example critique

The ad design is minimalist, with hero shots of nice-looking people who are smiling (I’m assuming) because they’re loving those comfy sweaters. But what happens when you click on ‘em?

Target landing page example and critique

Is it throwback Thursday? I’ve haven’t seen a website that looked like a brochure in ages.

Things that are not working:

  1. The beautiful minimalism of the ad is lost in a sea of options on the landing page. Although the weekly deals may apply to more items than the sweaters, I really did expect to see more sweaters since it’s what the Facebook ad alluded to. A landing page with a singular campaign goal or even a curated list of items might be more effective here.
  2. The various font sizes sprawled across the page make for confusing information hierarchy. What is the headline? Which copy should the lead be focusing on when they land on this brochure-style page? It’s hard to keep focused and that can cause prospects to bounce.
  3. There are so many numbers detailing different price points that it’s easy to forgot about the 50% deal. One page, one purpose, please.
  4. There are so many places for me to click on this brochure-page I don’t know where to start. With a 12:1 attention ratio, I could spend hours clicking — but I’m much more likely to get overwhelmed and bounce.

5. MetLife

Metlife is one of the largest insurance and benefits providers in the world. This Facebook ad is selling car insurance as a work benefit option:

Metlife landing page example and critique

MetLife has used Peanuts characters as part of their marketing for many years, whether in television or printed ads. Here we see the team “getting ahead” on their tandem bicycle.

But where does this cute ad lead?

Metlife landing page example and critique]

… To this landing page with a photo of a woman sitting in her car.

Things that are not working:

  1. While the image of the car certainly relates to the auto insurance mentioned in the ad, the drastically different imagery creates a jarring experience for visitors. This landing page feels cold in comparison to the warm, friendly Facebook ad.  Where’d Snoopy go?
  2. The ad copy isn’t mirrored in the landing page. Subtle differences like “car insurance” instead of “auto insurance” create cognitive dissonance and create doubt in the mind of prospects.
  3. The landing page design leaves a lot of blank spaces on the righthand side. It’s distracting and makes the page seem broken. Especially for a service like insurance where prospects need to give up a lot of personal information, you need to do everything you can to make your operation seem trustworthy.

6. Glassdoor

Glassdoor provides employer reviews that help guide people hunting for a job.

This Facebook ad is meant to attract recruiters and HR professionals to Glassdoor’s Annual Employer Branding Summit in San Francisco. It shows a diligent man working on his laptop.

Glassdoor facebook ad example critique

So where do leads go once they click on this nice image?

 Glassdoor landing page example critique

Oh boy. Where should I start? There are obvious design and message match issues, but what else is awry here?

Things that are not working:

  1. For starters, the ad itself has room for improvement. The two hashtags (#EmployerBranding and #GDsummit) really only serve as a distraction from the main goal of the ad: get people to click on the CTA. Hashtags can help bring awareness to your event, but are probably better served in a piece of content rather than an ad that you’re spending dollars on.
  2. While the event registration page does a great job of incorporating social proof by flaunting their speakers, it falls short on selling the benefits of attending the conference. Especially for such a large ticket item, an agenda overview isn’t enough to communicate to prospects why they should attend. A trailer video could go a long way in creating hype and showing potential attendees what value the conference will bring them.

7. Growth Geeks

Growth Geeks is a marketplace for gaining access to professionals services in topics such as growth hacking, performance marketing, social media and more.

Their ad below flaunts one of their professionals: a “growth geek” named Vincent who can be hired on the site for help with Facebook ads. The call to action invites you to “Click here to meet Vincent:”

Growth Geeks facebook ad example critique

So what happens when you enthusiastically click?

Growth Geeks landing page example and critique

Vincent? :(

Things that are not working:

  1. Once you click through, you’re taken to a catch-all page where you won’t learn more about Vincent or even other Facebook ad experts. Instead, you get a promo video and a massive, overwhelming list of other professionals providing different services. It’s great that they’re created specific ads for specific types of professionals, but their landing pages should be just as specific. If a lead clicked to meet Vincent, they should be taken to a page where they can do just that!That’s not to say that you need to work overtime creating 50 corresponding landing pages for each of your ads. Tools like dynamic text replacement can help you leverage a single page to be customized for each unique ad you create. Because at the end of the day, more specificity = better Facebook ad conversion rates.

8. Udemy

Udemy is an online educational marketplace that provides over 30,000 courses on a variety of topics from coding to productivity.

The copy for Udemy’s ad below is a bit of a mouthful, with a lot of technical information packed into a single ad. It might be worth testing a contrasting color — this blue is similar enough to Facebook blue that it could potentially blend into the newsfeed.

Udemy facebook ad example critique

Let’s see what’s beyond the click.

Udemy landing page example and critique

Things that are not working:

  1. The sheer amount of copy on this page is overwhelming. While they do a good job of speaking to benefits and setting expectations, it might be worth testing against a shorter page with a selection of chapters. If the long landing page works best, it might be a good idea to include another CTA button near the bottom, to capture diligent prospects who read the entire page.
  2. Similarly, the social proof gets buried under the massive course breakdown. It might be worth testing placing some ratings up top, closer to the CTA, for prospects who will never scroll all the way down.
  3. The color palette and imagery from the ad aren’t reflected in the landing page. Using a similar still in the video on the landing page could be a smart way to recall the Facebook ad.
  4. The “Take this course” CTA button is off to the right and easy to miss, especially next to the large video still. This would be a great thing to test.

So what does a delightful Facebook ad campaign look like?

So we’ve seen a ton of facebook ad campaign examples that leave much to be desired — but what does a successful Facebook ad campaign look like? Let’s have a look at a company that is leading with clarity in their ads and landing pages.

9. Hired

One of the best examples out of the 50 plus examples I looked at was from Hired: a job marketplace for sales professionals.

Their ads use an eye-catching green that contrasts well will Facebook’s classic blue and white. Better yet, their copy is short and sweet and drives straight to the pain point their lead may be experiencing:

Hired facebook ad example critique

And the corresponding landing page?

Hired landing page example and critique

Boom.

Things that are working:

  1. The landing page expands on their value proposition by offering specific benefits: “5-10 Job Interviews with one application.”
  2. They use much of the same language from their ad on their landing page, though they may want to test matching their headline from their ad exactly with that of their landing page.
  3. The color palette from their ad carries across to their landing page, with an eye-popping CTA button in that familiar bright green.
  4. Hired’s landing page has a CTA button at the top and two at the bottom. Some offers are more complex or higher commitment, and may require longer landing pages to really make the sale. If that’s the case, you want to be sure to have multiple CTAs so that people have one in reach to click when they’re sufficiently persuaded.
  5. All of the call to action buttons on their landing page have one goal: to get leads to sign up. That said, there are a few hyperlinks on this page and Hired may want to test removing them to see if that helps focus attention.

All in all, an awesome effort. Way to go, Hired!

The bottom line

We don’t have access to these companies’ stats or conversion rate data — these ad campaigns may have actually produced significant results. But at what cost?

When your Facebook ad is disconnected from the corresponding landing page, you create poor experiences for them. And that’s bad news for everyone.

So don’t cut any corners with your Facebook ad campaigns. Continue the conversation from your ad to your landing page, and keep prospects focused on the singular goal of your campaign. No distractions.

Read article here:  

9 Facebook Ad Campaign Examples Critiqued for Conversion