회생·파산 개인채무조정 상담 법무법인 랜딩페이지
히어로 상담 폼 → 개인 채무조정 사례 → 법인·법인대표 채무조정 사례 → 선택 이유 → 자주 묻는 질문 → 상담 신청 폼 순서로 구성했습니다.
네이비 톤의 신뢰감 있는 색과 건물 이미지 히어로, 사례별 인물 사진과 말풍선으로 처음 상담하는 사람도 부담 없이 읽도록 설계했습니다.
Design Concept
다시 시작을 돕는 신뢰형 상담 랜딩
채무 문제는 혼자 고민하기 쉬워 첫 상담의 문턱을 낮추는 것이 중요합니다.
히어로 바로 아래에 간편 상담 폼을 두고, 사례와 FAQ로 궁금증을 풀어준 뒤 하단 폼으로 다시 연결했습니다.
네이비와 골드 포인트로 법무법인다운 신뢰감을 담았습니다.
Design Elements
-
01
히어로 상담 폼
회생·파산 전문 문구와 함께
상단에서 바로 상담을 신청할 수 있습니다. -
02
유형별 채무조정 사례
개인과 법인대표 사례를 나누고
인물 사진과 말풍선으로 공감을 높였습니다. -
03
FAQ·하단 상담 폼
자주 묻는 질문 아코디언으로 궁금증을 풀고
하단 상담 폼으로 마무리합니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#B8975A
- Brown#8A6A55
- Red#8B1E2D
- Beige#E9DDD2
- 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 · 인물 비율 유지
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
