변호사와 변리사가 한 팀으로 움직이는 IP 법률 랜딩페이지
“변호사 따로, 변리사 따로 — 두 번 의뢰하시겠습니까?”라는 메인 메시지에서 시작해 전담센터 소개 → 구성원 소개 → 업무 설명 → 비용구조 → 자가진단 → 상담신청 순으로 화면이 이어지도록 구성했습니다.
특히 출원·등록, 권리 행사, 분쟁 대응의 세 가지 상황을 A·B·C 유형으로 나눠 방문자가 자신의 상황을 먼저 고르게 했고, 딥 네이비와 베이지 컬러, 명조 계열 서체로 신뢰감 있는 전문가 집단의 인상을 만들었습니다.
Design Concept
두 전문가, 하나의 전략
지식재산 문제는 출원을 맡길 곳과 분쟁을 맡길 곳이 달라 의뢰인이 번거롭게 두 번 움직여야 한다는 점에서 출발했습니다.
그래서 “출원부터 집행까지, 하나의 전략으로”라는 메시지를 화면 구조 자체로 보여주도록, 일반적인 진행 방식과 전담센터의 진행 방식을 나란히 비교하는 흐름을 만들었습니다.
딥 네이비와 베이지 컬러, 명조 계열 서체를 더해 법률 전문가 집단의 신뢰감을 유지하면서, 자가진단과 단계별 안내로 방문자가 부담 없이 상담까지 이어지도록 설계했습니다.
Design Elements
-
01
상황별 A·B·C 유형 구성
출원 및 등록, 권리 행사, 분쟁 대응의 세 가지 상황을 유형별로 나눠 정리했습니다.
방문자가 자신의 상황을 고르는 것만으로 필요한 조력 범위를 바로 확인할 수 있습니다. -
02
비교형 진행 방식 도식
출원·등록, 소송, 집행을 각각 다른 곳에 맡기는 방식과 한 팀이 이어가는 방식을 나란히 보여줍니다.
전담센터의 차별점이 한눈에 읽히도록 구성했습니다. -
03
1분 지식재산 자가진단
단계별 질문에 답하면 현재 상황에 맞는 조력 방향을 안내하는 진단 화면을 넣었습니다.
상담 전 고민을 정리할 수 있어 상담신청으로의 이동이 자연스럽습니다.
Responsive
디바이스 대응
PC · 태블릿 · 모바일 전 환경에서 정보의 순서와 사용성이 동일하게 유지되도록 반응형으로 설계했습니다.
Desktop
1920 × 1080
데스크톱
Tablet
768 × 1024
태블릿
Mobile
375 × 812
모바일
Design System
컬러 팔레트와 타이포그래피를 시스템으로 정의해 화면 전반에 일관된 규칙을 적용했습니다.
Colors
- Point Color#917962
- Deep Navy#2C2B3D
- Walnut Brown#473E35
- Night Ink#1C1A22
- Lavender#BFBDEA
- White#FFFFFF
Typography
Aa 가나다 Pretendard
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Aa 가나다 Noto Serif
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- 가나다 Aa
- 가나다 Aa
Regular · Bold
Main Page
메인 페이지
첫 화면에서 브랜드와 핵심 서비스를 먼저 보여주고,
스크롤 흐름에 따라 필요한 정보로 자연스럽게 이어지도록 구성했습니다.
스크롤하여 전체 보기 ↓
Mobile
모바일 환경에서 자주 쓰는 기능을 손이 닿는 곳에 배치했습니다.
Bottom Bar
Optimization
-
Menu
PCMenu · 가로 메뉴와 대표번호 두 개를 상단에 함께 노출
MOMenu · 메뉴 버튼으로 여는 전체화면 메뉴
-
Layout
PCLayout · 섹션마다 한 화면씩 넘어가는 풀페이지 구성
MOLayout · 카드와 비교 도식을 세로 한 열로 재배치
-
Typography
PCTypography · 명조 계열 제목과 Pretendard 본문의 조합
MOTypography · 화면 폭에 맞춰 제목과 본문 크기를 조정
-
Image
PCImage · 구성원 인물 사진과 네이비 톤 배경
MOImage · 인물 사진과 배경을 모바일 비율로 재구성
이런 홈페이지, 우리 법무법인도 가능할까요?
변호사 · 법무법인 홈페이지만 100개 이상. AI 검색 노출 설계까지 기본으로 넣어 드립니다.
