프로젝트 설명
프리미엄 해안 부동산 브랜드 TERRAMER ESTATE의 랜딩페이지를 기획·디자인·퍼블리싱한 케이스 스터디입니다.
목적 매물 나열형 사이트가 아닌 브랜드의 신뢰와 프리미엄 감도를 첫 화면에서 전달하는 에디토리얼 랜딩 구축.
주요 구성 풀블리드 히어로 / 브랜드 스테이트먼트 / 실적 지표 / 프로젝트 상세(스펙 테이블·갤러리) / 360° 모델 뷰 / 서비스 4단계 / FAQ 아코디언 / 문의 폼 / 404 페이지.
작업 범위 컨셉 설계 → 컬러·타이포 시스템 → 와이어프레임 → UI 디자인 → HTML/CSS/JS 퍼블리싱 → 반응형(1920·1280·768·390) 대응.
기술 HTML·CSS·Vanilla JS GSAP·Lenis 스크롤 인터랙션 12컬럼 1560 그리드 접근성·reduced-motion 준수.
기술 스택
HTML/CSSJavaScript/TypeScriptFigma