받아야 할 돈의 회수까지 설계하는 추심·집행 법률 랜딩페이지
메인 화면에서 “마땅히 받아야 할 당신의 돈”이라는 메시지로 시작해 전문가 소개 → 한설의 차별성 → 지급명령 절차 가이드 → 비용 → 업무사례 → FAQ → 상담신청 순으로 단계적으로 구성했습니다.
특히 손해배상 전문 변호사와 집행관 출신 법무사 두 전문가를 나란히 소개하고, 복잡한 지급명령 절차를 분기 흐름도로 정리했으며, 다크 차콜과 웜 브라운·샌드 컬러로 차분하고 묵직한 신뢰감을 더했습니다.
Design Concept
돈이 돌아오는 길을 한눈에
추심과 집행이라는 무겁고 낯선 주제를 의뢰인이 막막함 없이 이해할 수 있도록 하는 것을 디자인의 출발점으로 삼았습니다.
다크 차콜 배경에 웜 브라운과 샌드 베이지를 포인트로 사용해 묵직하면서도 절제된 신뢰감을 주고, 두 전문가의 역할과 절차를 같은 구조의 섹션으로 반복해 정보를 쉽게 비교할 수 있도록 했습니다.
또한 원스톱 진행, 맞춤형 비용설계, 성공보수제를 메인 상단에서 바로 제시하고 하단 상담신청까지 한 흐름으로 이어지도록 설계했습니다.
Design Elements
-
01
두 전문가를 나란히 소개하는 구조
손해배상 전문 변호사와 집행관 출신 법무사의 역할을 같은 형식으로 정리했습니다.
각 전문가의 강점 세 가지와 상세 팝업으로 신뢰 근거를 확인하도록 했습니다. -
02
분기형 지급명령 절차 흐름도
신청부터 보정명령, 송달, 이의신청, 강제집행까지 단계별 번호와 분기로 정리했습니다.
복잡한 절차를 한 화면 흐름으로 이해할 수 있도록 했습니다. -
03
서비스별 비용 안내 카드
지급명령·집행·통합 서비스를 카드로 나누어 포함 범위와 시작 비용을 보여줍니다.
회수 시에만 성공보수를 받는 구조도 함께 안내합니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#C1A78E
- Charcoal Black#222222
- Warm Brown#917962
- Sand Beige#C1A78E
- Slate Gray#393B3E
- Deep Brown#423324
- Light Gray#E6E6E6
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Aa 가나다 Pyeong Chang
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PCMenu · 7개 앵커 메뉴와 전화 버튼 노출
MOMenu · 햄버거 버튼과 슬라이드 메뉴
-
Layout
PCLayout · 가로 다단 구성과 전문가 비교 배치
MOLayout · 세로 한 단 구성으로 재배치
-
Typography
PCTypography · 큰 타이틀과 넉넉한 본문 크기
MOTypography · 화면 폭에 맞춘 글자 크기 축소
-
Image
PCImage · 넓은 배경과 아이콘 중심 구성
MOImage · 버튼과 아이콘 크기 조정
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
