이혼소송·지식재산 업무사례 검색 법무법인 홈페이지
메인 업무사례 슬라이드 → 업무사례 목록(분야 탭·검색) → 모바일 목록 순서로 화면을 보여 주며, 사례마다 담당 변호사와 요약을 카드로 구성했습니다.
파란색을 중심으로 건물 사진과 흰 카드를 대비해 신뢰감을 주었고, 모바일에서는 상담전화·카톡상담 등 하단 바로가기를 두었습니다.
Design Concept
사례로 신뢰를 전하는 법무법인
다양한 경험과 노하우를 바탕으로 최선의 결과를 이끌어 내는 법무법인 한일의 업무사례 중심 홈페이지입니다.
건물 사진과 파란색을 사용해 전문성과 신뢰감을 전달하도록 설계했습니다.
분야별 사례를 쉽게 찾고 상담으로 이어지도록 구성했습니다.
Design Elements
-
01
메인 업무사례 슬라이드
메인에서 대표 업무사례를 카드 슬라이드로 보여 줍니다.
담당 변호사와 사례 요약을 함께 구성했습니다. -
02
분야별 사례 목록
전체·지식재산·부정경쟁·기업자문·엔터테인먼트 탭으로 나누었습니다.
검색창과 추천 검색어로 원하는 사례를 찾도록 구성했습니다. -
03
상담 바로가기
전화·카톡·블로그·오시는 길 바로가기를 항상 보이도록 두었습니다.
방문 전에 쉽게 상담을 시작하도록 구성했습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#3A8DE0
- Gray#F0F0F0
- Dark Gray#333333
- Black#111111
- 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 검색 노출 설계까지 기본으로 넣어 드립니다.
