woman looking for website inspiration on phone and desktop

23 Awesome Resources for Web Design Inspiration in 2018

Getting a project started is often one of the most difficult steps. Landing that whale of an idea that is swimming through your head is akin to Ahab and Moby. The problem may lie in the bait you’re using.

Dangling the worm of another’s completed work from the end of your hook is much more effective than banging your head on your desk. Inspiration is, by definition, leading you to DO something based on mental stimulation.

By looking for website design inspiration, you open your mind to the current web standards and trends. To incorporate a wide variety of viewpoints, it’s important to dig deep, going beyond industry leaders and finding the best sources for website design.

Share this Post

1. siteInspire

With a massive library of inspirational websites that you can filter quickly and easily with their extensive and far-reaching tagging system, siteInspire is a sure bet. It uses multiple tags at once to closely refine the categories of web inspiration you receive with diverse results and combinations.

siteInspire homepage

Why you should go to siteInspire for website design inspiration…

Subject inspiration

Often, designers require inspiration for a specific business or industry. Whatever kind of business web design inspiration you’re looking for, the subject tags on siteInspire will guide you to where you need to be.

Style navigation

When you’re less interested in precise subjects or industries, siteInspire provides filters and tags to allow for searching certain design elements and patterns or complete layouts. Finding hyper-targeted inspiration has never been easier.

2. Awwwards

Awwwards is the “gold standard” for acknowledging the best web design created today. It’s no wonder then that it’s also a prime resource for the best website design inspiration.

And there are a couple of reasons for that.

awwwards homepage

Why you should go to Awwwards for website design inspiration…

Expert jury voting

The hand chosen panel of web experts evaluate each site on several factors:

  • Overall design
  • Creativity
  • Content
  • Usability

Each area is scored with an explained scoring system and then a total score is calculated.

Breakdowns in detail pages

Each jury panel’s scores across all four areas are displayed on the site’s detail page. There are also scores from community members just like you – if you were to join Awwwards as a member.

Extensive tagging

Terms specifically referring to each site – such as those detailing industry standards, platforms and frameworks used by the site, and dominant colors – are used for tagging to make the site easily searchable.

3. Admire the Web

Digging deep into this site may sometimes seem awkward but rich content awaits for those who are diligent.

admire the web homepage

Why you should go to Admire The Web for website design inspiration…

Categorized inspiration

With a comprehensive tagging system, Admire The Web’s offers searchability of themed content for inspiration with rapid and worthwhile results.

All related content

The classic “similar content” feature of this website proves invaluable. When you locate a post that stokes your inspiration pyres, finding others like it can keep your project moving forward smoothly.

4. Best Website Gallery

Best Website Gallery (BWG) uses a tagging system enabling users to quickly find sites based on functionality, design approach, style and more. This highly curated gallery of premium website design inspiration has upwards of 2,000 quality websites to peruse.

best website gallery homepage

Why you should go to BWG for website design inspiration…

Portfolio websites

BWG provides a plethora of portfolios to peruse – say that 10 times fast – that will give you a great inspirational starting point for your own portfolio website.

Agency websites

By drawing in the highest caliber creative minds, agency websites rank near the top among the cream of the crop in website design. It’s nearly impossible to avoid inspiration through these sites.

Color inspiration

With the ability to filter sites by their color scheme, you can find inspiration based on the brand colors of the client for whom you’re designing.

5. CSS Nectar

This is a paid submission website. That translates into submissions from those people who are confident in their work. People don’t pay to submit garbage to a website for review, so this adds an extra level of confidence in the inspirational value of its contents.

In addition, a carefully chosen team of creative minds review each submission before it goes online. In a final quality assurance step before a digital ribbon and spot on the winners’ page is awarded, the CSS Nectar community votes on the website’s code, creativity and design.

CSS nectar homepage

Why you should go to CSS Nectar for website design inspiration…

Three words: Triple. Vetted. Content.

The three-step curation process of CSS Nectar provides a level of unparalleled human-curated web design inspiration.

Detailed filtering options

Finding website design inspiration for precise categories of sites is simple and fast with the CSS Nectar filters and tags. These include color, feature, category and country tags.

6. The Great Discontent

The interviews contained on The Great Discontent are likely to jump-start your creativity engine. Not all inspiration comes from visual sources, sometimes it comes from a great motivational story.

