이혼·가사 전문 법무법인 온조 반응형 홈페이지
메인 슬라이드 → 가사팀 주요 업무분야 → 승소사례 → 상담 안내와 지도 → 가사팀 소개·변호사 소개 → 협의이혼·재판이혼(이혼사유·위자료·친권 양육권·사전처분) 상세 순으로 구성했습니다.
베이지와 다크 브라운, 골드 포인트로 차분하고 신뢰감 있는 분위기를 만들었고, 상담 전화 버튼과 우측 퀵 메뉴를 모든 화면에 두어 문의가 쉽도록 설계했습니다.
Design Concept
차분하게 신뢰를 전하는 가사 전문 로펌
이혼으로 고민하는 방문자가 안심하고 정보를 읽도록 차분한 톤으로 설계했습니다.
베이지와 브라운 배색에 골드 포인트를 더해 전문성과 따뜻함을 함께 담았습니다.
업무분야부터 상세 설명, 상담 신청까지 끊김 없는 흐름으로 구성했습니다.
Design Elements
-
01
가사 업무분야 안내
이혼·위자료·양육권 등 주요 분야를 아이콘으로 정리했습니다.
각 분야 상세 페이지로 바로 이동하도록 구성했습니다. -
02
승소사례 슬라이드
사례 카드를 슬라이드로 넘겨 볼 수 있게 했습니다.
이혼과 상간자소송 사례를 구분했습니다. -
03
상담 연결 장치
상단 상담 전화와 하단 방문상담 버튼을 고정했습니다.
우측 퀵 메뉴로 채널 연결을 지원합니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#B8975F
- Green#1F4D45
- Light Beige#F3EFE9
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PCPC 화면 기준 설명
MO모바일 최적화 내용
-
Layout
PCPC 화면 기준 설명
MO모바일 최적화 내용
-
Typography
PCPC 화면 기준 설명
MO모바일 최적화 내용
-
Image
PCPC 화면 기준 설명
MO모바일 최적화 내용
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
