개인회생·채무 청산 상담을 안내하는 법무법인 랜딩페이지
디자인 보드에서는 히어로(365일 전화상담·1:1 채팅상담) → 도산전문변호사 소개 → 선택하는 이유 → 성공사례 → 실제 후기 → 개인회생 신청자격 → 개인회생 절차 → 변호사단 소개 → 전국 지사 → 1:1 상담 신청 폼 순으로 이어집니다.
짙은 네이비 배경과 블루 포인트로 신뢰감을 주고, 크림·민트 배경 섹션을 번갈아 배치해 긴 스크롤에서도 읽는 리듬이 유지되도록 구성했습니다.
Design Concept
빚의 무게를 덜어주는 한 페이지
개인회생과 채무 청산을 알아보는 방문자가 가장 궁금해하는 순서대로 내용을 배치한 랜딩페이지입니다.
도산 전문 변호사의 신뢰도를 먼저 보여주고, 성공사례와 후기로 확신을 더한 뒤 상담 신청으로 이어지게 했습니다.
어두운 히어로와 밝은 섹션을 번갈아 사용해 긴 페이지도 부담 없이 읽히도록 설계했습니다.
Design Elements
-
01
신뢰를 앞세운 히어로
전화상담과 1:1 상담 버튼을 첫 화면에 배치했습니다.
핵심 메시지를 두 줄 카피로 짧게 전달하도록 구성했습니다. -
02
성공사례·후기 섹션
사례 카드와 후기 캡처를 가로로 나열해 보여줍니다.
실제 사례를 한눈에 훑어볼 수 있도록 구성했습니다. -
03
신청자격·절차 안내
신청자격 카드와 단계별 절차를 아이콘으로 정리했습니다.
처음 알아보는 방문자도 흐름을 쉽게 이해하도록 설계했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#FFF1DC
- Violet#6B4FA0
- Mint#7FD6D0
- Gray#2B2B2E
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
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 검색 노출 설계까지 기본으로 넣어 드립니다.
