무거운 빚을 덜어내는 개인회생·파산 전문 법무사 랜딩페이지
메인 화면은 “빛바랜 일상에 다시, 빛이 들도록” 메인 비주얼 → 업무분야 → 특별한 서비스 → 한율법무사여야 하는 이유 → 실력 → Q&A → 1:1 무료상담 신청 → 오시는길 순서로 구성했습니다.
특히 상단 메뉴 대신 상단 고정 메뉴와 하단 고정 상담 바를 두어 어느 위치에서나 업무분야 이동과 성함·연락처·상담분야 신청이 가능하도록 했으며, 딥 네이비 배경과 골드 포인트 컬러로 신뢰감을 높였습니다.
Design Concept
무거운 빚을 한 장으로 풀다
채무 문제로 막막함을 느끼는 의뢰인이 가장 먼저 필요한 안심과 해결 방향을 한 화면 흐름 안에서 확인하도록 하는 것을 디자인의 출발점으로 삼았습니다.
딥 네이비 배경과 골드·크림 톤 강조색으로 차분하고 믿음직한 분위기를 만들고, 메인 비주얼의 “빛바랜 일상에 다시, 빛이 들도록”이라는 문구로 해결의 이미지를 전달했습니다.
업무분야와 서비스, 선택 이유, 실력, Q&A를 같은 규칙의 섹션으로 이어 붙이고, 모든 구간에서 상담 신청이 가능하도록 설계했습니다.
Design Elements
-
01
1:1 비밀 상담 연결 메인 비주얼
메인 이미지에서 해결 메시지와 “1:1 비밀 상담 신청하기” 버튼을 함께 보여주었습니다.
버튼을 누르면 하단 상담 신청 영역으로 바로 이동합니다. -
02
신뢰를 높이는 섹션 구성
업무분야, 특별한 서비스, 한율법무사여야 하는 이유, 실력을 순서대로 배치했습니다.
전문 법무사 직접 진행, 분할납부, 비밀보장 등 선택 이유를 이미지 카드로 정리했습니다. -
03
상담 폼 하단 고정 바
성명, 연락처, 상담분야, 채무금액과 개인정보 동의를 화면 하단 바에 상시 노출했습니다.
개인회생·파산·이혼·부동산등기 등 여섯 개 분야를 선택해 접수할 수 있습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#B08D57
- Deep Navy#050E37
- Royal Blue#3B5591
- Night Black#252525
- Ivory Cream#F6F1EA
- Light Gray#F2F2F2
- White#FFFFFF
Typography
Aa 가나다 GmarketSansMedium
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PCMenu · 상단 고정 퀵메뉴와 앵커 이동
MOMenu · 전화 연결과 섹션 이동 버튼 중심 구성
-
Layout
PCLayout · 1160px 폭 단일 열 랜딩 구성
MOLayout · 한 섹션씩 위에서 아래로 이어지는 세로 스크롤
-
Typography
PCTypography · 이미지 타이틀과 Gmarket Sans 폼 문구
MOTypography · 이미지 타이틀과 상담 폼의 큰 입력 글자
-
Image
PCImage · 사무실 배경 위 카드형 안내 이미지
MOImage · 섹션별 배경 이미지로 전체 톤 유지
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
