구속 전 결정적 시간을 설계한 법률 랜딩페이지
사건 초기 대응의 중요성을 강조하는 GOLDEN HOUR 콘셉트를 중심으로, 긴급 대응 가능 지역, 단계별 대응 프로세스, 상담이 필요한 상황, 일반 대응과 전담 대응의 차이, 전담 변호인단, FAQ와 상담 신청까지 하나의 흐름으로 구성했습니다.
짙은 네이비와 블랙을 중심으로 긴장감과 전문성을 표현하고, 골드 포인트를 더해 전담 서비스의 차별성과 집중도를 강조했습니다. 사용자가 복잡한 법률 정보를 오래 탐색하지 않아도 현재 상황 → 대응 필요성 → SLB의 대응 방식 → 즉시 상담으로 빠르게 이동할 수 있도록 설계했습니다.
Design Concept
결정적 순간을 위한 법률 대응
구속 여부가 결정되기 전 제한된 시간 안에 사용자가 상황의 긴급성을 인지하고 즉시 대응할 수 있도록 시간성과 집중도를 핵심 디자인 언어로 설정했습니다.
어두운 네이비와 블랙 배경을 기반으로 긴장감과 전문성을 형성하고, 골드 컬러를 포인트로 사용해 GOLDEN HOUR라는 서비스 아이덴티티를 강조했습니다.
콘텐츠는 긴 설명보다 핵심 문장, 단계별 프로세스, 비교 구조, FAQ를 중심으로 구성하여 위기 상황에서도 중요한 정보를 빠르게 판단할 수 있도록 설계했습니다.
Design Elements
-
01
긴급성을 전달하는 시각 구조
구속영장 대응이라는 서비스 특성을 반영해 첫 화면부터 시간의 중요성이 명확하게 느껴지도록 구성했습니다.
어두운 배경과 강한 헤드라인, 집중된 CTA를 활용해 사용자가 현재 상황을 가볍게 넘기지 않고 즉시 행동해야 한다는 메시지를 직관적으로 전달합니다. -
02
단계적으로 이해되는 대응 체계
접견부터 영장실질심사까지의 대응 과정을 단계별로 구조화하여, 사용자가 앞으로 어떤 절차가 진행되는지 쉽게 이해할 수 있도록 했습니다.
복잡한 법률 절차를 정보 나열이 아닌 프로세스 중심 UX로 정리해 전담 대응의 체계성을 강조했습니다. -
03
전담 조직이 만드는 신뢰
전담 변호인단, 대응 가능 지역, 사건 대응 구조, FAQ 등을 순차적으로 배치해 단순한 광고보다 실제 운영 체계가 먼저 보이도록 구성했습니다.
특히 일반적인 형사 대응과 GOLDEN HOUR 전담 대응의 차이를 비교 구조로 보여주어 서비스의 역할과 필요성을 구체적으로 전달했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#B99A5B
- Midnight Navy#0B172A
- Golden Accent#B99A5B
- Soft Gray#D7D7D7
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Aa 가나다 Gilroy
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PC영장 대응 서비스와 주요 콘텐츠를 전체 구조로 탐색
MO긴급상담과 핵심 정보 중심으로 메뉴를 간결하게 구성
-
Layout
PC프로세스, 비교 정보, 변호인단 등 주요 콘텐츠를 넓은 화면에 구조적으로 배치
MO긴급도와 정보 우선순위에 따라 콘텐츠를 세로 흐름으로 재구성
-
Typography
PC대형 헤드라인과 강한 대비로 GOLDEN HOUR 메시지를 강조
MO짧은 시간에도 핵심 메시지를 빠르게 읽을 수 있도록 크기와 행간 최적화
-
Image
PC도시, 법률 공간, 변호인 이미지를 활용해 전문성과 긴장감을 전달
MO핵심 메시지와 인물에 집중할 수 있도록 이미지 비율과 크롭을 최적화
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
