프로젝트 상담 신청 프로젝트 소개로 건너뛰기
깊은 네이비 하늘이 코럴빛 수평선으로 이어지는 저녁 바다

KOREAN EDUCATION CENTER IN MALAYSIA · WEBSITE RENEWAL PROPOSAL

4,600km를,한 획으로.

말레이시아 한국교육원 홈페이지 리뉴얼 제안
천지인 · 코럴 저니, 두 가지 방향

이야기 시작하기
01 / OVERVIEW프로젝트 개요

말레이시아에서
한국어를 처음 만나는 곳

말레이시아 한국교육원은 대한민국 교육부가 2020년 12월 30일 쿠알라룸푸르에 세운 재외교육기관입니다. 말레이시아에 사는 누구나 들을 수 있는 한국어 강좌를 열고, 한국어를 가르치는 중등학교와 주말 한글학교를 지원하며, 정부초청장학생(GKS)을 비롯한 한국 유학을 안내합니다.

지금의 홈페이지를 만든 블루캔버스는 첫 화면부터 다시 설계하는 두 가지 방향을 제안했습니다. 한글을 만든 세 획의 원리로 두 나라를 잇는 「천지인」과, 사람과 사람이 가까워지는 장면을 따라가는 「코럴 저니」입니다. 이 페이지는 두 시안이 나오기까지 고민한 내용과 과정을 정리한 기록입니다.

CLIENT
말레이시아 한국교육원
Korean Education Center in Malaysia
SECTOR
공공 · 교육
대한민국 교육부 재외교육기관
OUR ROLE
리서치, 브랜드 해석, 정보 구조,
UI 디자인, 모션그래픽, 인터랙션
DELIVERABLE
메인 시안 2종, 천지인 모션 필름,
디자인 시스템, 모바일 화면
  • #재외교육기관
  • #한국어 강좌
  • #한글의 원리
  • #천지인
  • #강좌 신청 동선
  • #국문 · 영문
  • #모션그래픽
  • #스크롤 인터랙션
  • #반응형

교육원이 닿는 범위를 숫자로 먼저 정리했습니다.

2020

교육원이 문을 연 해
2020년 12월 30일 교육기관 등록

11곳

정규 한국어반이 있는 중등학교
65개 반에서 약 1,500명이 배웁니다

8곳

교육원이 지원하는 한글학교
페낭에서 코타키나발루까지

4,600km

쿠알라룸푸르에서 서울까지
두 도시 사이의 직선거리

숫자 출처: 말레이시아 한국교육원 홈페이지(2026년 10월 확인). 중등학교 수치는 홈페이지에 안내된 2021년 4월 기준입니다.

02 / THE QUESTION

한국어를 한 글자도 모르는 사람에게, 교육원의 홈페이지는 어떤 첫인사를 건네야 할까요?

답은 교육원이 가르치는 글자 안에 있었습니다.

03 / READING지금의 홈페이지 다시 읽기
ANALYSIS

정보는 충분했습니다.
필요한 것은 순서였습니다.

공지와 강좌 안내, 채택학교와 한글학교, 유학 정보까지 교육원이 알려야 할 내용은 이미 홈페이지에 있었습니다. 처음 찾아온 사람의 눈으로 메인 화면을 다시 읽으며, 첫 화면부터 강좌 신청까지 이어지는 순서를 세 가지로 정리했습니다.

01 · FIRST SCREEN

첫 화면이
한 문장으로 말하게

지금의 메인 화면에서는 팝업과 슬라이드 배너가 먼저 보입니다. 처음 온 사람이 교육원이 무엇을 하는 곳인지 한 문장으로 알 수 있도록, 첫 화면의 역할을 다시 정했습니다.

교육원을 소개하는 한 문장을 첫 화면에
02 · ONE STEP

강좌 신청까지
한 번에

한국어를 배우려는 방문자에게 가장 중요한 강좌 신청은 메뉴의 두 번째 단계에 있습니다. 두 시안 모두 헤더와 첫 화면, 강좌 소개의 끝에 같은 이름의 버튼을 두었습니다.

어느 화면에서든 「강좌 신청」 한 번
03 · SCALE

