사람다운 창의력이 돋보이는 디자인영감 웹사이트 10선

*원문을 번역한 글입니다.

*원문은 발행 이후 수정될 수 있으며, 본 번역은 발송 시점 기준으로 작성되었습니다.

어느 때보다 사람의 손길이 느껴지는 디자인이 주목받고 있습니다. 반대로 디자이너와 기업 모두 획일적인 ‘AI 스타일’에는 점점 피로감을 느끼고 있습니다. 요즘 제가 푹 빠져 있는 디자인 레퍼런스 사이트 10곳을 소개합니다. 전부 북마크해 둘 만한 곳이고, 무료로 이용할 수 있습니다.

Recent.design

이번 달에 발견한 사이트 중 단연 가장 마음에 드는 곳입니다. Recent는 웹 디자인, UI 디자인, 모션 디자인, 그래픽, 3D, 로고 등 다양한 분야의 레퍼런스를 모아둔, 그 자체로도 완성도가 높은 디자인 라이브러리입니다. Pinterest처럼 마음에 드는 디자인을 컬렉션에 저장할 수 있고, 로그인하면 어디서든 저장한 자료를 다시 확인할 수 있습니다.

로고 디자인만 따로 둘러볼 수 있는 페이지도 있으며, 갤러리 형태의 인터페이스로 보기 좋게 구성되어 있습니다. 여기에 한발 더 나아가, 디자이너를 채용 중인 기업의 공고를 모은 ‘Jobs’ 페이지도 제공합니다. 원격 근무와 오피스 근무 포지션을 모두 확인할 수 있습니다.

Recent.design에서 직접 확인해 보세요.

Deck.gallery

업무용 프레젠테이션이나 슬라이드 덱을 디자인할 때 막막했던 경험은 누구나 한 번쯤 있을 겁니다. 이 사이트에서는 전 세계의 뛰어난 프레젠테이션 사례를 한곳에서 살펴볼 수 있습니다. 추상적인 패턴부터 정교한 그리드, 위트 있는 그래픽 요소까지 다양한 스타일의 슬라이드를 찾을 수 있습니다.

개별 슬라이드를 끝없이 스크롤하며 살펴볼 수 있어, 빠르게 레퍼런스를 찾고 싶을 때 특히 유용합니다. 유료 프레젠테이션 템플릿도 제공하며, 무료 레퍼런스 라이브러리는 매주 업데이트됩니다.

deck.gallery에서 직접 확인해 보세요.

Posts.design

기업들이 소셜미디어에 올리는 디자인 콘텐츠를 모아둔 대규모 레퍼런스 라이브러리입니다. 콘텐츠는 주제별 페이지로 체계적으로 분류되어 있습니다. 그중에는 제품 출시 콘텐츠와 브랜드별 디자인만 따로 모아볼 수 있는 페이지도 있습니다. 인터넷 곳곳에서 엄선한 디자인 콘텐츠를 이메일로 받아볼 수 있는 뉴스레터도 운영합니다. 평소 Twitter나 Instagram을 돌아다니며 디자인 레퍼런스를 찾는 편이라면, 특히 유용하게 사용할 수 있는 플랫폼입니다.

posts.design에서 다양한 사례를 둘러보세요.

UXSnaps

UX/UI를 설계하다 보면 잘하는 기업이나 경쟁 서비스가 어떤 방식을 사용하고 있는지 분석하며 힌트를 얻어야 할 때가 있습니다. UXSnaps는 다양한 화면과 UX 패턴을 분석해, 사용자와 UX 디자이너의 관점에서 실제로 효과적인 요소가 무엇인지 보여줍니다.

각 분석은 짧은 아티클 형태로 구성되어 있어 부담 없이 읽으면서 새로운 UX 인사이트를 얻을 수 있습니다.

UXSnaps에서 다양한 UX 사례를 확인해 보세요.

Details.so

실제 운영 중인 웹사이트에서 발견할 수 있는 UI 디테일을 모아둔 대규모 라이브러리입니다. 버튼 인터랙션부터 푸터가 등장하는 애니메이션까지 다양한 디테일을 확인할 수 있습니다. 어떤 스타일의 레퍼런스를 찾고 있든 참고할 만한 사례를 발견할 수 있습니다.

