이번 프로젝트 이해를 위해 별도 제작한 제안형 데모

3페이지 디자인 다양성 보강 기획서

동일 URL 구조를 유지하면서 회사/브랜드 A/브랜드 B의 시각 언어를 다르게 설계했습니다.

1. 보강 목표

기존 3페이지 구조와 WordPress/CMS 설명은 유지하고, 색감·구도·타이포 무드·카드 스타일을 페이지별로 분리해 다양한 홈페이지 디자인 역량을 보여줍니다.

2. 페이지별 톤앤매너

/ 회사 홈페이지

딥 네이비, 웜 화이트, 브론즈 포인트. 기업 신뢰감, 정돈된 그리드, 브랜드 포트폴리오 중심.

/brand-a

크림, 테라코타, 소프트 브라운. 감성형 카페/디저트 무드, 부드러운 카드와 메뉴 비주얼 중심.

/brand-b

딥 그린, 버건디, 차콜. 비대칭 구도, 강한 대비, 이벤트/프로모션 중심.

3. 유지한 기능 구조

상단 기획서 다운로드, 공통 내비, 소통공간, 메뉴/이벤트/지점 안내, Contact mock UI, 공개 안전 문구는 유지했습니다.

4. WordPress/CMS 실제 구축 계획

실제 구축 시 WordPress 멀티사이트로 회사/브랜드 A/브랜드 B를 분리하고, 메뉴·이벤트·지점·이미지를 공통 운영 매뉴얼로 관리합니다. 본 데모는 운영 서버 완성이나 납품 완료를 주장하지 않는 제안 화면입니다.

5. 반응형 기준

같은 URL/HTML을 유지하고 CSS media query로 모바일에서 CTA, 메뉴 카드, 지도형 UI, 소통공간이 겹치지 않도록 조정합니다.

6. 공개 데모와 실제 구축 차이

공개 데모는 HTML/CSS/JS 기반 제안 화면입니다. 실제 GA4, Google Maps API, 이메일 발송, 고객 데이터 입력은 승인 후 별도 진행합니다.