EXPERIENCE PREVIEW · SPATIAL STORY
GAON DESIGN 공간 설계 체험
공간 포트폴리오와 서비스·설계·시공 과정 안내에 여섯 단계의 몰입형 체험을 연결한 GAON DESIGN 웹사이트 프리뷰입니다.
누구를 위한 화면인가요?
인테리어의 결과뿐 아니라 설계와 시공 과정을 이해하고 싶은 공간 소유자와 기업 담당자
어떤 행동을 돕나요?
방문자가 공간을 만드는 순서와 각 단계의 판단을 이해하도록 돕습니다.
SIX CHAPTERS · 공간이 완성되는 과정
한 장의 사진보다,
그 공간이 만들어지는 이유.
상담에서 완성까지 각 장면이 전하는 질문과 설계 판단을 살펴보세요. 아래 사진이나 버튼을 누르면 여섯 단계가 자동으로 이어지는 체험 화면이 열립니다. 이미지는 과정을 설명하는 콘셉트 시각화입니다.
상담부터 시공·완성까지 보기 ↗
공간이 완성되는 과정 보기 01 · 상담
목적과 사용자의 이야기를 듣습니다.
어떤 사람이 언제 머무는지, 바꾸고 싶은 불편과 우선순위를 정리합니다.
공간이 완성되는 과정 보기 02 · 현장조사
현장의 조건을 설계의 기준으로 삼습니다.
치수와 구조, 설비와 빛을 살펴 구현 가능한 범위와 현장의 제약을 확인합니다.
공간이 완성되는 과정 보기 03 · 디자인
동선·재료·조명으로 방향을 구체화합니다.
평면과 주요 시점을 함께 검토하며 공간의 비례와 사용 장면을 미리 살펴봅니다.
공간이 완성되는 과정 보기 04 · 실시설계
예산과 일정까지 같은 기준으로 정리합니다.
자재와 상세 도면, 견적과 공정의 관계를 확인해 현장에서 판단할 근거를 만듭니다.
공간이 완성되는 과정 보기 05 · 시공
디자인 의도가 현장에서도 이어지게 합니다.
공정별 시공 상태와 변경 사항을 확인하고 처음의 계획과 실제 구현의 차이를 조율합니다.
공간이 완성되는 과정 보기 06 · 완성
완성 이후의 사용까지 생각합니다.
준공 상태와 사용 안내를 확인하며 공간을 편안하게 유지할 다음 단계를 정리합니다.
완성 사진에서 공간을 만드는 과정으로
화려한 공간 이미지와 긴 설명이 경쟁하면 설계의 이유가 묻힙니다. 움직임을 줄여야 하는 환경에서도 같은 내용을 읽을 수 있어야 합니다. 여섯 단계에 질문, 현장 조건, 설계 검증, 예산과 일정, 현장 관리와 완성이라는 역할을 부여했습니다.
사진을 살리는 절제된 색과 구도
밝은 원목과 아이보리 사진을 중심으로 짙은 글자를 사용하고 코럴색은 재생 버튼과 이동 표식에 절제해 배치했습니다. 중앙 소개와 첫 장면의 설명을 순차적으로 보여주어 제목끼리 경쟁하지 않도록 했습니다.
화면과 움직임에 맞춘 두 가지 읽기 방식
PC에서는 약 42초의 자동 진행과 직접 스크롤하는 장면 전환을 제공합니다. 자동 진행 중 단계 버튼을 선택해도 재생이 이어지며, 스크롤하거나 일시정지를 누르면 멈춥니다. 모바일·모션 감소 환경에서는 정적인 사진과 설명을 제공합니다. 사진 전체를 보여주는 16:9 비율과 마무리 안내로 이동하는 링크를 제공합니다.
포트폴리오에서 상담으로 이어지는 구조
8개 공간 프로젝트, 5개 서비스, 9단계 진행 과정과 6개 인사이트를 탐색할 수 있습니다. 전체 사이트와 체험 화면은 로그인 없이 둘러볼 수 있는 공개 콘셉트 데모입니다. 프리뷰의 상담 폼은 메일 앱에 초안을 여는 방식이며, 별도의 발송 동작이 필요합니다. Today Media 제작 상담은 아래 프로젝트 문의 버튼을 이용해 주세요.
색상과 정보 위계
밝은 원목과 아이보리 사진을 중심으로 짙은 글자를 사용하고 코럴색은 재생 버튼과 이동 표식에 절제해 배치했습니다.
사진 구도와 모바일 배치
PC 장면은 가로 구도를 유지하고 소개와 장면 설명은 순차적으로 나타납니다. 모바일에서는 16:9 사진 전체와 설명을 분리해 인물과 재료가 과도하게 잘리지 않도록 했습니다. 사진은 원본 비율을 유지한 WebP로 제공하며, 작은 화면에는 별도의 크기를 사용해 선명함과 전송 용량의 균형을 맞춥니다.
방문자가 따라가는 흐름
- 01공간의 목적 이해
- 02여섯 단계 체험
- 03설계·시공 판단 확인
- 04프로젝트 상담 준비
직접 체험할 수 있는 기능
- 여섯 단계 공간 스토리
- PC 자동 진행·일시정지·단계 선택
- 모바일 정적 사진 구성
- 모션 감소 환경 지원
- 마무리 안내로 빠른 이동
- 공간 포트폴리오·서비스·진행 과정 안내
콘셉트 데모의 범위
상담·설계·시공·완성 과정을 설명하는 콘셉트 시각화입니다. 실제 현장의 공사 전후나 검증된 성과로 해석하지 않습니다. 전체 사이트와 공간 체험은 로그인 없이 둘러볼 수 있는 공개 콘셉트 데모입니다.
SCOPE & CHECKLIST · 확인 범위
함께 확인하는 항목
- 여섯 단계 공간 스토리
- PC 자동 진행·일시정지·단계 선택
- 모바일 정적 사진 구성
- 모션 감소 환경 지원
- 마무리 안내로 빠른 이동
- 공개 공간 체험 데모
START A PROJECT · 프로젝트 상담
우리 사업에 맞는 범위를
함께 정리해 볼까요?
현재 상황과 필요한 기능을 알려주시면 제작 가능 여부와 준비할 자료를 순서대로 안내해 드립니다.