#36332D
공간 텍스트
제목과 본문, 푸터에 쓰는 짙은 색으로 사진과 정보의 기준을 잡습니다.
본문 · 제목 · 푸터브랜드 홈페이지D:AAL 자체 기획 · 가상 브랜드 콘셉트 스터디
FORM ROOM
작은 매장의 분위기와 동선을, 프로젝트 탐색부터 공간 계획 데모까지 한 리듬으로 연결합니다.
LIVE PREVIEW
현재 사이트를 불러오는 중입니다.
제작 유형
브랜드 홈페이지
회사 전체를 설명할 때 선택합니다. 서비스, 사례, 회사 소개와 문의 정보를 3-7개 페이지로 나눕니다.
- 분야
- 소규모 상업 공간 · 인테리어 디자인
- D:AAL 역할
- 정보 구조와 콘텐츠 데이터 계약 · 공간 브랜드 웹 UI 아트 디렉션
- 구현 범위
- 홈·프로젝트 아카이브·프로젝트 상세·스튜디오·공간 상담 데모·첫 공간 안내
- 프로젝트 성격
- D:AAL 자체 기획 · 가상 브랜드 콘셉트 스터디
범위 안내가상 브랜드를 위한 D:AAL 자체 기획 콘셉트 스터디입니다. 실제 고객, 실제 시공, 실제 영업 또는 실제 상담 접수가 아니며, 상담 데모의 입력값은 저장하거나 전송하지 않습니다.
DESIGN JUDGMENT
작은 매장의 분위기와 동선을, 프로젝트 탐색부터 공간 계획 데모까지 한 리듬으로 연결합니다.
카페, 베이커리, 다이닝, 쇼룸처럼 작은 상업 공간을 위한 인테리어 디자인 브랜드 홈페이지입니다. 프로젝트 아카이브와 스튜디오 소개, 공간 상담 데모, 첫 공간 안내를 데이터로 바꿔 조립할 수 있는 정적 템플릿으로 구성했습니다.
무엇을 맡았나
- 정보 구조와 콘텐츠 데이터 계약
- 공간 브랜드 웹 UI 아트 디렉션
- 반응형 정적 구현
- 상담 입력 검토 데모
무엇을 만들었나
- 프로젝트 아카이브와 상세 경로가 있는 홈페이지
- 스튜디오 소개와 첫 공간 안내 랜딩 흐름
- 저장·전송 없는 공간 상담 입력 검토 데모
- 브랜드·카피·프로젝트·FAQ·이미지 매니페스트를 교체하는 데이터 구조
무엇을 확인할 수 있나
- 프로젝트 아카이브·스튜디오·상담·첫 공간 안내를 독립 경로로 두고, 작은 상업 공간을 이해하는 흐름으로 연결했다.
- 이미지와 카피가 준비되지 않은 슬롯은 외부 이미지를 임의로 채우지 않고 준비 상태를 표시하도록 했다.
- 실제 영업 전환처럼 보일 수 있는 상담 흐름은 브라우저 메모리의 입력 검토로 한정하고 저장·전송이 없음을 명시했다.
PROJECT INTENT
공간의 인상을, 다음 행동까지 이어지게.
첫 화면의 공간 장면에서 시작해 사례를 읽고, 스튜디오의 관점과 첫 매장 준비를 거쳐 공간 계획 데모로 이어집니다. 실제 견적이나 시공 성과를 말하는 대신, 데이터 교체 가능한 정보 구조와 로컬 상호작용을 확인할 수 있게 만들었습니다.
COLOR INTENT
차분한 재료감으로 정보와 행동의 위계를 잡습니다.
#F2EFE7
웜 서피스
따뜻한 밝은 바탕으로 공간 사진 사이의 여백과 긴 본문을 안정시킵니다.
기본 배경 · 섹션 바탕#FBF9F6
페이퍼
소개와 입력 영역에 가벼운 면을 만들어 내용의 밀도를 낮춥니다.
소개 · 폼 · 보조 배경#79452F
브라운 액센트
공간 계획을 시작하는 행동과 한 개의 강조 구간에만 제한적으로 사용합니다.
주요 CTA · 강조 밴드VIEW PROJECT
설명에서 멈추지 않고, 전체 화면으로 확인하세요.
MORE WORK
가상 숙소 · 자체 생성 이미지 · 실예약·결제 없음
가상 숙소 · 자체 생성 이미지 · 실예약·결제 없음
