상속포기·한정승인 변호사 1회 상담 랜딩페이지
상담 분야 선택 폼이 있는 첫 화면 → 상속 전문 변호사 소개 → 소송 사례 증빙 → 수상 내역 → 전략팀 구성 → 비용 안내 → 변호사 라인업 순으로 이어지며, 오른쪽 고정 패널에서 언제든 상담을 신청할 수 있습니다.
어두운 브라운과 베이지 톤으로 무게감과 신뢰감을 주고, 변호사 사진과 증빙 이미지를 크게 써서 전문성이 한눈에 보이도록 구성했습니다.
Design Concept
30초로 시작하는 상속 상담
상속 상담은 복잡해 보이기 때문에 첫 행동을 최대한 가볍게 만드는 데 초점을 두었습니다.
첫 화면에서 상담 분야를 고르는 간단한 폼을 제시해 부담을 줄였습니다.
짙은 브라운 배경과 밝은 베이지 섹션을 번갈아 두어 읽는 리듬과 신뢰감을 함께 살렸습니다.
Design Elements
-
01
첫 화면 분야 선택 폼
상속재산분할·유류분청구·상속포기 등 상담 분야를 선택하는 카드형 폼을 두었습니다.
선택 후 바로 연락처 입력으로 이어지도록 설계했습니다. -
02
사례·수상 증빙 섹션
소송 사례 문서와 수상 내역 이미지를 나란히 배치했습니다.
말이 아닌 자료로 전문성을 확인할 수 있도록 구성했습니다. -
03
고정 상담 패널
오른쪽에 전화·상담 신청 폼과 바로가기 메뉴를 고정했습니다.
스크롤 위치와 관계없이 언제든 문의할 수 있도록 설계했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#C9B8A6
- Beige#EDE6E0
- Black#1E1B19
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PCMenu · 우측 고정 패널
MOMenu · 하단 고정 상담 버튼
-
Layout
PCLayout · 와이드 다단 구성
MOLayout · 1단 세로 스택
-
Typography
PCTypography · 굵은 헤드라인 강조
MOTypography · 헤드라인 크기 축소 조정
-
Image
PCImage · 변호사 사진 가로 배열
MOImage · 2열 그리드로 재배치
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
