Completion
브랜드와 사용자가 만나는 새로운 경험
이번 리뉴얼은 단순한 웹사이트 제작을 넘어, 파크시스템스의 철학과 가치를 사용자가 자연스럽게 느낄 수 있는 경험으로 확장되었습니다.
세심하게 설계된 여백과 균형 잡힌 컬러, 일관된 흐름 속에 담긴 인터랙션은 브랜드가 가진 전문성과 신뢰를 감각적으로 전달합니다. 이제 웹사이트는 정보 전달을 넘어, 글로벌 고객과 이어지는 파크시스템스의 또 다른 얼굴이 되었습니다.
Parksystems Website Renewal
Overview
복잡했던 정보 구조를 단순하고 직관적으로 재정리하고, 일관된 디자인 시스템과 반응형 UI를 적용하여 사용자 경험을 최적화하는 데 초점을 맞췄습니다. 또한, 운영 효율성을 고려해 백엔드 콘텐츠 관리 체계까지 함께 개선하며, 프론트엔드와 운영 환경 모두에서 균형 있는 개선을 이끌어냈습니다.
Global Website Renewal & AEM Publishing for UX/UI Experience
Client
Park Systems
Date
2024
Type
Website Renewal (Corporate Website)
Role
UI Design (with UX Consideration), Front-end Publishing
Proposal
제품 경험을 직관적으로 전달하는 컨셉 디자인
초기 제안 단계에서 여러 방향성을 탐색하며, Park Systems의 브랜드 아이덴티티와 글로벌 톤앤매너를 반영한 시안을 제시했습니다. 특히 제품 중심의 정보 전달력 강화와 사용자 친화적인 탐색 경험을 핵심 목표로 설정하고, 메인 비주얼과 제품 라인업을 직관적인 구조로 배치하여 브랜드 신뢰성과 기술력을 효과적으로 드러내고자 했습니다.
Design System
일관성과 균형을 담아낸 디자인 시스템
타이포그래피, 컬러, 그리드 시스템을 하나의 흐름으로 정리하여 브랜드의 신뢰감과 사용성을 동시에 강화했습니다. 글로벌 환경에서도 안정적인 가독성을 제공하는 Pretendard를 중심으로, 충분한 여백과 모듈형 그리드를 적용해 심플하고 균형 잡힌 레이아웃을 구현했습니다. 전체적인 톤앤매너는 블루와 뉴트럴 그레이로 글로벌 신뢰감을 강조했고, 포인트 컬러는 아쿠아 계열을 사용해 브랜드에 활기를 불어넣었습니다.
Typography
PARKSYSTEMS
PretendardRegular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
가나다라마바사아자차카타파하 각괄핥값같갚갛
1234567890 !@#$%^&*()_+-=
PARKSYSTEMS
PretendardMedium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
가나다라마바사아자차카타파하 각괄핥값같갚갛
1234567890 !@#$%^&*()_+-=
PARKSYSTEMS
PretendardBold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
가나다라마바사아자차카타파하 각괄핥값같갚갛
1234567890 !@#$%^&*()_+-=
Color
Primary#00AEE6
Primary Light#DFF4FB
White#FFFFFF
Secondary#2A3554
Tertiary#003A82
Black#000000
Gray 100
Gray 600
Gray 200
Gray 700
Gray 300
Gray 800
Gray 400
Gray 900
Gray 500
Gray 1000
Grid System
Component & AEM Publishing
일관된 UI 컴포넌트와 운영 효율성을 담아낸 퍼블리싱
버튼, 입력폼, 카드 등 반복적으로 사용되는 요소를 컴포넌트화하여 일관된 사용자 경험과 디자인 톤을 유지할 수 있도록 설계했습니다.
이러한 컴포넌트는 AEM(Adobe Experience Manager) 기반 퍼블리싱과 연계되어 운영 환경에서도 동일한 규칙과 구조를 유지하며 확장 가능성을 확보했습니다. 이를 통해 디자인 시스템에서 정의된 원칙이 실제 서비스 전반에 안정적으로 구현되었고, 글로벌 단위의 사이트 운영과 콘텐츠 관리가 한층 더 유연해졌습니다.
