20 Websites Every UI/UX Designer Should Study for Design Inspiration
The goal is not to copy beautiful screens. Study different websites to understand layout, interaction, typography, design systems, storytelling and user experience—then apply those principles to your own work.
How to study a website like a UX designer
Observe
Look at hierarchy, navigation, content structure and interaction patterns before judging the visual style.
Ask why
Identify the user goal and product decision behind a pattern. Ask why it works in that context.
Apply
Translate the principle into your own project instead of reproducing the original layout.
20 websites to study
Filter the list by what you want to learn. External links open the selected website.
One Page Love
Study one-page websites, landing pages, structure and conversion-focused layouts.
Material Design
Study components, interaction principles, layout guidance and accessibility thinking.
Apple HIG
Learn how platform conventions, patterns and interaction guidance shape interfaces.
IBM Carbon
Explore a mature design system with components, patterns and implementation guidance.
Atlassian Design
Study product patterns, content, accessibility and scalable design-system thinking.
Nielsen Norman Group
Use UX research and usability guidance to understand why interface patterns work.
Baymard Institute
Study e-commerce UX research, checkout patterns, product pages and usability findings.
UX Collective
Read practical UX perspectives, case studies and design thinking discussions.
Figma Community
Study community files, UI kits, templates and practical interface workflows.
SiteInspire
Browse curated website examples and compare layout, typography and art direction.
CSS Design Awards
Explore creative web experiences and study visual storytelling and interaction.
Minimal Gallery
Study restrained layouts, typography, whitespace and minimal visual systems.
Pick your inspiration goal
10-minute website study exercise
Minutes 1–2
Write the website's primary user goal and business/product goal.
Minutes 3–6
Inspect navigation, hierarchy, content, components and interaction patterns.
Minutes 7–10
Write three principles you can adapt to your own project—and one thing you would change.
Inspiration study checklist
0/6 completed
Quick quiz
Remember: inspiration is research, not a shortcut
Use these websites to expand your design vocabulary. The strongest portfolio work shows how you understood a problem, evaluated references, made original decisions and improved the experience.
Take the next step in UI/UX design
Build the fundamentals behind better interface decisions—UX research, information architecture, wireframing, UI design, prototyping and portfolio development.
Related learning
Want to build stronger UI/UX skills?
Get guidance on learning UI/UX, building practical projects, creating a portfolio and preparing for a UI/UX career.
FAQs
What websites should UI/UX designers study for inspiration?
Useful sources include UI galleries, product-pattern libraries, design systems, UX research publications, portfolio communities and curated website collections. The best mix depends on what you are trying to learn.
How should I study a website instead of copying it?
Analyse the user goal, hierarchy, interaction patterns and design principles. Then adapt the useful principle to your own users, content and constraints.
Are design galleries enough to learn UI/UX?
No. Galleries are useful for visual exploration, but strong UI/UX learning also requires UX research, usability, interaction design, accessibility, product thinking and practical projects.
How many websites should I study at once?
Start with a small set related to one learning goal. Deep analysis of a few relevant examples is usually more useful than quickly scrolling through dozens of screenshots.