the great discontent homepage

Why you should go to The Great Discontent for website design inspiration…

Intimate interviews with design industry leaders

An extraordinary, personal peek behind the scenes of the real people behind the bytes provides a look at topics such as the difficulty in saying no, the strength of stories, and the links between vulnerability and creativity.

These interviews can lead your mind to find inspiration in other areas and help you to grow your career in new directions. The stagnation of becoming mired down in things such as best practices, workflows, and deliverables is broken by focusing on the human beings behind the pixels.

7. Pttrns

This mobile app – with its highly responsive design – is an excellent source of web design inspiration for smaller scale projects. Furthermore, it’s not difficult to see how a mobile design pattern can influence your large-screen designs.

pttrns homepage

Why you should go to Pttrns for website design inspiration…

Pattern-focused

Focusing on design patterns, Pttrns divides up featured apps in the categories of “activity feed,” “ask permission,” and “confirmation.” Thus, you can garner inspiration from a smaller subgroup of flow with an excellent collection of outcomes.

Mobile-web focused

The opportunity to access multiple screens from each app allows you to gain an expanded sense of the way that design outlines play out across multiple environments while maintaining a consistency of flow.

8. Abduzeedo

This site’s daily doses of wonderful website design inspiration ensure that there is always something new to see. By not limiting itself to web design alone, Abduzeedo provides inspiration from print ads and other sources that drive you to think further outside the box than ever before.

abduzeedo homepage

Why you should go to Abduzeedo for website design inspiration…

They highlight the full breadth of design disciplines

Highlighting everything from architecture to photography, Abduzeedo provides the variety and breadth of inspiration needed to stimulate entirely innovative approaches to every problem.

A wide variety of formats

The creative display of wallpapers, long-form stories, and pure design work brings diversity to Abduzeedo’s inspiration game.

9. Call to Idea

This site’s daily doses of wonderful website design inspiration ensure that there is always something new to see. By not limiting itself to web design alone, Abduzeedo provides inspiration from print ads and other sources that drive you to think further outside the box than ever before.

call to idea homepage

Why you should go to Calltoidea for website design inspiration…

Robust assortment of page categories

Calltoidea focuses on the very “boring” pages – logins, pricing, 404, etc. – that most inspiration sites skip. It provides inspiration to help ensure that you put some of your best work into these essential yet forgettable pages. They hit the visitor hard and should thus hit hard in inspiration.

Share this Post

10. A List Apart

This modest mailing list has grown into a key destination for the design community. It offers quality design inspiration articles that provide reliable guidance for designers.

a list apart homepage

Why you should go to A List Apart for website design inspiration…

In-depth written content

A List Apart provides innovative, thoughtful interpretations of the subtler points of design in this digital world from the best designers on the web.

11. Pentagram

A consistent source of quality articles on design providing above average web design inspiration.

pentagram homepage

Why you should go to Pentagram for website design inspiration…

Powerful content resource

The journals and blogs Pentagram publishes contain powerful content that is useful in inspiring designers.

In-depth content

The top designers on the web today offer innovative views on the advanced points of designing in the digital age.

12. Behance – Discover

Part of the Adobe family, Behance is one of the world’s most copious and active creative communities.

behance homepage

Why you should go to Behance for website design inspiration…

Community-curated inspiration

With filters such as “most appreciated,” Behance helps you delve into the collective creative consciousness of fellow designers. This helps you to find content that others found inspirational.

Additional filters

Behance provides you with the ability to see what people are doing with a given tool or platform by exploring the “Tools Used” filter. Further, you can search with filters such as location, popularity and/or timeframe of the work.

13. Top CSS Gallery

This design platform highlights and awards the best website design inspiration CSS design sites. It promotes and backs the work of expert designers, freelancers, marketing firms, and developers.

Top CSS Gallery homepage

Why you should go to CSS Gallery for website design inspiration…

Creativity and technological aptitude are applauded and presented to give design inspiration for others. Awards include Most Visited, Most Recent, Most Liked, and Site of the Day (SOTD) to give you all the inspiration you need to succeed.

14. Product Pages

