2026 Reference Guide

웹·모바일 서비스 레퍼런스 찾는 법

2026년엔 단일 갤러리 하나로 끝나지 않는다. 목적별 SSOT 분리 + 의미검색 + AI 큐레이션 3단 콤보가 정석. 정적 스크린샷 시대는 끝났고, 모션·인터랙션·시장 데이터까지 레이어별로 수집한다.

카테고리별 SSOT

목적1순위백업
모바일 UI 스크린·플로우 Mobbin (AI 검색·iOS/Android/Web) Screenlane, UI Sources, Cofolios
웹 풀페이지 갤러리 Godly, Land-book Lapa.ninja, Refero, Httpster
사용자 플로우 (가입·결제·온보딩) Pageflows.com UserOnboard, Growth.Design (case study)
SaaS 랜딩·카피 SaaSLandingPage, LandingFolio Marketing Examples, GoodSaaS
인터랙션·모션 Awwwards, CSSDA Codrops, Httpster
AI-native UX 트렌드 Linear, Raycast, Vercel, Arc, Cursor 본체 Granola, Cap, v0, Lovable
디자인 시스템 SSOT Apple HIG, Material 3, Liquid Glass (WWDC25) Polaris, Atlassian, Carbon
신제품·런칭 Product Hunt, YC Launches X "build in public", Hacker News Show HN
시장 검증·랭킹 Sensor Tower, data.ai App Store/Play 차트, Similarweb
디자이너 큐레이션 피드 Sidebar.io, Hey.design Designer News, UX Collective

검색 전략 — 2026 핵심

  1. 의미검색 우선

    Mobbin AI / Lummi / Google Visual Search 로 "결제 실패 화면", "AI 사이드패널" 같은 의도 검색. 키워드 매칭 시대는 끝났다.

  2. 경쟁사 역추적

    타겟 서비스 도메인을 Similarweb·Sensor Tower 에 넣어 상위 5개 동질 서비스 추출 → Mobbin·Pageflows 에서 패턴 비교.

  3. 레이어별 분리 수집

    (a) 정보구조 (b) 인터랙션 (c) 비주얼·모션 (d) 카피. 한 사이트에서 다 보지 말고 레이어별로 SSOT 분리.

  4. 본체 직접 분해

    레퍼런스 사이트 캡처보다 실제 앱 30분 사용 + 비디오 캡처. 정적 스크린샷은 2026 모션 UX 시대에 정보 손실이 크다.

  5. AI 큐레이션 활용

    v0 / Lovable / Bolt 템플릿 갤러리, Figma Community "Liquid Glass" 키트, Mobbin AI Collections.

안티패턴

  • Dribbble·Behance 만 보고 끝내기 — 실제 배포되지 않은 컨셉이 70%
  • 인기 1위만 보기 — Top 10 중 다양한 접근 비교가 핵심
  • 영어권만 보기 — 일본(note·SmartHR), 중국(WeChat·Xiaohongshu), 한국(Toss·Linder) 패턴이 2026 글로벌 영향력이 크다