The 10 Sites I Check When I Need Website Design Inspiration for Real Client Work
Sudu the CTO
0:00 / 0:00
The 10 Sites I Check When I Need Website Design Inspiration for Real Client Work
75 просмотров · 4 дня назад
Sudu the CTO
43 подписчика
75 просмотров · 4 дня назад
Looking for website design inspiration? These are 10 sites I use to find ideas for landing pages, real website sections, footers, navigation, SaaS interfaces, backgrounds, and animation.
In this video, I open 10 sites I use for website design inspiration, including galleries where I find YC startup examples. I show what I look for, how I narrow down the options, and where I go when a page needs a better section, background, or small bit of motion.
There’s even a whole gallery just for footers. I spend more time there than you might expect.
What I cover:
• Finding landing pages by page type and industry
• Comparing real heroes, CTAs, footers, and navigation
• Looking at visual direction on Dribbble and Awwwards
• Finding references for SaaS dashboards and product screens
• Making backgrounds and adding animation without overdoing it
Sites in the video:
Landingfolio: https://www.landingfolio.com/
Unsection: https://www.unsection.com/
Footer.design: https://www.footer.design/
Navbar Gallery: https://www.navbar.gallery/
Dribbble: https://dribbble.com/
Awwwards: https://www.awwwards.com/
SaaS Interface: https://saasinterface.com/
MagicPattern: https://www.magicpattern.design/
Haikei: https://haikei.app/
React Bits: https://www.reactbits.dev/
Which site do you keep coming back to? If I missed one, tell me in the comments. I’m always looking for good references.
I’m Sudu, founder of Sparkable. We build websites and digital products: https://sparkable.dev
#WebsiteDesign #WebDesignInspiration #WebDesign
Chapters:
00:00 How I use design references
00:20 Landingfolio: landing pages by industry
02:15 Unsection: real website sections
03:34 Footer.design: footer ideas
05:05 Navbar Gallery: navigation patterns
06:06 Dribbble: visual inspiration
07:31 Awwwards: interactive websites
10:15 SaaS Interface: dashboards and product UI
11:05 MagicPattern: backgrounds and patterns
12:29 Haikei: waves, blobs, and gradients
14:14 React Bits: animation and effects
16:03 Putting the ideas together