Responsive Website Project
도시재생협치포럼
도시재생협치포럼은 “지역이 주도하고 협치로 일궈가는 사람 중심의 도시재생 뉴딜”을 추진하기 위해, 기초지자체와 중앙부처, 공기업과 연구기관, 중간지원조직과 시민단체 등 도시재생 관련 모든 주체가 함께 참여하여 공론을 형성하는 포럼입니다.
Client
도시재생협치포럼
Developer
Vryus
Project Type
Responsive Web
Process
Html , Css , Js
DESIGN CONCEPT
도시재생협치포럼 홈페이지는 국민의 삶의 질과 안전을 제고하고,
도시의 혁신과 포용성장을 선도하는 도시재생 협치 구조를 실현하고자
전문적인, 신뢰의, 혁신적인 등 사이트를 대표할 수 있는 키워드를 선별하여 진행하였습니다.
일반적인 웹 사이트가 아닌
프라이빗한 공간이 있는 웹사이트
상단 비주얼 영역에 이용자들이 주로 찾는 메뉴를 배치하여 더욱 편하게 접근할 수 있도록하고,
포럼의 특성에 맞게 로그인한 이용자만 볼 수 있는 전용공간을 개설하여 프라이빗한 공간을 마련하였습니다.
모바일을 고려한 UI/UX의 설계 및 포인트 컬러의 적절한 사용으로 포럼의 정체성을 잘 나타낼 수 있도록 하였습니다.
사이트의 전문성 강조
포럼을 나타낼 수 있는 비주얼로 구성하여 원하는 정보를 빠르게 습득할 수 있고,
포럼의 슬로건을 강조하여 가장 간단하면서 강력한 인상을 줄 수 있도록 설계하였습니다.
COLOR SYSTEM
TYPOGRAPHY
오픈소스 글꼴 노토 산스를 커스텀한 폰트로 가독성이 좋은 스포카 한 산스 서체를 사용하여
숫자를 많이 쓰는 사이트의 특성을 반영합니다.
한 페이지에서 볼 수 있는 콘텐츠
각 페이지 별로 사용성에 맞는 특성있는 레이아웃을 설계하였습니다. 포럼 소개페이지는 텍스트와
적절한 아이콘을 활용하고 링크를 사용하여 상단의 탭 클릭 시 해당 컨텐츠로 이동할 수 있도록 하였습니다.
모바일 페이지
레드 컬러를 포인트 색상으로 사용하여 과도하지 않도록 하였으며,
레이아웃마다 적절한 강약 조절로 많은 정보를 갖고 있어도 복잡해 보이지 않도록 고려하였습니다.
