리뉴얼 배경 및 목적
방대한 데이터 사용자가 원하는
정보를 가장 빠르게.
기존 데이터바우처 플랫폼은 메인 화면의 넓은 영역을 단순 배경과 검색창이 차지하여 공간 활용도가 낮았습니다. 또한 주요 데이터 상품과 서비스 카테고리가 흩어져 있어 직관적인 탐색이 어려웠으며, 모바일 및 다양한 기기 환경을 고려한 반응형 웹의 부재와 웹 접근성 한계로 인해 정보 소외 계층의 이용에 제약이 있었습니다.
이번 리뉴얼에서는 모든 사용자를 위한 포용적 웹 환경 구축(웹 접근성 강화)을 기반으로, 분산된 정보의 위계를 재정립하여 탐색 피로도를 최소화하는 직관적 UI를 구현하는 데 집중했습니다.
SPACE EFFICIENCY
비효율적인 화면 분할과
과도한 배경 영역 차지
USER FLOW
파편화된 카테고리로 인한
데이터 탐색 동선의 단절
ACCESSIBILITY
모바일 미지원 및
웹 접근성 기준 미달
무엇을 해결해야 했는가
보편적 사용성 확보와
목적 지향적 정보 탐색의 결합.
숨겨져 있던 파일, API, 가공 등 주요 데이터 상품·서비스 카테고리를 아이콘화하여 메인에 전면 노출하고 직관성을 높였습니다.
목록 페이지에 다중 선택이 가능한 필터링 탭을 도입하여, 방대한 데이터 중 원하는 조건의 결과를 빠르게 좁혀갈 수 있도록 개편했습니다.
명도 대비 최적화, 대체 텍스트 제공, 키보드 네비게이션 적용 등 KWAAG 지침을 완벽히 준수하여 포용적인 환경을 구축했습니다.
다양한 디바이스와 해상도에 유연하게 대응하는 반응형 레이아웃을 적용하여 모바일 사용자의 이탈률을 방지했습니다.
어떤 기준으로 설계했는가
신뢰감을 주는 브랜드 컬러와
데이터 중심의 클린 레이아웃.
공공 데이터 거래 플랫폼으로서의 '신뢰'와 '안정성'을 전달하기 위해 톤 다운된 블루와 명료한 화이트를 주조색으로 설정했습니다. 불필요한 장식적 요소를 배제하고 타이포그래피와 여백을 활용한 클린 레이아웃을 적용하여, 정보 자체에 온전히 집중할 수 있는 시각적 쾌적함을 제공합니다.
웹 접근성 품질인증 획득, 보편적 사용성 완성
한국형 웹 콘텐츠 접근성 지침(KWAAG)을 준수하여 'WA 마크'를 획득했습니다. 고령자 및 장애인 등 모든 사용자가 차별 없이 원활하게 데이터 서비스를 이용할 수 있는 포용적 웹 환경을 구현했습니다.
통합 검색 상단 배치와 직관적인 카테고리 노출
사용자가 목적에 맞는 데이터를 즉시 찾을 수 있도록 주요 검색 기능을 메인 최상단에 배치하고, 숨겨져 있던 상품·서비스 카테고리를 아이콘과 함께 전면 노출하여 탐색 동선을 최소화했습니다.
필터링 탐색 효율 극대화로 맞춤형 정보 접근성 강화
검색 중심의 선택 탭을 도입하고 불필요한 여백을 줄여, 사용자가 원하는 조건의 방대한 데이터를 한눈에 빠르고 직관적으로 필터링할 수 있도록 레이아웃을 전면 개편했습니다.
모든 기기에 최적화된 끊김 없는 반응형 UI/UX
스마트폰, 태블릿 등 기기별 해상도와 다양한 브라우저 환경에 완벽히 대응합니다. 화면 크기에 맞춰 핵심 정보가 자연스럽게 재배치되어 최상의 시독성과 편안한 탐색 경험을 선사합니다.