교육원이 닿는 범위가
보이게

중등학교 11곳과 한글학교 8곳, 한국 유학까지 교육원의 일은 말레이시아 곳곳에 닿아 있습니다. 메인 화면에서 카드 세 장으로만 소개되던 이 범위를 숫자와 지도, 여정으로 보여 주기로 했습니다.

숫자 · 지도 · 4,600km 여정

홈페이지를 여는
네 사람을 먼저 그렸습니다.

교육원 홈페이지에는 한국어를 처음 배우려는 시민부터 한국어 교사, 유학을 준비하는 학생, 재외동포 가족까지 서로 다른 이유로 사람들이 찾아옵니다. 방문자를 찾아온 이유로 나누고, 저마다 가장 먼저 봐야 할 화면을 정했습니다.

한국어를 처음 배우려는 시민
Is the class free?
When does it start?
  • 강좌 단계와 수업료
  • 상반기 · 하반기 개강
  • 강좌 신청

시안에서는 헤더의 강좌 신청과 1~6단계 계단

중등학교 한국어 교사
교재와 연수 소식은
어디서 볼 수 있나요?
  • 채택학교 지원 내용
  • 교원 연수와 행사
  • 공지사항

시안에서는 교육원이 하는 일 카드와 공지 목록

한국 유학을 꿈꾸는 학생
GKS 장학금은
어떻게 준비하나요?
  • GKS 절차와 혜택
  • 한국유학박람회
  • 유학 자료

시안에서는 쿠알라룸푸르에서 서울까지의 여정

재외동포 가족
우리 동네에도
한글학교가 있을까요?
  • 지역별 한글학교
  • 재외동포 국내초청교육
  • 한국인학교

시안에서는 말레이시아 지도 위의 한글학교

한지 위에 금빛 먹으로 둥근 점 하나와 긴 가로획을 긋는 붓
04 / BRAND THINKING

교육원이 가르치는 글자에서
답을 찾았습니다.

교육원이 하는 모든 일은 한글에서 시작합니다. 그래서 브랜드의 언어도 한글이 만들어진 원리에서 찾았습니다. 한글의 모음은 하늘을 본뜬 점(·)과 땅을 본뜬 가로획(ㅡ), 사람을 본뜬 세로획(ㅣ)으로 만들어졌습니다.

THREE STROKES

점 하나와 선 두 개로
두 나라를 잇습니다.

  1. · ㅡ ㅣ하늘과 땅과 사람

    훈민정음은 하늘과 땅과 사람을 본떠 모음의 기본 획을 만들었습니다. 한글을 배우는 사람이 처음 만나는 모음도 모두 이 세 획에서 나옵니다.

  2. ㅏ ㅓ ㅗ ㅜ세 획이 모여 소리가 됩니다

    세 획을 어디에 놓느냐에 따라 ㅏ, ㅓ, ㅗ, ㅜ가 되고, 자음과 만나 글자가 됩니다. 한 사람의 첫 수업이 학교와 지역으로 넓어지고 다시 한국 유학으로 이어지는 교육원의 일과 닮았습니다.

  3. KUALA LUMPUR ↔ SEOUL가로획은 두 도시를 잇는 수평선이 됩니다

    땅을 본뜬 가로획을 길게 늘이면 쿠알라룸푸르와 서울을 잇는 수평선이 됩니다. 천지인 시안은 이 장면을 첫 화면의 모션 필름으로 만들었고, 코럴 저니 시안은 「한글에서 시작되는 새로운 세계」라는 첫 문장으로 받았습니다.

BRAND STATEMENT

한글로 잇고,
배움으로 가까워집니다.

Connected by Hangeul, closer through learning.

교육원의 슬로건 「한국을 배우고 한글로 소통해요」에서두 시안이 함께 쓰는 제안 문장으로
01 / FIRST WORD

첫 문장은 쉽게 씁니다.

한국어를 모르는 방문자도 교육원이 무엇을 하는 곳인지 알 수 있도록, 첫 화면의 문장을 짧게 줄이고 영어 자막을 함께 둡니다.

02 / ONE STEP

강좌 신청은 한 번에 닿습니다.

