Wednesday, July 22, 2015

30 Eye-Popping Web Designs to Inspire Digital Marketers

Eye Macro In High Key Black And White With Colourful Rainbow In - web design example

Three seconds…if you’re lucky.

Then they’re gone.

This is about how long we have to catch people’s attention, and get them to stay on our website.

So first impressions count and design is instrumental.

How do we standout, pop off the page and make a lasting impression on new website visitors?

One of the quickest ways to answer this question is to learn from others.

At Crayon we have collated over 13 million web design examples that marketers can use for inspiration.

We ran our usage data between May and June to bring the most recent statistics on what thousands of marketers agree are the most useful web designs.

I’m about to share the top 30 with you.

They are broken up into three separate categories:

  • Top 10 Most Viewed Web Design Examples
  • Top 10 Most Liked Web Design Examples
  • Top 10 Most Saved Web Design Examples

Top 10 most viewed web design examples

The following web designs represent the most viewed pages by users over a 30 day period, spanning from May to June.

1. Campaign Monitor

Campaign monitor web design

View This Page!

2. Patreon

Patreon web desgin

View This Page!

3. Health Equity Labs

Health Equity Labs web design

View This Page!

4. Quartz

Quartz web design example

View This Page!

5. Purch

Purch web design example

View This Page!

6. Wildcraft

Wildcraft web design example

View This Page!

7. Telerik

Telerik web design example

View This Page!

8. Lexalytics

Lexalytics web design example

View This Page!

9. Promo Jam

Promo jam web design example

View This Page!

10. Chegg

Chegg web design example

View This Page!

Top 10 most liked web design examples

The following designs represent the most “liked” pages by users over a 30 day period, spanning from May to June.

1. Whole Foods

Whole Foods web design examples

View This Page!

2. Campaign Monitor

Campaign monitor web design

View This Page!

3. Celery

Celery web design example

View This Page!

4. WebDAM

WebDAM web design example

View This Page!

5. Brandwatch

Brandwatch web design example

View This Page!

6. Tydy

Tydy web design example

View This Page!

7. Fresh Service

Fresh Service web design example

View This Page!

8. Rival IQ

Rival IQ web design example

View This Page!

9. NextView Ventures

NextView web design example

View This Page!

10. HubSpot

HubSpot web design example

View This Page!

Top 10 most saved web design examples

The following designs represent the most “saved” pages by users to their profile on Crayon over a 30 day period, spanning from May to June.

1. Campaign Monitor

Campaign monitor web design

View This Page!

2. Health Equity Labs

Health Equity Labs web design

View This Page!

3. Patreon

Patreon web desgin

View This Page!

4. Purch

Purch web design example

View This Page!

5. Telerik

Telerik web design example

View This Page!

6. Promo Jam

Promo jam web design example

View This Page!

7. Shopify

Shopify web design example

View This Page!

8. Quartz

Quartz web design example

View This Page!

9. Lexalytics

Lexalytics web design example

View This Page!

10. Chartbeat

Chartbeat web design example

View This Page!

A break down of all 30 web design examples

Most Viewed Designs Most Liked Designs Most Saved Designs
Campaign Monitor Whole Foods Campaign Monitor
Patreon Campaign Monitor Healthy Equity Labs
Health Equity Labs Celery Patreon
Quartz WebDam Purch
Purch Brandwatch Telerik
Wildcraft Tydy Promo Jam
Telerik Fresh Service Shopify
Lexalytics Rival IQ Quartz
Promo Jam NextView Ventures Lexalytics
Chegg HubSpot Chartbeat

What’s interesting about this list of companies is the variety of company size, industry and inception.

While it’s great (and somewhat expected) to see brands like Whole Foods, Shopify and HubSpot, it’s just as encouraging to see marketers learning from lesser known and/or more niche companies as well.

What’s also interesting to note about the data is that just because a design is viewed, it’s not always liked or saved. The only brand to make the top 10 across views, likes and saves is Campaign Monitor.

Most popular page types

Now that we’ve seen the most popular designs, the nest step is to learn what page types are most interesting to marketers.

To do this, we examined all of the designs on each of our top 10 lists. The design page types include home pages, landing pages, press pages…etc.

According to our data as seen below, marketers are most interested in seeing examples of home pages which represents 52% of the most popular designs.

Crayon web design examples by page

After home pages, marketers are most interested in seeing landing pages, which is understandable considering the success of companies like Unbounce and Optimizely.

Interior site pages generating the most interest from design marketers include press pages, team pages, jobs pages and about pages.

Company type

Do marketers gravitate towards a certain type of company when looking for design inspiration?

We had to get to the bottom of this question to determine if users were mostly looking at big brands, or certain industries or new companies that are being featured in tech publications across the globe.

The results are as follows:

Crayon web design examples by industry

While users engage with designs from the software industry most often at 43%, there is then a fairly even distribution comprised of marketing/advertising, media, consumer goods and technology.

IT & services and private equity round out the group, each representing a 5% share.

Company size

According to our data, it doesn’t matter if a company has 10 employees or 10,000; good design is good design as the usage distribution is shown below:

Crayon web design examples by company size

Years in business

Interesting to note that the companies whose designs are interacted with the most have been around for an average of 9 years.

While 9 years isn’t considered a legacy company by any stretch, it’s certainly enough time to get out of the “start-up” world and operate as an established and thriving company.

Years in Business Statistics

# Of Years

Average Years in Business

9 years

Oldest Company

35 years

Newest Company

2 years

Range

33 years

Color palettes

Curious how your brand colors match up against the most popular designs?

Below you’ll see color distribution for over 20 of the most popular designs on Crayon. See anything you like?

Crayon web design example color palettes

While Blue is the most consistent theme, what you’ll find is that most of these palettes are unique.

Some of the color palettes displayed above clash while others blend perfectly together, but most look different than the others.

Find your own style!

Go off and find your inspiration

As marketers, we often hear that inspiration can and should come from all around us. What’s great to see about the data highlighted in this article is the diversity amongst the most popular designs.

Just because a company has a well-known brand, that doesn’t mean you should do as they do. Similarly, there’s a lot marketers can learn by discovering designs from unrelated industries and companies of all shapes and sizes.

So stop waiting, get outside of your comfort zone and go explore the world of design!

Guest Author: Dan Slagen from Crayon. Crayon is the most comprehensive marketing design search engine on the web. It’s the new way for marketers to get inspired and get great ideas about what to build.


The post 30 Eye-Popping Web Designs to Inspire Digital Marketers appeared first on Jeffbullas's Blog.

No comments:

Post a Comment