웰니스·마음 건강
Headspace
마음 건강 앱과 온라인 상담의 진입 경로를 구분하고, 상황별 콘텐츠를 탐색하게 하는 사례입니다.
섹션 이미지 11
원본 사이트를 직접 캡처한 장면입니다. 이미지를 눌러 전체 높이로 살펴보세요.
11개 이미지
크게 보기명상과 상담 서비스 히어로
히어로핵심 문장 아래 앱과 온라인 상담의 두 경로를 큰 카드로 나눕니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1790 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기필요한 도움을 고르는 진입점
기능·콘텐츠 묶음스트레스, 수면, 불안, 상담 등 사용자의 현재 목적을 선택하게 합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기상황별 마음 건강 서비스
기능·콘텐츠 묶음명상과 수면 등 여러 서비스의 목적을 카드로 구분합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1790 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기회원 경험과 후기
신뢰·근거회원들의 인용문을 카드로 나란히 배치합니다. 이용 경험은 각 회원의 의견이며 별도로 검증하지 않았습니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기기업·보험사 대상 소개
신뢰·근거기업과 건강보험 파트너 대상 서비스를 로고와 별도 행동으로 소개합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기콘텐츠 라이브러리 탐색
기능·콘텐츠 묶음상황과 주제별 콘텐츠를 카드로 묶고 탐색 경로를 제공합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1790 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기회원 규모와 시작 안내
CTA회원 규모와 이용 지표를 보여주며 무료 시작으로 연결합니다. 지표는 별도 검증하지 않았습니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기자주 묻는 질문
FAQ서비스 내용, 요금, 갱신, 취소 등 질문을 접을 수 있는 목록으로 정리합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기마지막 시작 행동
CTAFAQ 다음에 서비스를 시작하는 행동을 크게 제시합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기뉴스레터와 사이트 정보
구독뉴스레터 신청과 서비스·회사·지원·정책 링크를 페이지 하단에 배치합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗
크게 보기사이트 정보 푸터
푸터서비스, 콘텐츠, 회사, 지원과 앱 다운로드 링크를 별도 푸터 장면으로 기록합니다.
출처·촬영 조건
원본 사이트의 현재 데스크톱 화면을 직접 캡처했습니다. UIZZE가 보관한 팩 이미지와 다른 시점의 자료입니다.
CSS 뷰포트 1584 × 873 px. 정지 화면이며 실제 동작을 재현하지 않습니다.
원본 사이트 ↗디자인 연구를 위한 화면 기록입니다. 이미지에 포함된 브랜드·사진·서체 등 원본 소재의 프로젝트 사용 조건은 별도로 확인하세요.
구성 분석
앱과 상담의 두 경로 → 필요에 따른 선택 → 서비스 소개 → 회원 후기 → 기업·보험사 대상 소개 → 콘텐츠 라이브러리 → 회원 규모와 시작 안내 → FAQ → 마지막 CTA → 뉴스레터와 푸터.
서비스 소개의 탭과 후기는 촬영 당시 표시된 상태를 기록했습니다.
디자인 관찰
첫 화면에서 앱과 상담을 서로 다른 크기의 카드로 구분합니다. 밝은 색의 일러스트와 탭·콘텐츠 카드를 사용해 여러 상황을 탐색하게 합니다.
적용 메모
서비스 종류와 사용자의 목적이 다를 때 첫 화면에서 경로를 나누고, 콘텐츠는 상황별로 탐색할 수 있게 합니다.
프로젝트 적용 기록
아직 실제 프로젝트에 적용하지 않았습니다.
출처와 확인 범위
2026-10-27 UIZZE 공식 검색 메타데이터에서 팩 식별자와 링크를 확인했습니다. 현재 원본 공개 페이지를 별도로 관찰하고 핵심 장면을 직접 촬영했습니다. UIZZE 팩 내부 파일의 촬영 조건과 내용은 확인하지 않았으며 원본 사이트와 보관 팩의 시점은 다를 수 있습니다.
2026-10-27 원본 사이트의 섹션별 직접 캡처를 추가했습니다. 촬영 시점·뷰포트·출처는 각 이미지에 기록하며, 기존 UIZZE 팩의 캡처 조건과 구분합니다.
2026-10-27 전체 홈페이지의 주요 구역을 다시 살펴보고 보안·연동·사례·FAQ·CTA·푸터 등 실제 존재하는 구역을 추가로 기록했습니다. 각 이미지에 촬영 출처와 범위를 표시합니다.
원본 공개 홈페이지에서 확인한 주요 구역을 페이지 흐름에 따라 직접 캡처하고 자체 분석과 함께 보관합니다. 화면은 촬영 시점의 데스크톱 정지 장면이며 UIZZE 보관 팩 파일과는 별개입니다. 원본 소재의 프로젝트 재사용 조건은 별도 확인 대상입니다.
UIZZE 자료 모음 →