가장 중요한 행동인 강좌 신청을 헤더와 첫 화면, 강좌 소개의 끝에 같은 이름으로 둡니다.

03 / TWO COUNTRIES

두 나라를 함께 보여 줍니다.

쿠알라룸푸르와 서울, 붕아 라야와 무궁화, 「Apa khabar」와 「안녕하세요」처럼 두 나라가 함께 나오는 장면으로 교류를 말합니다.

05 / TWO DIRECTIONS

같은 문장을
두 가지 온도로 그렸습니다.

시안 A 천지인 첫 화면: 밤하늘의 금빛 점과 한국을 배우고, 한글로 소통해요라는 제목 시안 B 코럴 저니 첫 화면: 아치 모양 사진과 한글에서 시작되는 새로운 세계라는 제목
A · 천지인밤의 획, 글자로 말하기

깊은 밤하늘 위에 금빛 획을 그어 한글이 만들어진 원리부터 보여 줍니다. 한국어를 가르치는 기관이라는 정체성을 가장 먼저 전합니다.

B · 코럴 저니낮의 대화, 사람으로 말하기

함께 공부하는 사람들의 장면에서 시작해, 첫인사와 첫 문장을 지나 한국 유학으로 이어지는 여정을 따라갑니다.

네이비 천 위에 놓인 붉은 히비스커스와 분홍 무궁화, 금빛 획을 그은 한지, 코럴 접시와 아이보리·코럴·세이지·파인 색 견본
06 / COLOR SYSTEM

밤하늘의 금빛과
두 나라 꽃의 붉은빛

천지인 시안은 쿠알라룸푸르의 밤하늘 같은 네이비 위에 획을 비추는 골드를 썼습니다. 코럴 저니 시안은 한지의 아이보리 위에 두 나라의 국화에서 가져온 코럴과 열대의 잎을 닮은 짙은 초록을 놓았습니다.

붉은 붕아 라야와 분홍빛 무궁화가 나란히 핀 모습
Hibiscus rosa-sinensis · 붕아 라야Hibiscus syriacus · 무궁화
SHARED ROOT

붕아 라야와 무궁화는
같은 무궁화속 꽃입니다.

말레이시아의 국화 붕아 라야(Bunga Raya)와 한국의 국화 무궁화는 모두 무궁화속(Hibiscus)에 속합니다. 붕아 라야의 붉은 꽃잎과 무궁화 가운데의 붉은 단심처럼, 두 꽃이 함께 가진 붉은빛을 코럴로 옮겼습니다.

천지인 시안은 이 이야기를 교육원 소개 옆에 사진으로 담았습니다. 두 나라를 잇는다는 문장을 색과 사진에서도 한 번 더 말하기 위해서입니다.

COLOR EXPLORATION네 가지 팔레트를 놓고 고민했습니다
OPTION 1 · TAEGEUK

엠블럼의 빨강과 파랑을 그대로 키워 보았습니다.

국가기관다운 신뢰감은 분명했지만 화면이 국경일 행사 홍보물처럼 딱딱해졌습니다. 말레이시아 국기에도 같은 빨강과 파랑이 있어 어느 나라의 색인지도 흐려졌습니다. 두 색은 엠블럼 안에만 남기기로 했습니다.

보류
OPTION 2 · TROPICAL BRIGHT

말레이시아의 활기를 원색으로 담아 보았습니다.

화면은 밝아졌지만 공지와 장학 안내처럼 신뢰가 필요한 정보가 가볍게 보였습니다. 공공 교육기관에는 오래 보아도 차분한 색이 필요했습니다.

보류
OPTION 3 · NIGHT & GOLD

밤하늘 위에 금빛 획을 그었습니다.

획 하나하나가 빛처럼 보이도록 바탕을 깊은 네이비로 낮추고, 골드는 획과 버튼에만 썼습니다. 적게 써도 가장 먼저 눈에 들어옵니다.

천지인
OPTION 4 · IVORY, CORAL & PINE

한지 위에 두 나라 꽃의 붉은빛을 놓았습니다.

아이보리 바탕에 코럴과 짙은 초록을 더해 밝고 따뜻한 낮의 표정을 만들었습니다. 세이지와 피치는 이야기 카드의 면을 나눌 때 씁니다.

