법무법인 굿플랜 부동산 전문 랜딩페이지 구축
Design Concept
복잡한 부동산 문제를 명확한 해답으로
부동산 사건은 계약, 재개발, 임대차, 하자 등 유형이 다양하고 이해관계가 복잡하다는 점을 고려해 전문성과 정보의 명확성을 중심으로 설계했습니다.
첫 화면에서 부동산 전문 법률서비스라는 정체성을 강하게 전달하고, 업무사례와 분쟁 유형을 카드형 콘텐츠로 구분해 사용자가 자신의 상황과 가까운 정보를 빠르게 찾을 수 있도록 구성했습니다.
또한 전문변호사 소개와 상담 선택 UI를 후반부에 연결해 사건 이해 → 전문가 신뢰 → 상담 행동으로 자연스럽게 이어지는 흐름을 만들었습니다.
Design Elements
-
01
부동산 분야의 전문성을 명확하게
부동산 계약 해지, 재개발·재건축, 임대차, 토지수용 등 주요 사건 유형을 구체적으로 분류해 전문 분야의 범위를 한눈에 확인할 수 있도록 했습니다.
일반적인 법률서비스가 아닌 부동산 분야에 집중된 전문 랜딩페이지라는 인상을 강화했습니다. -
02
사례를 통해 보여주는 대응 경험
업무사례를 페이지 상단에 배치해 사용자가 실제 사건 경험을 먼저 확인할 수 있도록 구성했습니다.
추상적인 전문성 강조보다 유사 사건과 실제 대응 경험을 근거로 신뢰를 형성하도록 설계했습니다. -
03
전문변호사를 중심으로 형성하는 신뢰
부동산 전문변호사를 독립적인 영역으로 강조하고, 변호사의 이미지와 전문성을 함께 노출해 누가 사건을 담당하는지 명확하게 전달했습니다.
서비스 설명 이후 담당 전문가를 연결함으로써 법률서비스에 대한 신뢰를 구체적인 인물로 전환했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#A88A67
- Deep Navy#192A3F
- Slate Navy#31445B
- Warm Brown#A88A67
- Soft Gray#F2F2F0
- Charcoal#303236
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PC사례, 업무분야, 변호사, 위치 등 전체 콘텐츠를 순차적으로 탐색
MO업무분야와 상담 중심으로 핵심 메뉴를 간결하게 구성
-
Layout
PC사례와 사건 유형을 다열 카드 구조로 배치해 넓은 화면 활용
MO업무분야와 변호사 정보를 세로 흐름으로 재구성해 빠른 탐색 지원
-
Typography
PC강한 헤드라인과 명확한 정보 위계로 부동산 전문성 강조
MO복잡한 사건명과 법률 정보를 작은 화면에서도 빠르게 읽도록 크기와 행간 최적화
-
Image
PC건축물과 변호사 이미지를 활용해 부동산 전문성과 브랜드 신뢰 강화
MO핵심 건축 비주얼과 담당 변호사 중심으로 이미지 영역을 최적화
