민주당경선예비후보자 홈페이지
민주당
"신뢰를 담은 민주적 UI"
정치는 국민과의 소통에서 시작됩니다. 우리는 이번 프로젝트에서 **"더 나은 대한민국을 위한 민주적인 선택의 과정"**을 직관적이고 명확한 UI로 전달하는 것을 목표로 삼았습니다. 이 웹사이트는 예비후보자들을 쉽게 찾아볼 수 있도록 설계되었으며, 사용자들이 지역과 후보자를 직관적으로 탐색하고 신뢰할 수 있는 정보에 접근할 수 있도록 디자인되었습니다.
우리는 "투명성, 접근성, 신뢰성"이라는 세 가지 핵심 원칙을 중심으로 UI를 구성했습니다.
  1. 투명성 (Transparency) – 후보자 정보를 명확하게 정리하여 사용자들이 빠르게 이해할 수 있도록 디자인
  2. 접근성 (Accessibility) – 누구나 쉽게 후보자를 검색하고 정보를 찾을 수 있도록 직관적인 UX 설계
  3. 신뢰성 (Reliability) – 공식적인 느낌을 강조하는 컬러와 레이아웃을 통해 신뢰감을 주는 인터페이스
이 웹사이트의 디자인은 단순히 정보를 나열하는 것이 아니라, 사용자가 자연스럽게 정보를 탐색하며 후보자를 비교하고 올바른 선택을 내릴 수 있도록 돕는 것을 목표로 했습니다.
Frame_3.png
"국민과의 첫 만남, 후보를 쉽게 찾아보는 포털"
  • 강조된 타이포그래피
    • "2023년도 경선 예비후보자"라는 키 메시지를 크고 선명하게 배치하여 사용자의 시선을 사로잡음
  • 검색 기능 중심의 UX
    • 사용자가 후보자를 쉽게 찾을 수 있도록, 검색바를 최상단에 배치
    • "지역으로 찾기" / "후보자명으로 찾기" 버튼을 직관적으로 배치하여 사용자가 원하는 방법으로 검색 가능
  • 일러스트와 여백을 활용한 감성적인 레이아웃
    • 페이지가 정보로 가득 차 보이지 않도록 여백을 충분히 활용하여 가독성을 높임
    • 오른쪽 일러스트는 선거와 소통의 의미를 담은 친근한 분위기를 형성
  • 뉴스 카드 UI 적용
    • 하단에는 경선과 관련된 최신 뉴스를 카드형 UI로 배치하여, 공식적인 정보를 신속하게 확인 가능
web-design
web-design
지역구_선택하기_상세.png