sketchbook

한국관광대학교 웹사이트
리뉴얼 프로젝트

Korea Tourism College
Web renewal.


Tag
UI/UX, Responsive Web
Client
한국관광대학교
Role
Design, Development
Links
Web Site

Overview

한국관광대학교는 경쟁력 있는 교육 프로그램으로,
관광 전문 인재를 육성하는 교육 기관입니다.
한국관광대학교 웹사이트의 주요 유저층을 고려해 중요도에 따라 콘텐츠를 시각적으로 정리해 가독성을 확보하고, 더불어 교육기관으로써의 아이덴티티가 다양한 디바이스 환경에서도 뚜렷하게 보이도록 디자인 요소를 재구성합니다. 그 안에서 한국관광대학교의 정체성이 잘 드러나도록 고유의 KTC다움을 재정의합니다.

User Research
& Needs Analytics

한국관광대학교의 대학홈페이지, 입학홈페이지의 주 이용 유저를
입시생, 재학생, 교직원으로 크게 세 분류로 나누어 각 집단별 니즈를
분석하였습니다. 이에 따라 집단별 자주 쓰는 콘텐츠는 홈에서 접근하기
쉽도록 설계하였습니다.

한국관광대학교의 입학 전형이 궁금해요. 재학생이 된다면 받을 수 있는 장학 혜택이나 학교 생활에 대해 알고싶어요.
학사 일정이나 학교 소식을 빠르게 전달받고 싶어요. 내 이력 관리나 실습 신청을 간편하게 할 수 있었으면 좋겠어요.
교내 소식이 한눈에 알기 쉽게 전달되었으면 좋겠어요. 홈페이지에서 업무 관리가 효율적이고 간편하게 이루어지길 원해요.

각 집단별 핵심 니즈를 바탕으로, 선호도가 높은 정보는 퀵메뉴로 구성하고,
기존의 중복되거나 쓰지 않는 메뉴와 콘텐츠는 덜어내 직관성과 가독성을 높입니다.

Design Principles

대학홈페이지
입시생, 일반인, 교직원 등 메인 타겟의 웹 이용 목적을 고려하여
입학·대학 홈페이지 간 이동이 용이하도록 설계하며,
빠른 정보 파악을 위해 정돈된 레이아웃을 사용합니다.

입학홈페이지
입학홈페이지 이용자의 주 니즈와 직접적으로 연결되는
입시 시험, 합격자 확인, 등록 과정 등의 과정에서
직관적이며 쉬운 사용 경험을 제공합니다.

Concept Ideation

Design Metaphore

원형은 관광 리더를 육성하는 관광전문대학,
한국관광대학교의 정체성인 글로벌함을
드러내는 메타포입니다.

＋

학사모의 형태를 보여주는 마름모는 질서와
안정감을 상징하며, 교육 기관으로서의
한국관광대학교를 드러냅니다.

＋

삼각형은 관광 전문가이자 지식 리더를
육성하는 한국관광대학교가 가진 진취성,
역동성을 상징적으로 보여줍니다.

Color System

KTC Blue

#111987

R 017
G 025
B 135

KTC Emerald

#009ba9

R 000
G 155
B 169

Light skyblue

#F5FAFF

R 245
G 250
B 255

Navy

#111987

R 019
G 013
B 072

Typography System

Noto Sans CJK KR
Work Sans

College Web Main
01_Gird System

대학홈페이지는 contents width 1280px, 12 column grid system,
상단 gnb로 설계하여 보다 넓은 영역에서 컨텐츠 감상이 가능하도록 구성하였습니다.


02_Main Home

대학홈페이지의 메인 비주얼은 학사모의 마름모꼴에서 모티프를
가져왔습니다. 비주얼 하단의, 방향성을 가지는 삼각형은 관광 인재 육성
교육기관으로서의 진취적이고 미래지향적인 면모를 드러냅니다.



Main VisualMain Quick MenuQuick MenuAcademic
InformationKTC NewsMajorQuick Menu

03_Other Screens & Mobile

기타 서브페이지는 가독성을 우선으로 고려하여
정돈된 레이아웃으로 설계하면서 메인과 일관된 무드를
유지하도록 구성했습니다.

Global Program

Students Counseling

College Vision

Mobile Main

Students Service

Icongraphy

Entrance Web Main
01_Gird System

입학홈페이지는 contents width 940px에 좌측 lnb를 배치하는 레이아웃으로 설계하여,
불필요한 스크롤을 줄이고 필요한 정보를 바로 찾을 수 있게 구성하였습니다.


02_Main Home

입학홈페이지는 대학홈페이지와의 연결성에 집중하였습니다.
메인 비주얼의 형태는 대학 메인과 대칭을 이루면서, 두 형태가 퍼즐 조각처럼 맞추어집니다.
이는 양쪽 모두 한국관광대학교의 정체성을 공유함을 보여줍니다.



Main VisualMain Quick MenuQuick MenuAcademic
InformationKTC NewsSpecial Program1Special Program2Introduce Major &
Entrance counseling

03_Other Screens & Mobile

서브페이지에는 lnb를 사용함으로써, 사용자가 원하는 정보에
보다 적은 단계를 거쳐 접근할 수 있도록 하며, 불필요한
스크롤을 줄이고 컨텐츠 집중도를 높였습니다.

CHANGE Certification

Major Introduction

Mobile Main

Major Introduction

Sepcial Program of KTC

Korea
Tourism
College

관광 한국을 향한 비상.

Credits

  1. Director

    • Baek GwangJong

  2. Product Manager

    • Kang YuMi
    • Kim SangHoon

  3. Design

    • Jeon EunJeong
    • Kim SeoYoung

  4. Development

    • Park BumUn
    • Joo D.H
    • Jeong JinWoong
    • Lee MinKyung
    • Kang HyeSun
    • Park SooJin
    • Kang MinJu