이혼 상담·재산분할 특화 법무법인 이혼전문센터 홈페이지
디자인 보드에서는 메인 히어로(전화상담·24시간 채팅상담) → 상담신청 접수 완료 → About 해결 → 업무분야 → 성공사례 → 칼럼 순으로 이어집니다.
코랄 핑크 포인트와 따뜻한 톤의 사진을 사용해 무거운 법률 주제를 부드럽고 신뢰감 있게 전달하도록 구성했습니다.
Design Concept
헤어질 결심, 해결할 때입니다
이혼을 고민하는 방문자가 감정적으로 부담 없이 정보를 찾고 상담을 신청하도록 설계한 이혼 전문 법무법인 홈페이지입니다.
'헤어질 결심'이라는 공감 카피로 시작해 업무분야와 성공사례로 신뢰를 쌓습니다.
코랄 톤 포인트와 부드러운 사진으로 차갑지 않은 법률 사이트 분위기를 만들었습니다.
Design Elements
-
01
공감형 히어로 카피
전화상담과 24시간 채팅상담 버튼을 첫 화면에 두었습니다.
사진과 카피로 방문자의 상황에 공감하도록 구성했습니다. -
02
업무분야 카드
협의·조정·소송, 재산분할, 양육분쟁, 상간소송 등을 사진 카드로 나눴습니다.
필요한 분야로 바로 들어가도록 설계했습니다. -
03
성공사례·칼럼
분야별 필터와 검색으로 사례와 칼럼을 찾을 수 있게 했습니다.
카드 슬라이드로 여러 사례를 훑어볼 수 있습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#EE7C6A
- Slate#6D7886
- Dark#2F3136
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PC상단 가로 메뉴 + 전화 버튼
MO햄버거 메뉴
-
Layout
PC4열 카드 그리드
MO1~2열 카드
-
Typography
PC세리프·산세리프 혼합 제목
MO제목 크기 축소
-
Image
PC와이드 인물·풍경 사진
MO세로 비율 크롭
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
