상속포기·한정승인 상담을 쉽게 안내하는 법무법인 홈페이지
메인(실시간 상담현황 → 비용 확인 → 개념 안내 → 의뢰 신청 → 해결 사례·후기 → Q&A) 이후 업무절차, 개념설명, 서류 안내, 가격 안내, 성공 사례, 상담신청 페이지로 이어지게 구성했습니다.
신뢰감을 주는 초록 포인트 색과 짙은 회색 푸터, 카카오톡·전화·이메일 상담 카드로 어느 페이지에서나 바로 문의할 수 있도록 설계했습니다.
Design Concept
상속포기·한정승인 안내
상속포기와 한정승인이 낯선 방문자를 위해 비용, 서류, 절차를 쉽게 풀어 보여주는 법무법인 홈페이지입니다.
메인에서 비용과 개념을 먼저 확인하고 바로 상담 신청으로 이어지도록 구성했습니다.
초록 포인트 색과 카드형 정보로 깔끔하고 신뢰감 있는 인상을 만들었습니다.
Design Elements
-
01
비용 한눈에 확인
상속포기와 한정승인 비용을 표로 나란히 보여주어
방문자가 바로 비교할 수 있게 했습니다. -
02
서류·절차 안내
필요 서류와 업무 절차를 번호 카드로 정리해
처음 보는 사람도 순서를 이해하도록 했습니다. -
03
상담 신청 연결
전화·카카오톡·이메일·온라인 상담 카드를
모든 페이지 하단에 배치했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#FFE600
- Dark#333333
- Brown#7A5A3A
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PC상단 가로 메뉴
MO간결한 메뉴
-
Layout
PC카드 2~3열 구성
MO카드 1열 구성
-
Typography
PC굵은 제목 + 안내 본문
MO가독성 위주 크기
-
Image
PC와이드 히어로 이미지
MO폭에 맞춘 이미지
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
