어렵고 딱딱한 교육감이 아니라, 시민들과의 약속을 지키기 위해 가까이서 열심히 일하는 교육감의 모습을 웹사이트에 담고자
메인 비주얼을 풀 사이즈를 활용해 교육감님의 현장 소식 모습을 생동감 있게 보여줄 수 있도록 하였습니다.
친근한 느낌의 교육감님 사진을 사이트 곳곳에 배치시켰으며, 홈페이지 전반적으로 젊고 활기찬 느낌을 주기 위해 곳곳에 일러스트
이미지를 적절히 활용해 '활기찬' 분위기를 표현해 보았습니다. 메인 컬러는 서울시교육청에서 쓰이는 청색을 유지시키되
보조 컬러로 밝은 느낌의 하늘색과 노란색을 함께 사용해 희망차고 밝은 느낌이 나도록 했습니다.
MAIN
#185094
POINT 1
#008fcf
POINT 2
#ffd200
SUB 1
#606382
SUB 2
#009ba9
GRAY
#333333
MAIN
UI/UX Detail
전체적인 구성은 기존 홈페이지 보다 달력 영역을 줄이면서
스케줄을 더 쉽게 확인 할 수 있도록 구성했으며
교육감의 말과 글 부분은 단순히 텍스트가 나열되는게 아니라,
미니 카드모양으로 텍스트를 적절히 배치시켜 읽어보고 싶게끔 디자인해 보았습니다.
기존 사이트보다 소통하는(청원/SNS) 컨텐츠 영역을
늘려 열려있는 교육감 사이트라는 분위기를 표현해 보았습니다.
SUB PAGE
Mobile Detail
모바일 화면에 최적화될 수 있도록
여백과 폰트를 모바일에 맞게 조정했으며,
중복되는 컨텐츠들은 슬라이드 형식으로
보다 많은 양의 내용을 한 화면에
담을 수 있도록 했습니다.
화면을 아래로 스크롤함에 따라
애니메이션이 하나씩 보여지게 해서
재미 요소를 더했습니다.
