로직 및 화면 상세
01. [브랜드 전략] 인테리어 감성 + 신뢰 설득 구조 설계
602 디자인의 핵심 고객은 “예쁜 인테리어를 원하지만 비용과 신뢰가 걱정”인 30~40대입니다. 포트폴리오 이미지로 감성을 자극하고, 시공 사례·후기·자격증 배지로 신뢰를 보강하는 투트랙 설득 구조를 히어로에서 하단 CTA까지 단선으로 설계했습니다.
컬러 팔레트 & 타이포 가이드
컴포넌트 스타일 시트
03. [포트폴리오 갤러리] Masonry 레이아웃 + 카테고리 필터
아파트·상업공간·오피스 등 시공 유형별로 필터링 가능한 Masonry 갤러리를 구현했습니다. 이미지 클릭 시 라이트박스로 전체 시공 과정(before·after·detail)을 슬라이드 형태로 확인할 수 있으며, 각 프로젝트마다 평수·기간·스타일 태그를 표기하여 고객 판단을 도왔습니다.
카테고리 필터
아파트 / 상업 / 오피스 탭 전환
Before · After
시공 전후 슬라이더 비교
04. [견적 문의] 단계별 상담 폼 + 자동 알림
공간 유형·평수·예산 범위를 3단계로 선택하는 인터랙티브 견적 폼을 설계했습니다. 제출 즉시 담당자에게 카카오 알림톡이 발송되고, 고객에게는 예상 상담 일정 자동 안내 메시지가 전달됩니다.
05. [고객 후기] 실명 시공 후기 + 별점 시스템
시공 완료 고객 대상 후기 수집 페이지를 별도 제작했습니다. 실명·공간명·별점을 포함한 후기가 자동으로 메인 페이지 슬라이더에 반영되며, 관리자 승인 후 게시되는 2단계 노출 구조로 신뢰도를 관리합니다.
06. [모바일 최적화] 터치 친화적 UX + 빠른 로딩
인테리어 문의의 72%가 모바일에서 발생하는 점을 고려하여 모든 인터랙션을 터치 기반으로 재설계했습니다. WebP 포맷 변환과 Lazy Load 적용으로 이미지 중심 페이지임에도 LCP 2.1초를 달성했습니다.
