Inspiration
|
Jan 6, 2017

22 web design inspiration resources you’ll love

Discover your new favorite sources of web, app, email, and content design inspiration!
The one stage that inevitably shows up in every designer’s process, no matter what discipline they practice, is the inspiration stage.

After all, creativity is hiding your sources. So no matter how innovative you are, having a wide array of inspirational resources at your fingertips is absolutely invaluable.

With that in mind, I gathered some of my personal favorites to share with you. (Note: We omitted Dribbble, Behance, and Awwwards, because duh.)

1. Pttrns

Pttrns mobile design inspiration
Pttrns stands as many designers' go-to for mobile designs.

Despite a somewhat unpopular move to a freemium business model, Pttrns hosts a massive archive of mobile screens for your inspiration, appreciation, or simple drooling over.

Both the categories and tags are robust enough to help you quickly find what you want, and the categories focus on some of the most vital flows in any app, including walkthroughs, navigation, and discovery.

A lot of content has been moved behind the paywall, but if you can live with what you get for free — or don’t mind upgrading — it’s definitely worth a long look.

2. Call to idea

Call to idea design inspiration site
Call to idea could be your call to act (creatively).

Call to idea features a far-less-consistent approach to its content than Pttrns, in that screenshots are of varying sizes and often omit context. But it still boasts all the patterns and flows you’re likely to be looking for, plus a few you might not have have known you wanted, such as case studies, navs, lists, and “AdWords” (i.e., paid search landing pages). And because its sources — which appear to range from actual websites to Dribbble shots and more — are a little more diverse, there’s always a chance you’ll find something truly unexpected.  

3. Nicely done

Nicely done web design inspiration site
Nicely done is, itself, very nicely done.

A personal favorite if only for its own very nicely done design, Nicely done focuses on digital products, so it’s just the thing if you tend to focus on web apps, bigger screens, and marketing site design. By providing a wide array of screenshots, it gives you a big-picture look at every digital product featured so you can get a strong sense of the overall aesthetic, without actually clicking through and signing up yourself. I’m a fan of the “most popular” options in the menu too.

It’s also a great resource for content inspiration!

4. LaudableApps

Laudable Apps inspiration homepage
LaudableApps' featured app designs certainly deserve the lauds.

Devoid of search or robust categorization and tagging options, and featuring a farily prominent “download app” button for each product, LaudableApps might be best thought of as an app discovery tool. On the other hand, if you’re just doing some unfocused browsing, its two-screenshots-no-more-no-less approach makes it easy and pretty fun to consume. Plus, every app featured certainly is very pretty to look at!

5. Mobile Design Inspiration

Mobile Design Inspiration homepage
Mobile Design Inspiration should keep you scrolling for awhile.

One of a family of inspiration sites — rounded out by logo and graphic design inspiration sites — Mobile Design Inspiration offers up an infinitely scrolling feast of big, lick-able images of mobile designs. Inspirations are categorized by platform … and that’s it … but it’s another fun one for some free-time scrolling and undirected discovery.

6. Mobile Design & Data

Mobile Design & Data Google+ Collection
When you want your inspiration with a healthy dash of backing data, Mobile Design & Data is just the place.

The justly famed Luke Wroblewski maintains this Google+ Collection of insightful graphs, charts, and annotated screenshots, and, as you’d expect, it never fails to impress.

I could say more, but seriously, just go follow Mobile Design & Data. You won’t regret it.  

7. Capptivate

Capptivate mobile design inspiration site
Capptivate's got your captivating mobile app designs right here.

With its witty portmanteau of a name, it’s no surprise that Capptivate’s a great resource for app design patterns, particularly in the interactions and animations realm. The feed features a three-column design with tall screencaps that nicely reproduce a mobile experience on desktop. Personally, the fact that most of these screencaps start animating on hover proves a bit distracting, and can occasionally make it difficult to see what exactly they’re highlighting about a screen, but the curation is so well-done, it’s hard to look away.