코럴 저니
A · 천지인밤하늘과 빛의 획
Night#060B1CRGB 6 11 28

밤하늘

첫 화면과 대부분의 장면을 받치는 바탕입니다. 금빛 획이 가장 또렷하게 보이는 깊이로 골랐습니다.

흰 글씨
19.6:1 AAA
네이비 글씨
1.0:1 같은 색
Deep Navy#101B3ARGB 16 27 58

깊은 면

카드와 지도처럼 바탕 위에 한 겹 올라오는 면에 씁니다.

흰 글씨
16.9:1 AAA
네이비 글씨
1.2:1 사용 안 함
Stroke Gold#F2C45CRGB 242 196 92

빛의 획

필름의 획과 강좌 신청 버튼, 지금 위치를 알리는 표시에만 씁니다.

흰 글씨
1.6:1 사용 안 함
네이비 글씨
12.0:1 AAA
Amber#E5A23ERGB 229 162 62

노을빛

골드가 넓게 번질 때 쓰는 보조색입니다. 지도의 경로와 숫자 단위에 씁니다.

흰 글씨
2.2:1 사용 안 함
네이비 글씨
8.9:1 AAA
Hanji#F3EEE3RGB 243 238 227

한지

어두운 바탕 위의 글자색입니다. 순백보다 따뜻해서 금빛과 잘 어울립니다.

흰 글씨
1.2:1 사용 안 함
네이비 글씨
16.9:1 AAA
B · 코럴 저니한지와 두 나라의 꽃
Ivory#F5F2EARGB 245 242 234

한지

기본 바탕입니다. 사진과 카드가 그 위에 놓입니다.

흰 글씨
1.1:1 사용 안 함
파인 글씨
10.6:1 AAA
Pine#173E35RGB 23 62 53

잎과 소나무

글자와 가로로 흐르는 이야기 구간의 바탕에 씁니다. 검정보다 부드럽게 읽힙니다.

흰 글씨
11.8:1 AAA
파인 글씨
1.0:1 같은 색
Coral#F14D34RGB 241 77 52

두 나라의 꽃

붕아 라야와 무궁화의 붉은빛입니다. 제목의 마지막 말과 다음 행동을 부르는 자리에 씁니다.

흰 글씨
3.6:1 큰 글자
파인 글씨
3.3:1 큰 글자
Sage#DFE7CFRGB 223 231 207

새 잎

인사말 띠와 첫 번째 이야기 카드처럼 차분한 면에 씁니다.

흰 글씨
1.3:1 사용 안 함
파인 글씨
9.3:1 AAA
Peach#F1D4BCRGB 241 212 188

햇살

사람들의 장면을 담은 카드처럼 따뜻한 면에 씁니다.

흰 글씨
1.4:1 사용 안 함
파인 글씨
8.4:1 AAA
TRY IT · 같은 카드, 두 가지 팔레트

색을 바꿔도
구조는 그대로입니다.

두 시안은 같은 디자인 토큰에서 출발했습니다. 바탕과 글자, 강조색의 자리를 먼저 정해 두었기 때문에 팔레트만 바꾸면 같은 카드가 다른 표정을 갖습니다. 아래 버튼으로 강좌 안내 카드의 팔레트를 바꿔 보세요.

  • surface바탕
  • ink글자
  • accent강조
  • soft보조 면
Korean Class

1단계부터 6단계까지,
수업료는 무료입니다

말레이시아에 사는 사람이라면 누구나 신청할 수 있습니다. 교재비와 행정 비용만 본인이 부담합니다.

  • 단계마다 15주
  • 상반기 · 하반기 개강
  • 출석 70% · 평가 70점 수료
강좌 신청 →강좌 안내
07 / TYPOGRAPHY & LANGUAGE한 가족의 글꼴, 세 언어의 인사

한 가족의 글꼴로
두 가지 목소리를 냈습니다.

두 시안 모두 한국어와 영어가 고르게 읽히는 Pretendard 한 가족으로 정리했습니다. 같은 글꼴이라도 굵기와 자간, 강조하는 방식을 다르게 정해 밤과 낮의 목소리를 만들었습니다. 인사말 띠에는 한국어와 말레이어, 영어를 함께 놓았습니다.

