✅ 1. 디자인 레퍼런스 모음

번호 형식/컨셉 출처/설명 주요 특징 적용 아이디어
1 📸 기념촬영형 서울창의인성교육센터 큰 버튼, 직관적 아이콘, 사진 위주 단순 인터랙션 + 아이콘 배치
2 🧠 퀴즈형 시간제보육 OX 퀴즈 OX 게임형, 컬러풀, 큼직한 글씨 고령자도 이해 쉬운 인터페이스
3 📷 포토 선택형 K-Star Festival 4분할 이미지 배치, 홈 고정 시각적 선택 유도 방식
4 🎭 공연 안내형 김포문화재단 수평 슬라이드 구조, 큰 이미지 정보 전시용 레이아웃 참고
5 🚨 재난 메뉴형 세종소방 생존백서 아이콘 메뉴 + 콘텐츠 구획화 비상 콘텐츠 대응 구조
6 🏫 교육 콘텐츠형 인천대학교 안전교육 블럭형 모듈 + 텍스트 아이콘 병합 교육 콘텐츠 정리 방식
7 🌕 감성 몰입형 여수 녹테마레 / 유니버스 시각 몰입형 연출, 텍스트 강조 메시지 전달형 UI 참고
8 🥣 퀴즈형 UI 나라별 음식 OX퀴즈 2×2 버튼 구조, 국기/텍스트 병행 단순한 정보 확인용 구조
9 🚘 상업형 광고 UI 현대백화점 Galleria 고급 이미지 중심, 하단 브랜드 메뉴 고급 정보 큐레이션 구조
10 ✈️ 인터랙티브 티켓형 스페인 여행 체험 콘텐츠 다양한 카드 선택형, 밝은 색감 ‘나만의 선택’ 제공 구조
11 🏛 DDP 정보형 DDP 키오스크 메뉴 하단 고정, 배경 전체 이미지 대형 장소 내 안내용 참고
12 🎫 티켓 발급형 DDP 행사 메뉴 전시/교육/키즈 카테고리 구분, 직관적 버튼 메인 구조 활용성 높음
13 🧩 정보 카테고리형 4단 추상형 UI 정보 흐름형 카드구성 프로세스 순서 안내용
14 🛍 넘기는 형식 에코리움 쇼핑몰 슬라이드형, 페이지 넘김 복지 일정 정보 표시용 추천
15 🛍 넘기는 형식 ② 복지관 자체 구상 문구 삽입 + 페이지 애니메이션 일정/행사/후기 등 연속 정보
16 📰 카드뉴스 형식 복지관 자체 구상 (허파고리, 프랑스 여행) Before-After / 감성 콘텐츠 카드뷰 스토리텔링 콘텐츠 적용
17 📜 크레딧/스크롤형 복지관 자체 구상 가로 슬라이드 기반, 텍스트 강조 복지관 소개 or 후기 콘텐츠에 활용

레퍼런스 이미지 1

레퍼런스 이미지 1

레퍼런스 이미지 2

레퍼런스 이미지 2

📌 활용 팁


✅ 2. 숨통 UI 설계 히스토리

설계 및 개선 과정을 기록합니다. 수정 이유와 방향, 담당자 메모 필수.


✅ 3. 유저 시나리오

실제 어르신/복지사가 어떤 흐름으로 사용하는지를 텍스트로 정리합니다.

시나리오 1: 급식 명단 확인

  1. QR코드 태그
  2. 이름 확인