URL :
기존 홈페이지:
- 사용스킬
Design : Photoshop
Code : html, html5, css, css3, javascript, jQuery
- 제작 동기 및 기존 웹사이트의 문제점
기존 산청군청 홈페이지는 메인 페이지 내에 너무 많은 정보를 보여주고 있으며, 수많은 컬러를 사용하였고, 눈에 띄지 않는 폰트 및 폰트 색상을 이용하고 있다. 이는 관공서 홈페이지의 중요한 요소인 가독성을 고려하지 않은 부분이며, 서브페이지의 탭버튼이 모두 탭 이동이 아닌 페이지 이동으로 되어있다는 점과 세부 카테고리 내 이동이 웹접근성에 맞지 않다고 판단이 들어서 리뉴얼을 결심하였다.
- 보완한 점
폰트 사용을 축소(제주고딕, 노토산스)
버튼 컬러, 텍스트 컬러에 통일성을 줌
레이아웃은 시안 제작 단계에서 수정이 되어서 와이어 프레임은 고려를 하지 않았으며, 프로토 타입에 들어간 기능은 최대한 구현을 하여 html5를 이용하여 제작을 했다.
포인트 컬러는 산청군청의 2개 로고에서 차용하여 사용했으며, 아이콘은 font-awesome 아이콘을 사용하였다. 이미지는 기존 산청군청 홈페이지에서 발췌를 해왔으며, 들어가는 일러스트는 전부 하나의 스타일을 사용하였다.
모든 클릭, 마우스오버 이벤트는 jQuery를 이용하여 설정하였다.
'FRONTEND > (~2018) 산청군청 홈페이지 리뉴얼' 카테고리의 다른 글
| 9. 시안 디자인 (0) | 2018.01.31 |
|---|---|
| 8. 스토리보드 작성 (0) | 2018.01.31 |
| 7. 프로토타입 작성 (0) | 2018.01.31 |
| 6. 와이어프레임 제작 (0) | 2018.01.31 |
| 5. IA 정보구조설계 (0) | 2018.01.31 |