Pretendard 800 · 자간 -0.035em

한국을 배우고,
한글로 소통해요

천지인의 목소리

교육원의 슬로건을 굵은 제목으로 세웠습니다. 금빛 획이 지나가는 화면 위에서도 흔들리지 않도록 굵기와 크기를 넉넉하게 잡았습니다.

Pretendard 650 · 자간 -0.075em

한글에서
시작되는
새로운 세계.

코럴 저니의 목소리

자간을 좁힌 큰 제목으로 사진과 대등하게 맞서고, 마지막 말만 코럴로 바꿔 문장의 끝을 강조합니다.

KO · EN 자막

둥근 점(·)은
하늘을 본떴습니다.The round dot represents heaven.

두 언어로 읽는 첫 화면

천지인 필름의 자막은 한국어 아래에 영어를 함께 붙였습니다. 한국어를 배우기 시작한 말레이시아 방문자도 같은 장면을 따라갈 수 있습니다.

  • Display92 / Pretendard 800 / -0.035em
  • Heading64 / Pretendard 800
  • Statement50 / 700 · 단어 단위로 밝아짐
  • Body17~19 / 400 · 행간 1.75
  • Caption14~16 / 국문 아래 영문
08 / MOTION점 하나가 두 도시를 잇기까지

180장의 프레임으로 그린
18초의 필름

천지인 시안의 첫 화면은 스크롤에 맞춰 재생되는 18초 길이의 모션 필름입니다. 점 하나가 수평선을 긋고, 세 획이 모여 「한글」이 되고, 그 획이 쿠알라룸푸르의 트윈타워와 서울의 남산을 그린 뒤 두 도시를 하나의 선으로 잇습니다.

실시간 3D 대신 미리 렌더링한 프레임을 스크롤 위치에 맞춰 그립니다. 휴대폰에서는 세로 화면용 프레임을 따로 불러오고, 같은 장면을 영상으로도 만들어 「영상으로 보기」 버튼으로 재생합니다.

  1. 천지인 필름 01 장면: 점 하나 · 하늘01점 하나 · 하늘
  2. 천지인 필름 02 장면: 수평선 · 땅02수평선 · 땅
  3. 천지인 필름 03 장면: 세로획 · 사람03세로획 · 사람
  4. 천지인 필름 04 장면: 모음04모음
  5. 천지인 필름 05 장면: 한글05한글
  6. 천지인 필름 06 장면: 두 도시06두 도시
TRY IT · 필름 움직이기
  1. 天점 하나 · 하늘
  2. 地수평선 · 땅
  3. 人세로획 · 사람
  4. ㅏ모음이 생깁니다
  5. 한한글
  6. KL쿠알라룸푸르
  7. SEL서울에 닿습니다
FILM · 18 SECONDS

같은 장면을
영상으로도 만들었습니다.

스크롤하지 않아도 처음부터 끝까지 볼 수 있도록 18초 영상으로 렌더링했습니다. 가로 화면용과 세로 화면용을 함께 준비해 기기에 맞는 영상을 엽니다.

LENGTH
18초
SCROLL
프레임 180장
VIDEO
1920×1080 · 1080×1920
09 / DESIGN PROPOSALS두 개의 메인 페이지

하나를 고르기 전에,
두 방향을 끝까지 만들었습니다.

같은 교육원 자료와 같은 정보에서 출발했지만, 무엇을 먼저 보여 주느냐에 따라 홈페이지의 성격은 크게 달라집니다. 한글의 원리를 앞세운 천지인과, 사람과 만남을 앞세운 코럴 저니를 메인 페이지 끝까지 완성했습니다.

아래 화면은 실제로 제작한 시안을 녹화한 것입니다. 장면 이름을 누르면 그 구간으로 이동하고, 휴대폰 화면도 같은 장면을 따라갑니다.

제안 A안 · 천지인

CHEONJIIN한국을 배우고, 한글로 소통해요

