Transcript 청양군 행정 포털 홈페이지

청양군 통합 홈페이지 구축
디자인시안 컨셉 설명
2014. 06. 05
행정포털 홈페이지
청양군 통합 홈페이지 구축
청양군 행정 포털 홈페이지
A안
다양한 스타일을 가능하게 만든
큐브＇레이아웃
http://draft.acego.net/cy_2014
최소한의 면과 선, 인터페이스만으로 주요
콘텐츠가 집중될 수 있도록 구성했으며,
그리드 형태(Grid System)의 UI가 공통 컨
셉으로 설정, 개발되도록하여 새로운 콘텐
츠가 매일매일 쏟아져 나오는 포털의 특성
상 다양한 콘텐츠들을 사용자들에게 좀 더
편하고 효율적으로 제공하기 위해 많은 기
교없이 깔끔한 사이트를 구축하려 노력했
습니다.
심플하면서 명확한 레이아웃과 단순화
한 화면구성을 통해 명확성과 신뢰도를
높였습니다.
청양군 메인 컬러인 블루, 레드를 사용
하면서 부드럽고 따뜻한 느낌을 살리기
위해 그레이나 주요 컬러에 그라데이션
을 적절히 사용
청양군 통합 홈페이지 구축
청양군 행정 포털 홈페이지
B안
다양한 디바이스의 사용성에
초점
http://draft.acego.net/cy_2014
사용자가 가장 자주 이용하는 서비스를 쉽
게 찾고 이용할 수 있게 접근성/편의성을
높이는데 집중했고, 불필요한 콘텐츠, 작
은 버튼은 과감히 삭제하고, 콘텐츠의 주
요도를 명확히 정의한 덕분에 업데이트가
이루어지는 순서대로 나열하였으며, 가장
중요한 청양포커스 전체를 한 눈에 다시금
볼 수 있도록 하단에 큰 영역을 활용하였
습니다.
정보 접근성을 향상시키기 위해 레이아
웃 및 디자인을 개선하고 사이트 이용
목적별 고객 니즈 변화에 맞춰 최적화
서비스 제공하도록 노력하였습니다.
화이트 배색에 포인트 컬러로 그린, 레
드 컬러를 배합하여 청양군만의 아이덴
티티를 표현하였습니다.
청양군 통합 홈페이지 구축
청양군 행정 포털 홈페이지
C안
Simple, Smart & Satisfaction
http://draft.acego.net/cy_2014
사이트 전체의 특징은 ‘Simple & Smart’
로 본질과 기능에 충실했고, 원 페이지 디
자인으로 페이지 이동 없는 통합정보를 구
현했으며, 인포그래픽을 활용해 복잡한 정
보도 쉽게 인지할 수 있습니다.
청양군의 생생한 정보를 심플하게 전달 할
수 있는 UI/UX 적용하고 심플하고 미니멀
한 디자인 트랜드, 시스템 폰트 위주로 구
성, Responsive Web Design 등 트랜드에
따라 제작되었습니다.
편리하고 효과적인 정보전달을 위한 사
용자 화면을 구성하여 Simple & Smart
콘셉트와 다이나믹한 디자인의 조화를
이룬 사이트로 디자인되었습니다.
로고의 블루과 레드 컬러를 적용, 아이
덴티티를 살리고 블루와 레드을 이어줄
수 있는 그레이컬러를 적용하였습니다.
관광포털 홈페이지
청양군 통합 홈페이지 구축
청양군 관광 포털 홈페이지
A안
혁신적인 인터페이스(UX)와
‘One Web’개념 디자인
http://draft.acego.net/cy_2014
모바일웹과 일원화하는 '원 웹(One Web)'
구현으로 언제 어디서나 고객에게 통일된
사용자 경험과 서비스를 제공하며, 하나의
UI 디자인으로 스마트폰과 패드형 디바이
스에서도 사용할 수 있도록 했으며, 패럴
랙스 스크롤을 활용한 넓어진 화면을 제공
하는 것이 가장 큰 특징입니다.
수평구조 레이아웃 리듬감 있는 면분할,
수평의 장점인 와이드함을 적용하여 콘
텐츠 중앙정렬로 다양한 해상도에서도
동일하고 최적화된 메인화면을 제공하
였습니다.
맑고 산뜻한 느낌을 주는 고도채의 그
린 컬러를 주조색으로 사용
청양군 통합 홈페이지 구축
청양군 관광 포털 홈페이지
B안
이용고객 편의성 및 접근성
향상을 위한 사이트 리뉴얼
http://draft.acego.net/cy_2014
문화관광에 맞는 최신 디자인 트렌드 적용
하고, 고객 지향적 UI구성으로 사용자 친
화적이며 편의성을 향상시키며, 고객 정보
습득 강화 및 이해도 향상을 위한 정보 설
계, 여행정보 및 전반적으로 최신 콘텐츠
업데이트를 통해 고객에게 유용한 정보제
공 채널 구축했습니다.
구조화된 형태의 콘텐츠 레이아웃 제공
을 하고 텍스트와 그리드를 활용한 가
독성을 고려한 디자인으로 일관된 구조
유지하여 사용자의 접근성 및 관리의
효율성 강화하였습니다.
화이트와 그린 계열의 컬러를 키 컬러
로 활용하여 전반적인 tone & manner
를 일관성 있게 구성하였습니다.
미디어포털 홈페이지
청양군 통합 홈페이지 구축
청양군 미디어 포털 홈페이지
A안
최적화된 리딩 환경과 편리함 제
공, 청양 미디어만의 Web
Identity 표현
http://draft.acego.net/cy_2014
깔끔하고 단순한 메인 구성으로 메인 화면
을 단순하고 심플하게 구성했으며, 홍보영
상/포토/파노라마 및 E-Book 등 성격별로
콘텐츠를 묶어서 제공해 접근이 편리하도
록 트랜디한 사용자들의 요구에 최적화된
혁신적인 UI/UX를 개발, 적용하여 다양한
미디어 컨텐츠들을 사용자들이 좀더 편리
하게 이용하도록 하였습니다.
최적의 정보구조 설계를 정의해 연관성,
연계성 있는 정보를 통합했고, 적절하게
분리해 쉽게 정보를 찾고 이동할 수 있
도록 정보구조 최적화
신뢰와 발전을 의미하는 파랑색계열의
색상을 사용
청양군 통합 홈페이지 구축
청양군 미디어 포털 홈페이지
B안
미디어 B안 - 다양한 컨텐츠를
효과적으로 보여줄 수 있는 다이
나믹 그리드 레이아웃
http://draft.acego.net/cy_2014
간결하고 간소화한 UI를 통해 고객의 선택
과 집중에 도움이 되도록 구성, 사용자 편
의 극대화하여 구조화된 형태의 콘텐츠 레
이아웃 제공함으로 텍스트와 그리드를 활
용한 가독성을 고려하여 디자인하였습니
다
좌측에 메뉴를 배치하고 콘텐츠 그룹핑을
통해 정보를 집산화
주요 콘텐츠를 상단그룹에 배치하고, 상시
발생되는 사진정보를 하단에 배치
여백에 청양군청의 아이덴티티를 반영할
수 있는 일러스트를 사용하여 깔끔함을 유
지
정보 접근성 향상과 비주얼을 강조하고
충분한 여백 활용하여 최신 트렌드에
맞춘 디자인하였습니다
Unigue한 스타일을 전달할 수 있는
[주]지오넷 eGov사업팀
Tel. 1644-7874 (내선.070-4810-4629) Fax.042-824-3665
Fax.042-824-3665 e-mail. [email protected]
office. 대전 유성구 동서대로 179번길 80 광이빌딩 3층