디자인 개편되기 전에 서울특별시 교통위반 단속 조회 서비스 웹사이트
디자인 개편된 웹사이트 메인, 서브
기존 텍스트 중심의 콘텐츠 및 정적이고 어수선한 사이트를 개편하여 서울시 불법 주정차를 살리는 UI/UX 설계에 중점을 두고
디자인 방향을 잡음.
디자인 콘셉트
“시민과 함께” 콘셉트
고객이 희망하는 주정차 및 과태료 정보를 정리하여 맞춤형 정보로 보일 수 있도록 구성하며 CI 색상의 고유의 느낌을 살리고 정보를
각 섹션 별로 그룹화하여 디자인 콘셉트를 표현하고자 함
주정차 및 과태료 정보 검색 강화
정확한 정보 및 주정차, 과태료 정보 검색 기능 강화
접근이 쉬운 UI
정보의 정확도 및 조회, 과태료 정보 제공을 위주로 구현하였다.
사용 편의
필요한 기능을 별도 정의하여, 서비스적 접근성을 높일 수 있도록 구성하였다.
색상
파란색 (주제 색상), 청록색, 어두운 보라색 (보조 색상), 흰색 (배경 색상), 빨간색 (포인트 색상) - CI 기준으로 색상 설정
주제 색상을 파란색으로 선택하여 공공 분야의 비전과 서울시의 새로운 모습 등을 발휘해 정확하게 주정차, 과태료 정보를 표현하며
주제 색상을 부각하기 위해 보조 색상과 배경 색상이 배색되어 각각에 역할을 나누어 공간을 가장 조화롭게 인식한다.
그리드
세로 그리드, 1200px에 최적화되었으며 반응형을 고려한 UI는 모든 device에서 접근이 가능하도록 디자인됨
반응형 디자인으로 모바일 UI/UX 디자인
'GALLERY' 카테고리의 다른 글
| 의용소방대 통합관리시스템 제안 디자인 (0) | 2023.06.19 |
|---|---|
| 국회 입법예고 시스템 메인화면 디자인 (0) | 2023.01.08 |
| 대한민국 국회, 국회 박물관 홈페이지 UX/UI 디자인 개편 (0) | 2022.12.29 |
| 더마펌 공식 온라인몰, 브랜드 웹사이트 UX/UI 디자인 리뉴얼 (0) | 2022.09.12 |