한글을 만든 세 획의 원리로 교육원을 소개하는 방향입니다. 스크롤에 맞춰 재생되는 모션 필름으로 시작해, 교육원이 하는 일과 말레이시아 곳곳의 한글학교, 쿠알라룸푸르에서 서울까지의 유학 여정, 1단계부터 6단계까지의 강좌를 차례로 보여 줍니다.

  • 점 하나가 두 도시를 잇는 18초 모션 필름
  • 겹쳐 쌓이는 다섯 장의 사업 카드
  • 말레이시아 지도와 4,600km 유학 여정
Pretendard 800 · 국문과 영문 자막

공개용 녹화에서는 교육원 행사 사진을 비슷한 장면의 이미지로 바꾸고 연락처를 가렸습니다.

제안 B안 · 코럴 저니

CORAL JOURNEY한글에서 시작되는 새로운 세계

함께 배우는 사람들의 장면으로 교육원을 소개하는 방향입니다. 아치 모양의 사진이 스크롤에 따라 화면 가득 펼쳐지며 「배움으로, 더 가까이」라는 문장을 보여 주고, 첫인사와 첫 한국어, 가로로 이어지는 교류와 유학 이야기, 최근 소식으로 이어집니다.

  • 아치에서 화면 전체로 펼쳐지는 첫 화면
  • 「안녕!」을 입체 글자로 세운 첫 한국어 카드
  • 가로로 흐르는 세 장의 이야기: 연결 · 경험 · 한국 유학
Pretendard 650 · 자간 -0.07em

공개용 녹화에서는 교육원 행사 사진을 비슷한 장면의 이미지로 바꾸고 연락처를 가렸습니다.

COMPARE두 방향은 어떻게 다를까요

같은 교육원을 소개하는
두 가지 순서

두 시안은 같은 내용을 담고 있지만 이야기를 꺼내는 순서와 분위기가 다릅니다. 교육원이 첫 화면에서 가장 먼저 전하고 싶은 말이 무엇인지에 따라 고를 수 있도록 차이를 정리했습니다.

구분A · 천지인B · 코럴 저니
첫 화면스크롤로 재생되는 천지인 모션 필름아치에서 화면 가득 펼쳐지는 사진과 영상
이야기의 순서한글의 원리 → 교육원 소개 → 하는 일 → 지도 → 유학 → 강좌 → 소식첫인사 → 연결 → 첫 한국어 → 교류와 유학 → 소식 → 함께한 장면
메뉴지금의 여섯 메뉴와 하위 메뉴를 그대로네 가지 행동으로 줄인 메뉴
유학 정보4,600km 경로와 GKS의 네 단계「다음 챕터는, 한국에서」 GKS 카드
강좌 정보1단계부터 6단계까지의 계단과 TOPIK 등급강좌 안내 · 강좌 신청 · 학습 자료 세 줄
사진사업마다 한 장씩 고른 분위기 사진함께 공부하는 사람들의 사진 한 장을 끝까지
화면의 분위기깊고 고요한 밤밝고 따뜻한 낮
무게를 둔 곳기관의 정체성과 정보의 깊이처음 온 방문자의 공감과 다음 행동

두 시안이 함께 지키는 것

  • 지금의 하위 페이지공지와 갤러리 게시판, 강좌 안내처럼 운영 중인 하위 페이지를 그대로 연결합니다.
  • 기존 강좌 신청강좌 신청 버튼은 지금 운영 중인 신청 화면을 그대로 엽니다.
  • 동작 줄이기기기에서 동작 줄이기를 켜면 고정 장면과 필름을 멈추고 내용을 차례로 보여 줍니다. 코럴 저니는 화면 아래에 모션 줄이기 버튼도 두었습니다.
  • 국문 · 영문헤더에서 영문 홈페이지로 바로 넘어가고, 천지인 필름의 자막에는 영어를 함께 붙였습니다.
  1. 01읽기지금의 홈페이지와 교육원 자료 다시 읽기
  2. 02나누기찾아온 이유로 네 사람 정의하기
  3. 03세우기「세 획으로 두 나라를 잇는다」 이야기 정하기
  4. 04그리기두 방향의 메인 페이지 시안
  5. 05움직이기천지인 필름과 스크롤 장면
  6. 06다듬기모바일 · 동작 줄이기 · 국문과 영문