8. PatternTap

PatternTap is just one of Zurb's useful resource sites.

Zurb does a superb job building useful resources for designers — with Quips’ data-backed tips being my personal favorite — and PatternTap is no exception. While PatternTap is dominated by relatively small and static screenshots, each links directly to its source, so it’s easy to get the whole experience. And with over 5,000 well-tagged patterns to check out, it shouldn’t be hard to find exactly the inspiration you’re looking for.

9. Inspired UI

Inspired UI mobile design pattern site
Inspired UI enshrines some fine mobile app UIs.

Another rich resource for mobile app (and responsive) designs, Inspired UI provides quite a few categories to choose from, and an easy iPhone-iPad-Android switcher to focus your search. Each featured app gets a plethora of screenshots that focus on the onboarding, then dig a bit deeper — but as each individual screenshot populates the main page feed, it can take a lot of clicking to look through the feed.

10. Uplabs

Uplabs inspiration website homepage
Uplabs has plenty to keep you busy, including a variety of those "it'll never happen" popular site redesigns.

Uplabs boasts a small family of inspiration sites including MaterialUp, iOSUp, SiteUp, and a market. So, yeah, it can keep you busy for quite some time.

11. UI Patterns

UI Patterns inspiraton and education website
UI Patterns nicely pairs inspiration with education.

If you like your inspirational resources to offer up a little more than screenshots and GIFs, UI Patterns might be just the place for you. Sure, it’s got all the screenshots of common patterns you’re looking for — but it supplements these with in-depth commentary on the hows and whys of said pattern, and people who use the site can up- and downvote patterns, so it feels like much more than “just another collection of lickable screens.” UI Patterns also offers up a lot of info on what it calls “persuasive patterns,” which go beyond “easy to use” to effectively encouraging desired actions. The blog provides some great insights as well.

12. SiteInspire

SiteInspire showcases over 5,456 beautiful website designs.

SiteInspire was probably one of the first web design inspiration sites I found, and it remains a go-to for the consistently high-quality, polished designs it showcases. I really love the way it resists featuring the latest sites-everybody’s-talking-about in favor of more refined layouts with pitch-perfect typography.

13. Flat Inspire

Flat Inspire curated web design site
If you're all about flat, Flat Inspire's all about what you like.

Fan of flat? Flat Inspire has you covered in spades. And it offers some cool filtering options (like typeface!) if you’re on a really focused hunt for inspiration. I also appreciate that the screenshots just link you off to the source site so you can explore in context.

14. UI OH MY

UI OH MY mobile app design site
UI OH MY compares Android and iOS versions of apps side by side.

UI OH MY stands out from the crowd of inspiration sites with a very specific focus: side-by-side shots of the iOS and Android versions of popular apps. Could be handy if you’ve been tasked with reskinning an iPhone app for Android (or vice versa), though the number of screens captured per app tends to be pretty low. The left-hand pattern menu also proves handy if you’re more interested in checking out how designers on both platforms handle specific screen types, like articles, login pages, or onboarding.  

15. Product Pages

Product Pages and its sister sites offer uniquely focused inspiration in terms of both design and content.

Speaking of differentiating through specific focus, Product Pages highlights the “best product pages” on the web — and only product pages. This helps create a beautifully feed-first experience, where you actually want to dwell on the beautiful (full-screen!) screenshots one by one. (Though there is a toggle that switches the view to a grid.) When you’re ready to dive deeper, each screenshot links directly to the source. There’s a marked absence of categories and tags, but the large screenshots and beautiful selections mean I don’t really miss those filtering options.

If you dig the Product Pages approach, don’t miss its sister sites, Checkout Pages, Pricing Pages, and Store Pages.

16. LAPA

LAPA landing page design inspiration site
LAPA: all landing pages, all the time.

