OVERVIEW
끊임없는 혁신과 변화 서울특별시 동부기술교육원
서울특별시 동부기술교육원은 최고의 기술인을 양성하겠다는 목표로 끊임없이 혁신, 변화하며 달려온 교육원입니다. 서울 시민에게 다양한 직업 교육 훈련 교육 과정 및 일자리 제공과 양질의 직업 알선을 하며 취약 계층의 서울 시민이 더 많은 기회를 제공 받을 수 있도록 고용 서비스를 제공하고 있습니다. 서울특별시 동부기술교육원의 모토와 교육원만의 정체성을 홈페이지에 녹여 제작하고자 하였습니다.
AS IS TO BE
홈페이지 개선을 위한 문제점 파악
기존 홈페이지를 이용하였던 사용자와 소통하여 불편한 점을 파악하고 문제점들을 분석하였으며 사용자들에게 더 나은 환경을 제공하기 위해 아래와 같은 문제점들의 개선을 목표로 작업하였습니다.
교육원 홍보를 위한 콘텐츠 부족
교육원 특성상 다양한 학과 및 과정들이 있으나 이를 홍보 할 수 있는 콘텐츠들이 부족하여 효율성이 떨어짐.
새로운 콘텐츠 수립 및 디자인 전면 개편
적극적인 홍보를 위한 기반을 수립하고 새로운 콘텐츠를 구성하고자 하였음.
사용자 접근성 저해
다양한 조건의 사용자가 있음에도 불구하고 여러 가지 디바이스 환경에서 접속에 어려움을 느낌.
반응형 웹 홈페이지 제작
반응형 웹 홈페이지로 제작하여 사용자의 편의성을 향상 시키고자 하였음.
정보 전달의 어려움
다양한 정보들에 대하여 텍스트 설명으로만 이루어져 있어 신속한 정보 전달이 어려움.
직관적인 디자인과 시각적 요소 활용
다양한 인포그래픽과 일러스트를 활용하여 사용자의 내용 이해에 도움을 주고자 함.
PROJECT GOAL
그동안 한정된 디바이스 환경에서 접속에 제약을 받으셨나요?
다양한 디바이스 환경에서 제약받지 않고 접속할 수 있는 환경을 제공하겠습니다.
교육원의 정체성을 홈페이지에 녹여 홍보를 위한 기반을 수립하고 새로운 콘텐츠를 구성하여 사용자가 필요한 정보를 쉽게 얻을 수 있도록 하겠습니다. 다양한 기능을 도입하여 원하는 정보를 빠르게 찾고 사용자에게 편리한 예약 접수 환경을 마련하도록 하겠습니다.
SUB PAGE
다양한 기능으로 사용자에게 편리함 제공
기존 홈페이지에 없던 다양한 기능들을 넣어 사용자들이 홈페이지를 편리하게 사용할 수 있는 환경을 제공하고자 하였습니다.
다양한 접수 페이지
사용자의 편리한 접수 환경을 위해 예약 접수, 인터넷 증명 발급 등 페이지 구성
퀵 메뉴 서비스
퀵 메뉴를 구성하여 사용자의 이동동선을 최소화해 편리함 제공
통합검색
사용자에게 빠른 정보 전달을 위한 통합검색 기능 추가
MAIN PAGE
일러스트를 활용하여 교육원 아이덴티티 강화
교육원의 각 과정 및 학과를 표현할 수 있는 일러스트를 활용하여 교육원의 아이덴티티를 강화시켰습니다.
MAIN PAGE
효율적인 관리 환경 구축을 통한 운영 및 관리 효율성 극대화
DEISNG ELEMENTS
서울특별시 동부기술원의 아이덴티티를 위한 디자인 요소
01
COLORS
서울특별시 동부기술교육원의 CI 컬러인 블루 컬러를 활용하여 아이덴티티를 살리며 그레이 톤으로 전체적으로 조화를 이루었습니다.
02
TYPOGRAPHY
직관적인 내용 전달을 위해 가독성이 좋은 고딕체를 사용하였습니다.
KOREAN
ENGLISH
03
ILLUST
다양한 학과들로 이루어져 있는 교육원 특성을 살려 각 학과를 나타낼 수 있는 일러스트를 활용하였습니다. 기존의 딱딱한 이미지를 탈피하고자 라인이 있는 아기자기한 일러스트를 적용하였습니다.