10 / SIGNATURE SCENES시안 속 장면을 직접 움직여 보세요

표로 정리되어 있던 일을
장면으로 바꿨습니다.

교육원의 일은 지금의 홈페이지에서 표와 목록으로 정리되어 있었습니다. 시안에서는 그 내용을 지도와 여정, 계단 같은 장면으로 바꾸었습니다. 아래 장면은 시안의 구성을 이 페이지에 맞게 다시 만든 것입니다.

MAP · 한글이 닿는 곳

쿠알라룸푸르에서
말레이시아 곳곳으로

교육원이 지원하는 한글학교 여덟 곳은 페낭과 세렘반, 조호바루를 지나 보르네오섬의 쿠칭과 코타키나발루까지 이어집니다. 스크롤을 내리면 교육원에서 각 도시로 선이 이어집니다.

  1. 쿠알라룸푸르교육원 · 말레이시아 한국인학교
  2. 페낭페낭토요한글학교
  3. 세렘반세렘반 토요한글학교
  4. 조호바루조호바루 한글학교 · 조호바루밀알한글학교
  5. 쿠칭쿠칭 한글학교
  6. 코타키나발루코타키나발루 한글학교 · 코타키나발루 한국인학교
정규 한국어반이 있는 중등학교
11곳
중등학교 정규 한국어반
65개
중등학교 한국어 학습자
약1,500명
교육원이 지원하는 한글학교
8곳
  1. 말레이시아 정부가 한국어를 제2외국어로 도입했습니다.

  2. 중등학교 두 곳에서 첫 한국어 수업이 열렸습니다.

  3. 교원양성대학에 현지인 한국어교원 양성과정이 생겼습니다.

  4. 말레이시아 한국교육원이 교육기관 등록을 마쳤습니다.

  5. 중등학교 열한 곳에서 한국어 수업이 이어지고 있습니다.

출처: 말레이시아 한국교육원 홈페이지의 주요업무 · 중등한국어 채택학교 · 주말한글학교 안내(2026년 10월 확인). 중등학교 수치는 2021년 4월 기준입니다.

JOURNEY · GKS

쿠알라룸푸르에서 서울까지,
약 4,600km

정부초청장학생(GKS)은 대한민국 교육부 국립국제교육원이 주관하는 장학 프로그램입니다. 장학생은 한국에서 1년 동안 한국어 연수를 마친 뒤 학위 과정을 시작합니다.

  1. 01정보 얻기

    교육원이 여는 GKS 설명회와 한국유학박람회에서 대학과 전공 정보를 얻습니다.

  2. 02지원과 선발

    교육원은 정부초청장학생 프로그램의 홍보와 선발 과정을 지원합니다.

  3. 03한국어 연수 1년

    학위 과정을 시작하기 전에 한국의 대학에서 1년 동안 한국어를 배웁니다.

  4. 04학위 과정

    학사는 4년, 석사는 2년, 박사는 3년 동안 공부합니다.

장학생은 왕복 항공권과 월 생활비(학부 90만 원, 대학원 100만 원), 의료보험료와 정착지원금을 받습니다.

출처: 말레이시아 한국교육원 홈페이지 정부초청장학생(GKS) 안내(2026년 10월 확인)

COURSES · 1 → 6

1단계부터 6단계까지,
수업료는 무료입니다.

교육원의 한국어 강좌는 말레이시아에 사는 누구나 신청할 수 있습니다. 천지인 시안은 강좌 단계를 계단으로 쌓아 지금 단계에서 다음 단계와 TOPIK 등급이 함께 보이게 했습니다. 계단을 눌러 보세요.

초급 정규과정

2단계

TOPIK Ⅰ · 1급

2단계 수료증은 법무부 사증 발급에 쓰는 한국어 능력 입증 서류의 기준 단계입니다.

  • 15주단계마다 운영하는 기간
  • 연 2회상반기와 하반기 개강
  • 70%출석률 70% 이상, 이수평가 70점 이상이면 수료
  • 무료교재비와 행정 비용만 본인 부담

출처: 말레이시아 한국교육원 홈페이지 한국어강좌 안내(2026년 10월 확인)

NAVIGATION · 17 PAGES

