Responsive Website Project

서울시립대 교수학습개발센터

서울시립대 교수학습개발센터는 교수역량을 향상시켜 교육의 질을 향상시키고,
학습자를 위한 양질의 교육프로그램을 개발하고 지원함으로서 학습자의 핵심 역량을 향상시킵니다.

Client

서울시립대 교수학습개발센터

Developer

Vryus

Project Type

Responsive Web

Process

Wordpress , Css , Js

DESIGN CONCEPT

서울시립대 교수학습센터는 교수자와 학습자가 웹사이트를 통해서 교육 프로그램을 진행하며
복잡한 일정 안에서 조금이라도 더 편하게 사용할 수 있는 UI/UX 디자인을 추구하여
이동 중에 모바일에서도 쉽게 이용할 수 있는 플랫폼을 지향합니다.

일반적인 대학 사이트가 아닌

교육이 있는 웹사이트

웹사이트를 통하여 교육 프로그램을 진행할 수 있는 만큼
웹사이트에서 관련 정보를 가깝게 확인할 수 있고 그에 맞는 UI/UX 디자인을 설계하였습니다.

비대면에 특화된 사이트

다양한 접속 환경에서도 사이트를 이용할 수 있도록 반응형 웹사이트로 제작하여
비대면이 강화되어 온라인의 사용도가 높아진 오늘 날 대면 모임을 하지 않아도 될 수 있도록 제작하였습니다.

COLOR SYSTEM

TYPOGRAPHY

국영문 혼용 사용에 이질감 없이 사용이 가능한 Noto Sans KR서체를 사용하여
깔끔하고 안정감있는 웹사이트를 제공합니다.

ICON

DESIGN IDENTITY

오랜 전통의 인간 중심 대학을 바탕으로 인간과 도시를 조화시키는 정신을 계승하여 대학의 이미지를 표현합니다. 서울의 첫 자 ‘S’를 모티브로 하여
서울시립대인의 기상과 학교의 영원한 발전을 상징하며, 안으로 모이는 흐름은 교수, 학생, 직원과 동문들의 화합과 조화를 나타냅니다.

페이지 디자인

서울시립대 교수학습개발센터가 가지고 있는 고유한 아이덴티티가 반영된 UI & UX를 적용하였습니다. 각 페이지의 성질에 따라 개성을 가진
레이아웃을 구성하였으며, 비주얼 영역의 이미지와 헤드라인 카피만으로도 핵심 메시지를 전달할 수 있도록 하였습니다.

MOOC

서울시립대 교수학습센터는 서울시립대학교에서 별도로 운영되고 있던 MOOC 사이트를 흡수 통합하여 교수 학습 개발 센터 홈페이지 내에
MOOC의 별도 카테고리를 구현하였으며 K-MOOC와의 연계로 강좌 사이트로 바로 이동할 수 있도록 편의성을 높였습니다.