헛된 희망 대신 솔직한 진단을 전하는 형사전담팀 법률 랜딩페이지
메인 화면은 “헛된 희망을 드리지 않습니다. 솔직하게 말씀드립니다!” 형사전담팀 소개 → 형사전문변호사 인증 → 실제 수행 사례 → 5단계 상담 신청 → 지역별 오시는 길 순으로 이어지도록 구성했습니다.
특히 부장판사 출신 대표변호사와 형사법 전문 파트너 변호사를 첫 화면 슬라이드로 소개하고, 상담분야·입장·전력·진행단계를 단계별로 선택하는 상담 폼을 두어 부담 없이 접수하도록 했으며, 딥 네이비와 브라운 골드 컬러로 차분하고 신뢰감 있는 분위기를 완성했습니다.
Design Concept
솔직함으로 쌓는 신뢰
형사 사건을 처음 겪는 의뢰인이 가장 필요로 하는 것은 과장된 약속이 아니라 정확한 상황 진단이라는 점을 디자인의 출발점으로 삼았습니다.
딥 네이비를 바탕으로 브라운 골드 포인트를 더해 차분하고 무게감 있는 분위기를 만들고, 변호사 프로필과 인증 이미지, 실제 사건 결과를 먼저 보여주어 신뢰를 쌓도록 했습니다.
또한 메인 사이트와 같은 굿플랜 브랜드를 유지하면서 형사 사건에 맞춰 상담 폼과 사례 중심으로 화면을 재구성해, 읽고 판단한 뒤 바로 상담까지 이어지도록 설계했습니다.
Design Elements
-
01
변호사 프로필 슬라이드
부장판사 출신 대표변호사와 형사법 전문 파트너 변호사를 프로필 이미지와 함께 슬라이드로 소개했습니다.
첫 화면에서 누가 사건을 맡는지 바로 확인할 수 있습니다. -
02
실제 수행 사례 슬라이드
사건 분류와 제목, 결과(혐의없음·기소유예·집행유예 등)를 카드로 정리해 좌우로 넘겨 보게 했습니다.
카드를 열면 사건 개요부터 결과까지 단계별로 읽을 수 있습니다. -
03
5단계 선택형 상담 폼
상담분야, 가해·피해 입장, 전력, 진행단계를 차례로 선택한 뒤 성함과 연락처만 남기도록 구성했습니다.
긴 입력 없이도 사안의 핵심을 파악할 수 있어 접수 부담을 줄였습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#D9AD76
- Deep Navy#0F1C2E
- Navy#1A2738
- Brown Gold#917962
- Light Gold#D9AD76
- Warm Gray#DCD9D3
- Charcoal#333333
- 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
PCPretendard 서체의 굵기 차이로 제목과 핵심 문구를 구분
MO큰 제목과 줄바꿈을 조정해 좁은 화면에서도 읽기 쉽게 구성
-
Image
PC변호사 프로필과 인증 이미지, 사례 이미지를 크게 노출
MO이미지 비율을 유지하며 화면 폭에 맞춰 크기를 조정
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