메뉴는 그대로 둘까,
행동으로 다시 묶을까.

천지인 시안은 운영 담당자에게 익숙한 지금의 여섯 메뉴를 그대로 이어 썼고, 코럴 저니 시안은 첫 화면의 메뉴를 「교육원 소개 · 한국어 배우기 · 한국과 연결되기 · 새로운 소식」 네 가지로 줄였습니다. 하위 페이지 열일곱 개를 네 갈래로 다시 묶으면 어떻게 놓이는지 아래 버튼으로 비교해 보세요.

교육원 소개

  • 인사말
  • 연혁
  • 주요업무
  • 연락처 및 위치

알림마당

  • 공지사항
  • 갤러리
  • 언론보도

한국어강좌

  • 강좌안내
  • 강좌신청

한국어 보급

  • 중등한국어 채택학교
  • 주말한글학교

한국유학

  • 정부초청장학생(GKS)
  • 재외동포국내초청교육
  • 한국유학박람회
  • 유학자료

자료마당

  • 한국교육자료
  • 관련사이트

기관의 조직 순서대로 나눈 여섯 메뉴입니다. 운영 담당자가 익숙하고, 하위 페이지의 주소를 바꾸지 않아도 됩니다.

11 / MOBILE손안에서도 같은 이야기

작은 화면에서는
가로를 세로로 바꿉니다.

교육원 홈페이지를 휴대폰으로 처음 여는 방문자도 많습니다. 천지인 필름은 세로 화면용 프레임을 따로 렌더링했고, 가로로 흐르던 이야기와 지도는 세로로 쌓이도록 바꾸었습니다.

  • 세로 화면용으로 따로 렌더링한 천지인 필름
  • 세로로 쌓이는 사업 카드와 이야기
  • 헤더에 남는 강좌 신청 버튼
  • 동작 줄이기 설정과 모션 줄이기 버튼
시안 A 천지인 모바일 첫 화면, 두 도시를 잇는 금빛 획
시안 B 코럴 저니 모바일 첫 화면
시안 A 천지인 모바일 한글학교 지도와 숫자
시안 B 코럴 저니 모바일 첫 한국어 카드
DESIGN SYSTEM

두 시안이 함께 쓰는
부품들

버튼과 꼬리표, 공지 한 줄과 숫자 표기까지 부품 단위로 정리했습니다. 어느 시안을 고르더라도 운영 담당자가 같은 부품으로 새 화면을 만들 수 있습니다.

ONE STROKE, TWO COUNTRIES.

당신의 기관은
어떤 첫인사를 건네고 있나요?

기관의 홈페이지는 처음 찾아온 사람이 받는 첫인사입니다.
무엇을 하는 곳인지 한 문장으로 전하는 일부터 함께 정리하겠습니다.

Client
말레이시아 한국교육원
Scope
리서치, 브랜드 해석, 정보 구조, UI 디자인, 모션그래픽, 인터랙션 프로토타입
Brand
엠블럼과 교육원 자료: 말레이시아 한국교육원 · 해석과 웹 적용: 블루캔버스
Status
메인 홈페이지 리뉴얼 제안 · 2026년 10월

    Contact

    막연한 아이디어도 괜찮습니다.
    프로젝트를 함께 정리해 보세요

    현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.

    질문 4개 · 약 2분

    작업 범위

    어떤 작업을 함께 하면 좋을까요?

    여러 개 선택할 수 있습니다. 아직 정하지 못했다면 ‘기타’를 눌러 주세요.

    예산

    생각하시는 예산 범위는 어느 정도인가요?

    범위만 알려주셔도 제안 구성에 큰 도움이 됩니다.

    프로젝트 설명

    어떤 상황인지 들려주세요.

    다듬어지지 않아도 괜찮습니다. 아래 항목을 누르면 작성 틀이 채워집니다.

    0

    RFP, 참고 문서 등을 최대 2개까지 업로드할 수 있습니다. 지원 형식: PDF, PPT, Word, Excel, JPG, PNG, ZIP

    연락처

    어디로 회신드릴까요?

    작업 범위 · 예산 · 프로젝트 설명 · 연락처를 채워 주세요.