This site provides a different approach to finding website design inspiration. Rather than rigidly searching for exactly what you think you want, Product Pages gives you a feed-focused design that allows for more natural, accidental discovery. This kind of “brainstorming” allows your design to wander into new areas you may have otherwise never discovered, in a variety of industries from software to marketing to financial web design.

product pages homepage

Why you should go to Product Pages for website design inspiration…

Marketing website inspiration

The place to go for a more straightforward approach to designing to persuade and influence. The sites highlighted here offer inspiration on how to tackle headline writing, how to create a strong navigational system, and how to present product screenshots to best optimize conversion.

Inspiration for page optimizations

Pages such as pricing, checkout and store pages are provided at Product Pages to give the inspiration needed to optimize these pages.

15. Brutalist Websites

This site provides designers with an oddly compelling way to explore the theme of Brutalism. This is a style that intentionally tries to look unadorned, haphazard and raw. It often breathes new life into the creative drive.

brutalist websites homepage

Why you should go to Brutalist Websites for website design inspiration…

Truly artistic inspiration

The dominant theme of the web is growth – new customers, new subscribers, new readers, etc. That often forces designers to leave self-expression out of the equation.

Brutalism allows that artistic expression to flow freely. The best website design inspiration tool is often your own imagination.

Straight up fun design inspiration

Brutalist Websites offer surprises around every corner. Massive headlines in funky fonts, broken grids that seem randomly interconnected, sensory offending scroll effects and bizarre cursor effects that provide illogical navigation effects drive this site’s web design inspiration.

16. French Design Index

Yes, the site is in French. No, you don’t need to understand the language to benefit from this site. Like Awwwards, French Design Index (FDI), while French-centric, provides high-quality design inspiration.

french design index homepage

Why you should go to French Design Index for website design inspiration…

High Level of curation

This site is closely juried and crowdsourced – much like Awwwards. The FDI offers quality work that lends the site a deep credibility.

Stretching your design language

Stepping outside the normal sources that designers turn to for inspiration can provide a fresh perspective that widens your pool of visual content.

17. Template Monster

The themes on Template Monster pay close attention to the best practices and have excellent architecture. The themes provided here may be generic but allow you a starting point for your inspiration to grow into a creative masterpiece.

template monster homepage

Why you should go to Template Monster for website design inspiration…

Quality inspiration for best practices

Template Monster has more than 25 thousand templates that cover every vertical. Each one follows the best practices for the industry that it represents. There is something for everyone. This is especially helpful when you’re designing something for a new, unfamiliar industry.

18. Design Inspiration

A massive, community-curated feed that doesn’t focus on any specific form of web design inspiration. Designspiration provides you with the tools to focus on the themes you choose.

design inspiration homepage

Why you should go to Designspiration for website design inspiration…

Saving content

Designspiration allows you to save the things that drive your inspiration. You can build your own cache of inspiration to refer to whenever you need. It even adjusts your feed to align with your cached tastes.

19. Crayon

This all-encompassing search engine has over 13 million pages from a diverse assortment of industries. It provides valuable inspiration for designers focusing on inbound marketing.

crayon homepage

Why you should go to Crayon for website design inspiration…

Crayon allows a multitude of filtering options including by: CMS used, device, page type, traffic level and industry.

20. Beta List

This site highlights user submitted original and distinctive internet startups.

beta list homepage

Why you should go to BetaList for website design inspiration…

The sites displayed on BetaList demonstrate what kind of design style is considered in style and current.

21. The Best Designs

This site displays websites from a wide variety of designers and industries.

the best designs homepage

Why you should go to The Best Designs for website design inspiration…

Their filtering and tagging setup is simple to use and allows you to search for the designs that are relevant to your project.

22. Best Web Gallery

Not to be confused with Best Website Gallery, this site curates the best websites from around the Internet for which you need inspiration.

best web gallery homepage

Why you should go to Best Web Gallery for website design inspiration…

Find patterns and flows you did not know you needed. Ideas include navs, landing pages, user interfaces, case studies and lists, along with deals and coupons for the web development professional.

23. Nicely Done

An excellent resource for marketing site design, web apps and bigger screens.

best web gallery homepage

Why you should go to Nicely Done for website design inspiration…

The “most popular” option on the menu allows you to see every digital product feature that is hot now.

Leave a Reply

Your email address will not be published. Required fields are marked *