법무법인 굿플랜 홈페이지
리뉴얼 프로젝트
Before
Design
- 여러 정보가 동일한 시각적 무게로 배치되어 사용자가 정보 중요도를 파악하기 어려운 구조
- 부족한 톤앤무드와 디자인 언어로 인한 브랜드 아이덴티티의 불명확성
Develop
- 해상도에 따른 콘텐츠 재배치 기준이 명확하지 않아 모바일·태블릿 환경에서 가독성과 사용성이 저하됨
- 사용자 행동을 자연스럽게 유도하기 어려운 구조
After
Design
- 콘텐츠 중요도에 따라 명확한 시각적 우선순위 적용
- 절제된 레이아웃과 정제된 타이포그래피
- 차분하고 일관된 디자인 톤을 통해 기업 이미지를 시각적으로 구현
Develop
- 콘텐츠 수정 및 운영 시 작업 범위를 최소화할 수 있도록 개선
- 해상도별 예외 처리를 줄이고 공통 규칙 중심으로 레이아웃을 제어해, 다양한 디바이스 환경에서도 일관된 동작과 안정적인 렌더링을 확보
Device
PC, 태블릿, 모바일 등 모든 디바이스 환경에서도 동일한 정보 흐름과 사용성을 유지하도록 반응형으로 설계했습니다.
Color
Deep Navy
HEX #1A2738
Warm Brown
HEX #917962
Light Gray
HEX #EEEEEE
Pretendard
Regular,Medium,Bold
400
500
700
법의 흐름부터 읽는 굿플랜
Design Concept
자연스럽게 흘러가는 디자인
복잡한 법률 정보를 최소한의 시각 요소로 정리하고,
사용자가 자연스럽게 흐름을 따라가며 상황을 이해할 수 있도록
레이아웃과 여백, 정보의 순서를 구조적으로 설계했습니다.
차분하고 절제된 톤 안에서 신뢰가 쌓이도록,
디자인은 항상 판단을 방해하지 않는 선에서 기능하도록 구성했습니다.
Design Overview
