새로운 시작을 설계하는 이혼전담 법률 랜딩페이지
이혼 사유와 절차, 주요 쟁점, 해결 사례, 전담 변호사, 의뢰인 후기, FAQ, 상담 신청까지 단계적으로 구성하여 사용자가 자신의 상황을 이해하고 필요한 법률 조력을 자연스럽게 확인할 수 있도록 했습니다.
특히 기존 법률 사이트의 강한 경고성 표현보다는 “새로운 시작”과 “전환점”이라는 긍정적인 메시지를 중심으로 브랜드 이미지를 구축하고, 민트·그린 계열의 차분한 컬러를 활용해 심리적인 부담을 낮추는 데 집중했습니다.
Design Concept
새로운 시작을 위한 법률 경험
이혼이라는 민감한 상황을 다루는 만큼 강한 경고나 불안감을 강조하기보다, 사용자가 앞으로의 삶을 차분하게 준비할 수 있도록 안정감과 신뢰를 중심으로 디자인했습니다.
밝은 화이트 배경과 부드러운 그린 계열 포인트 컬러를 활용해 심리적인 부담을 낮추고, 사례와 절차, 변호사 정보, 후기 등의 콘텐츠를 단계적으로 배치해 사용자가 자신의 상황을 자연스럽게 이해할 수 있도록 구성했습니다.
또한 상담 전환을 강하게 밀어붙이기보다 충분한 정보를 제공한 뒤 문의로 이어지도록 설계해, 이혼 법률 서비스에 필요한 신뢰 중심의 UX를 구현했습니다.
Design Elements
-
01
사용자의 감정을 고려한 메시지
이혼을 단순한 법률 분쟁이 아닌 삶의 중요한 전환점으로 바라보고, 사용자의 불안과 부담을 자극하지 않는 메시지를 중심으로 구성했습니다.
메인 카피부터 상담 영역까지 전체적으로 차분하고 안정적인 언어와 시각 요소를 사용해 심리적 진입장벽을 낮췄습니다. -
02
복잡한 정보를 쉽게 이해하는 구조
이혼 사유, 주요 쟁점, 절차, 사례 등 다양한 법률 정보를 한 번에 보여주기보다 콘텐츠를 명확한 단위로 나누어 단계적으로 확인할 수 있도록 설계했습니다.
카드형 UI와 구분된 섹션 구조를 통해 사용자가 자신에게 필요한 정보만 빠르게 탐색할 수 있도록 했습니다. -
03
사례와 전문가 중심의 신뢰 형성
실제 해결 사례와 전담 변호사, 의뢰인 후기 등을 주요 콘텐츠로 배치해 서비스의 전문성을 구체적으로 보여주었습니다.
단순한 홍보 문구 대신 사례 → 전문가 → 후기 → 상담으로 이어지는 흐름을 통해 신뢰가 자연스럽게 형성되도록 구성했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#D8C49A
- SLB Green#2F7B6B
- Soft Mint#EAF5F2
- Warm Beige#D8C49A
- Soft Gray#F6F7F6
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Aa 가나다 Gilroy
가나다라마바사아자차카타파하
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핵심 메시지와 인물 중심으로 이미지 영역을 재조정해 집중도 향상
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
