서울대학교 홈페이지 구축 CMS 도입

It made it easy to build and manage the homepage without program coding technology, and various types of templates were created.

INTRODUCE

높은 학문적 성취와 연구 역량을 바탕으로 국내외에서 선도적인 교육기관으로 인정받는 대학교
Wordpress Multisite 를 활용하여 하나의 Wordpress 안에서 다량의 홈페이지를 제작할 수 있는 CMS 통합플랫폼을 구축

OVERVIEW

기존의 서울대학교 학과 및 기관 홈페이지를 개별적으로 구축해 왔던 홈페이지들을 통일된 디자인과 일관성있는 UI 및 기능을 제공하기 위해 Wordpress Multisite 를 활용하여 하나의 Wordpress 안에서 다량의 홈페이지를 제작할 수 있는 CMS 통합플랫폼을 구축하였습니다.

SUMARRY
- DATE: 2020.09-2021.02
- CLIENT: 서울대학교
- SERVICE:
  UI/UX DESIGN
  BRAND IDENTITY
  PUBLISHING
  DEVELOPMENT

STRATEGY

서울대학교 정보화본부에서 프로그램 코딩 기술 없이도 홈페이지 구축 및 관리가 용이하도록 서울대 소속기관에 하드웨어(웹서버, DB서버, 스토리지) 및 소프트웨어(WEB/WAS, DBMS, CMS) 일체를 무료로 지원하는 홈페이지 제작 및 운영 서비스를 구축하였습니다.

VISIT SITE

Website Building Platform

Security Police

별도의 회원 관리 없이 서울대학교 통합인증 서비스를 활용하여 개인정보 유출 우려 해소
Monitoring System

상시 모니터링으로 플랫폼 내 홈페이지 안전하게 관리
Web Accessibility

웹 접근성 준수하여 접근 환경 및 수준을 보장, 누구에게나 동등한 기회 제공

Style Guide

Snu Blue
- HEX: #0F0F70
- RGB: 15 15 112
- CMYK: 100 85 0 15
Aqua Blue
- HEX: #3AACC7
- RGB: 58 172 199
- CMYK: 70 13 17 0
Magenta
- HEX: #CC4F97
- RGB: 204 80 151
- CMYK: 17 83 4 0
Gray
- HEX: #888888
- RGB: 136 136 136
- CMYK: 49 41 41 5
Light Blue
- HEX: #E9F0F8
- RGB: 233 240 249
- CMYK: 7 2 0 0
White
- HEX: #FFFFFF
- RGB: 255 255 255
- CMYK: 0 0 0 0
Sky Blue
- HEX: #69A0E0
- RGB: 108 159 213
- CMYK: 57 28 0 0
Noto Sans CJK KR

Bold Medium Regular Demi Light

Lato

Heavy Bold Regular Light

Build a Better System

서울대 학과 홈페이지 및 통합관리 시스템 사용자들에게 일관된 디자인 경험 제공 각종 디바이스에 최적화된 반응형 서비스 학과개설과 관리를 위한 CMS 도입 모듈화된 기획과 디자인 시스템 구축 맞춤형 테마를 통해 관리자가 사이트 생성

Seoul National University

Versatile Components

서울대의 브랜드 가이드와 필수적인 학과정보를 고려하여 예약, 게시판, 학과소개, 교수소개 등 각 필요한 항목을 정의하고 모듈화하여 조합이 가능하도록 기획하였습니다. 이 모듈 조합을 통해 하나의 사이트가 완성되도록 레이아웃, 아이콘, 타이포 등 모든 요소를 고려한 디자인 시스템을 구현하였습니다. 관리자는 사이트 개설 시 다양한 형태의 템플릿에서 선택, 조합하여 구성하여 관리 편의성을 도모합니다.

In consideration of essential department information, each necessary item, such as reservation, bulletin board, department introduction, and professor introduction, is defined and modularized to enable combination.

Various Department Sites

College of Education, Seoul National University
Department of communication, college of social sciences
Institute of systems immunology
College of pharmacy
Department of geography, college of social sciences
College of social sciences seoul national university
Department of linguistics, College of Humanities
Interdisciplinary Program in Cognitive Science, Seoul National University
Center for students with disabilities, Seoul National University
SNU Institute for research in finance and economics
Department of english language and literature, college of humanities
Department of social welfare, Seoul National University
Seoul national university dental science