‘Vault’ 기능과 MCP도 지원해, 사용하는 AI 도구와 연결하면 AI 에이전트가 이곳의 디자인 레퍼런스를 직접 참고하도록 만들 수도 있습니다. 대부분의 기능은 무료지만, 일부 고급 AI 기능은 소액의 월 구독료를 지불해야 합니다.

Details.so에서 직접 살펴보세요.

On.design

유명 디자이너 Charles Patterson이 세계적인 디자이너들과 함께 새로운 디자인 커뮤니티를 만들고 있습니다. 아직 베타 단계지만, 커뮤니티 측면에서는 차세대 Dribbble이나 Behance를 목표로 하고 있습니다. 이미 Nooon Studio, Framer 등 유명 디자인 팀이 참여하고 있어, 기업과 스튜디오가 최근 어떤 작업을 만들고 있는지도 살펴볼 수 있습니다. 자신의 작업을 정리해 프로필 겸 포트폴리오 페이지를 만들 수도 있습니다.

개인 About 페이지와 소셜미디어에 공유할 수 있는 독특한 ‘ID 카드’도 제공됩니다. 자신의 작업을 중심으로 다른 디자이너들과 네트워크를 만들고 싶다면 특히 매력적인 플랫폼입니다.

현재 초대제로 운영되는 베타에 신청할 수 있습니다.

Curated.design

감각적인 기업과 스튜디오, 실제 공개된 프로젝트의 웹 디자인 사례를 끝없이 스크롤하며 볼 수 있는 사이트입니다. ‘Sections’ 탭에서는 Pricing, Feature, Footer, Navigation 등 웹사이트의 특정 영역만 따로 모아 참고할 수도 있습니다. Curated.design에는 여러 디자인 툴에서 활용할 수 있는 무료·유료 템플릿을 소개하는 스토어도 있습니다.

Curated.design에서 직접 둘러보세요.

Screensdesign.com

Mobbin의 대안으로 활용하기 좋은 서비스로, 인기 앱의 UI와 디자인 패턴을 깊이 있게 조사할 수 있습니다. 다양한 카테고리와 필터를 활용해 원하는 화면을 빠르게 찾을 수 있습니다. 앱의 성과 수준은 물론 매출, 결제 방식, 설치 수 등을 기준으로 사례를 조사할 수도 있습니다.

AI 시대에 맞춰 MCP도 지원합니다. AI 에이전트를 사이트와 연결하면 Screensdesign의 데이터베이스를 기반으로 UI 사례를 조사할 수 있습니다.

수천 개의 앱 화면을 직접 둘러보세요.

See.saw

최근 출시된 소프트웨어와 하드웨어 제품의 실제 웹사이트만 모아 소개하는 서비스입니다. 새로운 디자인 콘셉트가 실제 제품 페이지로 구현되고, 사용자의 행동을 이끌어내는 방식을 확인할 수 있습니다. 플랫폼 구성도 매우 단순합니다. 로그인이나 결제 없이 바로 이용할 수 있습니다. 디자인 레퍼런스를 찾는 데 필요한 기능만 남긴, 아주 담백한 서비스입니다.

See.saw에서 직접 확인해 보세요.

Supahero

웹사이트의 Hero Section만 끝없이 보여주는 서비스에 딱 어울리는 이름입니다. 정말 그게 전부입니다. 멋진 Hero Section 사례와 해당 웹사이트 링크를 잔뜩 모아둔 아주 단순한 서비스입니다. 아쉬운 점은 영상이나 애니메이션 없이 정적인 스크린샷만 제공한다는 것입니다. 개인적으로는 이 부분이 이 플랫폼의 유일한 단점입니다.

Supahero도 직접 둘러보세요.

원문 출처: https://medium.com/design-bootcamp/10-new-websites-for-design-inspiration-with-real-human-creativity-8ff9fbdbaf14

DEET를 구독하고 커리어 성장을 위한 작은 습관을 시작해 보세요.