웹 레퍼런스 갤러리 Reference Board
AI에게 “이런 느낌으로”라고 말할 때 필요한 참고 자료실입니다. 게임, 교육, 디자인 시스템, 웹 갤러리, SaaS, AI 서비스 등 15개 분야의 실제 웹사이트 스크린샷과 링크를 모았습니다.
게임 공식 사이트
게임의 세계관, 대표 이미지, 구매/플레이 버튼, 뉴스 구조를 관찰합니다.
브랜드가 강한 게임 공식 사이트.
02따뜻한 픽셀 감성의 게임 소개 사이트.
03가족 친화적 게임 브랜드와 쇼핑 흐름.
04콘솔/게임 라인업을 강하게 보여주는 사이트.
05게임 구독과 기기 정보를 함께 보여주는 사이트.
06게임 스토어형 목록과 할인 정보를 관찰.
게임 제작 도구
학생이 게임을 만들 때 참고할 제작자 문서, 튜토리얼, 커뮤니티 구조를 봅니다.
01초등학생용 창작 플랫폼.
02Roblox 제작자를 위한 문서 허브.
03게임 엔진 학습 자료 사이트.
04고품질 게임 엔진 소개 사이트.
05오픈소스 게임 엔진 사이트.
06노코드/로우코드 게임 제작 도구.
웹 갤러리
잘 만든 웹사이트를 분야별로 찾는 큐레이션 사이트입니다.
01수상작과 실험적인 웹 디자인 모음.
02선별된 웹 디자인 쇼케이스.
03웹 디자인 영감 갤러리.
04현대적인 웹 디자인 큐레이션.
05미니멀 웹 디자인 갤러리.
06전 세계 웹사이트 큐레이션.
랜딩 페이지 갤러리
첫 화면 문장, CTA 버튼, 제품 설명 섹션을 참고하기 좋습니다.
01랜딩 페이지 스크린샷 모음.
02랜딩 페이지와 컴포넌트 영감.
03원페이지 랜딩 디자인 모음.
04SaaS 제품 랜딩 페이지 모음.
05Land-book의 랜딩 페이지 분류.
06디지털 제품 화면과 랜딩 참고.
포트폴리오·디자이너
작품을 소개하고 프로젝트 과정을 보여주는 방식에 집중합니다.
01디자이너 프로젝트 발표 모음.
02UI 장면과 카드 디자인 참고.
03개인 프로필과 작업 소개 네트워크.
04크리에이티브 포트폴리오 사례.
05포트폴리오 예시 모음.
06시각 레퍼런스 빠른 탐색.
디자인 시스템
버튼, 카드, 입력창, 접근성 같은 화면 부품을 정확히 설명할 때 씁니다.
01Google 디자인 시스템.
02Apple 인터페이스 가이드.
03IBM 디자인 시스템.
04공공 서비스 디자인 시스템.
05Microsoft 디자인 시스템.
06협업 도구 UI 가이드.
UI 패턴·컴포넌트
버튼, 카드, 입력, 온보딩, 결제 같은 구체적 화면 패턴을 찾습니다.
01웹/앱 UI 레퍼런스 라이브러리.
02사용자 흐름 영상/화면 참고.
03모바일/웹 플로우 사례.
04디자인 체크리스트 모음.
05모바일 UI 패턴 갤러리.
06웹 UI 스크린샷 레퍼런스.
교육·키즈
초등학생 대상 설명, 밝은 색, 쉬운 버튼, 학습 흐름을 참고합니다.
01무료 교육 플랫폼.
02어린이 코딩 교육 사이트.
03언어 학습 서비스.
04어린이 과학 활동 페이지.
05어린이 지식 콘텐츠 사이트.
06어린이 게임/영상 사이트.
문화·전시·뮤지엄
작품 갤러리, 전시 소개, 이미지 캡션, 스토리텔링 방식을 봅니다.
01디지털 전시와 문화 콘텐츠.
02현대미술관 공식 사이트.
03박물관 컬렉션과 전시 사이트.
04루브르 박물관 공식 사이트.
05미국 스미스소니언 기관 사이트.
06미술관 컬렉션 사이트.
뉴스·매거진
읽기 쉬운 본문, 기사 카드, 이미지와 제목의 위계를 관찰합니다.
01뉴스 편집 레이아웃 참고.
02테크 매거진형 사이트.
03기술/문화 매거진.
글로벌 뉴스 사이트.
05전문 뉴스 사이트.
06신문형 정보 구조.
이커머스·제품
상품 카드, 가격, 구매 버튼, 브랜드 스토리 구조를 참고합니다.
SaaS·생산성
디지털 도구를 소개하는 랜딩 페이지와 기능 설명 방식을 봅니다.
01작업 공간 도구 랜딩.
02앱과 웹 화면을 정리하는 디자인 시스템.
03팀 커뮤니케이션 도구.
04협업 도구 화면을 만드는 디자인 가이드.
05사람이 쓰기 편한 화면을 설명하는 가이드.
06파일/협업 도구.
AI 서비스
AI 도구가 기능, 예시, 사용 방법을 어떻게 설명하는지 봅니다.
음악·영상·크리에이티브
음악, 영상, 창작 플랫폼이 미디어를 어떻게 보여주는지 참고합니다.
공공·비영리
정보 신뢰도, 읽기 쉬운 안내, 캠페인 메시지 구조를 봅니다.























