I’ve broken these down into 4 categories: Direct Inspiration, Information and Inspiration; Beyond B2B SaaS; and Reference.
Direct Inspiration for B2B SaaS Design
These are the places I can easily find examples to inspire B2B SaaS web design. The sites show real websites as well as different webpage sections.
#1 – Mobbin
If I’m stuck or maybe just starting out, Mobbin is the first place I go. I have a paid subscription, but it’s super practical because it shows more than concepts. It shows how different patterns are used on actual sites, allows you to sort by category (there are websites and apps) and you can search for, say, book a demo page examples. It has both best practices and unique takes, and shows an entire website with the design in play—giving the bigger picture.
Another bonus to mobbin.com: It’s curated and regularly updated, so you can find very specific examples rather than just whatever search results Google shows.
#2 – Saaspo
Sometimes all you need is to see how others are doing it. Saaspo is specifically for SaaS sites, and users can look for UI ideas, in particular.
It also shows a heap of ideas for OG (Open Graphic) images—the images that appear when a hyperlink to a site is shared. All in all, this site helps users think through the things that come with building a new site or starting over with a design. Bonus points go to SaaSpo for keeping the site consistently updated.
#3 – Landbook
Landbook, which is also curated, gives an excellent breakdown of websites versus sections. Plus, when you click on something that catches your eye, you can see some of the details in the design, including the color palette and font type. Similar to other sites I’ve noted in this post, it’s consistently updated.
I probably love this site because it’s real designers creating inspiration for other designers. It’s never stale and makes trendspotting that much easier.
Inspiration and Information
This category brings together the places that offer up beauty and brains when it comes to SaaS web design inspo. It is possible to be useful and beautiful at the same time. (Just like these B2B SaaS sites using subtle animation.)
#4 – Muzli
Muzli, a Chrome plugin, can be fully customized to show you what interests you most. Every time a new tab is open in your (Google Chrome) browser, Muzli instantly aggregates and delivers the latest design projects and news. With no ads. And while it’s not specifically tied to SaaS, many of its ideas translate visually. It helps bring things to my attention from all the corners of the web, and keeps me from relying on just one place to get my info and trends. So, even though I’m not regularly designing a logo, for example, just seeing something new in the world of logo design can help me get my creative juices flowing again.
#5 – Justinmind
Justinmind is actually a site that offers free design and prototyping. But that’s not really why I visit it. This site has practical blog posts and is less abstract and creative, and offers specific how-tos and best practices in its Help Center. If you want to design a shopping cart, they have examples. If you are searching for pricing page best practices, they’ll guide you. You can even design and test some of the UX, taking it from theory to proven method.
Beyond B2B SaaS
#6 – Dribbble
Dribbble (yes, three “b”s) is a regular go-to for plenty of designers. It offers general design inspo and aesthetics to boot. Plus, it provides a blog full of interviews, tips, and trends from the inner workings of the design world.
While the site isn’t directly tied to web design, it helps give B2C inspiration or other ideas that could translate to web design. Looking outside of B2B helps broaden the search and keeps things fresh when I see how other mediums are designing sites.
#7 – Pinterest
I keep a couple of boards on this social media site for a steady stream of inspiration. What’s handy is that when I make a new board, and start filling it, the algorithm begins to learn what I’m looking for and suggests pins (links and images) to me. I keep my searches mostly general so I can see trends, but searching for specifics also draws up some interesting ideas and applications. For example, if I search “gradients” I can see it used in backgrounds, in fonts and in logos and labels.
If I know I want to use a design idea, but I’m not sure how yet, Pinterest is where I go. It’s also nice to be able to keep my own collection of inspiration in one place.
#8 – Cosmos
Similar to Pinterest, this aggregate site offers up plenty of inspiration in a dark-mode graphics-oriented feed. It gives both real-world applications and inspirational ideas to see different kinds of treatments. In fact, I can search for specific hex colors, and see several dozen different ways it’s used. I can take a client color palette and search for individual colors to see what’s out there.
Bonus: Public Work is a website owned by Cosmos. Everything in it is public domain. It has old photographs, scientific illustrations, old woodblock prints, and plenty of other interesting artwork to peruse while I’m trying to snap out of a creative block.
Web Design Reference Tools
#9 The Component Gallery
There are so many pieces to the puzzle when making a website, it’s good to have a baseline. Using The Component Gallery, I can look up card styles for specific content on websites I’m designing. It’s helpful to refer back to it every once in a while, as the site has common UI elements, and I can jog my memory. Among the options are checkboxes, buttons, alerts, and badges. The hero text on the site claims they have over 2,500 examples, so don’t just take my word for it. Sometimes you need to see the basics again to start building, and that’s when I head here.
#10 Checklist Design
If you need to use the other side of your brain, Checklist Design is a good place to go. You can study different flows and learn about the process. Everything on this site is super practical—they have checklists so you can be sure to compare it against your work as you go. For example, if you’re creating a form submission page, they have a step-by-step checklist to ensure you’ve thought of everything. It’s come in handy more than once! If your digital marketing team is reviewing your B2B SaaS site, this is a fantastic resource to use to keep your review methodical.
#11 Toools Design
Like tools, but three “o”s. This is another resource spot. It has helpful tools and stock photos, plus it’s regularly updated, pulling in fresh ideas and apps from across design spaces on the web. Say you’re working on website accessibility. The blog guides, accessibility tools, and plugins are fully updated and active, so your site can meet the latest requirements. Or, if you’re looking for some iconography inspiration, you can pull a whole set of icons from the site—the site populates a feed of both free and paid sets of tools and resources.
#12 UIPedia
It even says “inspiration” right in the subheading. You can check out real websites (all aggregated) or design resources (how-to videos and more). UIPedia offers free courses that can guide you through a variety of processes, and it’s a great jumping off point to explore a ton of design-related and UX/UI related ideas. A lot of the websites and tools I’ve already mentioned are on this site, too. It’s a bit like a choose-your-own-adventure, but sometimes that’s good for following a thread to see where it leads. Any path might be the ticket to your next breakthrough.
Whether you’re new to B2B SaaS web design and need to immerse yourself in ideas, or your marketing team needs to figure out what your next landing page will look like, you can keep tabs on trends and have more efficient strategy meetings with any of these sites and apps. Happy scrolling!