LAPA showcases some of the best landing page designs on the web with big, beautiful shots in a three-column grid. Click the image to see it in near-full-screen glory, and cut to the chase by clicking the link icon in the lower right. Categories seem to be mostly by vertical, with a few more designer-y options like “gradient” and “animations” thrown in for good measure.

Regardless, this is a great place to visit for a little competitive research before you build your next big landing page.

17. Nice Portfolio

Nice Portfolio portfolio design inspiration
Nice Portfolio's portfolio is packed with portfolios.

I’ve always had a special place in my heart for portfolio design, and that’s only deepened since joining Webflow. That’s why I was so excited to find Nice Portfolio, an inspiration site focused solely on creatives’ personal sites. I’m noting a particular focus on hyper-minimal, type-driven sites lately too, which I gotta say, I love.

Regardless of your personal aesthetic, this is a smashing place to visit before you start your next portfolio redesign (which you’re totally working on, right?).

18. Big Screen Ui

Big Screen Ui focuses in on UI designs for TVs.

One of our favorite screens — our TV’s! — doesn’t get much air-time when it comes to the constant conversation about design best practices and inspirations. So it’s nice to find a little gem like Big Screen Ui, which highlights UI designs as seen on TV. And boy, if there’s a place that needs design help, it’s surely TV.

19. 365 awesome designers

There's people behind those pixels!

In a sea of fairly similar inspiration sites that focus on the pixels, not the people, it’s nice to see a site crop up that strives to do both. 365 awesome designers highlights a designer a day throughout the year, providing both basic “contact” info and a few sneak peeks at their design work. It’s a nice way to get a richer sense of who built the amazing sites we enjoy every day.

20. Really Good Emails

Really Good Emails inspiration website
They really are really good emails.

Despite its declining stock for internal communications, email remains a vital channel for customers and prospects — so a resource like Really Good Emails can be an invaluable tool, not just for design inspiration, but also campaign planning. And the (new?) Resources section only makes it more valuable, in my book.

21. Just Good Copy

Just Good Copy email copywriting inspiration website
Just Good Copy gets that written content is the heart and soul of email.

Just Good Copy enshrines the heart and soul of any good email: the copy. And it does so by stripping away any design elements, so you can’t help but focus on the message. It’s a great way to immerse yourself in the power of written content, without the accompanying design elements (which makes a lot of sense here, since many of these emails are transactional in nature).

22. Website Style Guide Resources

Pretty much the end-all, be-all of style guide collections.

Website Style Guide Resources makes for a nicely meta version of an inspirational site: instead of enshrining the final product, it highlights the documentation that makes those final products work so beautifully. If you’re into not only creating beautiful systems, but maintaining and evolving them, this is one for the bookmarks.

Where do you go for design inspiration?

With so many design inspiration websites out there, we’re sure we missed a few gems. So let us know where you go in the search for ideas and patterns in the comments!

Get our top web design content in your inbox
Just like over 500,000 other designers.

Thanks! Check your inbox to confirm your subscription.

Oops! Something went wrong while submitting the form

We hate spam just as much as you do.
John Moore Williams

Head of Content Strategy at Webflow. Nice to meet ya. Follow me @JohnAMWill.

What's Webflow?

It’s a web design tool, CMS, and hosting platform in one.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

Related Articles
Design process
Mar 16, 2017
Optimize your web design process with rapid prototyping and project management in Webflow
Find out how web design agency SWEOR uses Webflow's prototyping and project management capabilities to make the design process faster and easier for all.
Design process
Mar 13, 2017
The web design process in 7 simple steps
Find out how following a structured web design process can help you deliver more successful websites faster and more efficiently.
Announcements
Feb 17, 2017
New feature: Global swatches
Change a color in one place, watch it update across your whole site. Now possible in Webflow with global swatches.
Get our top web design content in your inbox
Just like over 500,000 other designers.

Thanks! Check your inbox to confirm your subscription.

Oops! Something went wrong while submitting the form

We hate spam just as much as you do.