KOREAN EDUCATION CENTER IN MALAYSIA · WEBSITE RENEWAL PROPOSAL
Korean Education Center in Malaysia homepage renewal proposal
Cheonjiin · Coral Journey, two directions
Korean Education Center in Malaysia is an overseas education institution established in Kuala Lumpur by the Ministry of Education of the Republic of Korea on December 30, 2020. We open Korean language classes that anyone living in Malaysia can take, support secondary schools and weekend Korean language schools that teach Korean, and guide students studying abroad in Korea, including Government Scholars (GKS).
BlueCanvas, the creator of the current website, proposed two directions for redesigning the first screen. “Cheonjiin,” which connects two countries based on the principle of the three strokes that created Hangul, and “Coral Journey,” which follows scenes where people become closer to each other. This page is a record of the considerations and process that led to the two design proposals.
The scope of the training center's reach was first organized in numbers.
The year the training center opened
Registered as an educational institution on December 30, 2020
Secondary schools with regular Korean classes
Approximately 1,500 students learn in 65 classes
Korean language school supported by the Education Institute
From Penang to Kota Kinabalu
From Kuala Lumpur to Seoul
Straight line distance between the two cities
Number source: Korean Education Center in Malaysia website (verified October 2026). Secondary school figures are as of April 2021 as provided on the website.
Korean Korean Even the letters Don't know To the person, At the training center What is the homepage What First greeting Should I give
The answer was inside the letters taught by the training center.
The information that the education center needs to share, including notices, course information, adopted schools, Korean language schools, and study abroad information, is already on the website. I re-read the main screen through the eyes of a first-time visitor, and organized the sequence from the first screen to course application into three parts.
On the current main screen, pop-ups and slide banners are visible first. We have redefined the role of the first screen so that first-time visitors can understand in one sentence what the training center does.
A sentence introducing the training center is displayed on the first screen.Signing up for a course, which is most important for visitors looking to learn Korean, is on the second level of the menu. In both designs, a button with the same name was placed at the end of the header, first screen, and course introduction.
Click “Apply for Course” once on any screenThe Institute's work reaches all corners of Malaysia, including 11 secondary schools, 8 Korean language schools, and study abroad in Korea. This range, which was introduced only with three cards on the main screen, was decided to be shown through numbers, maps, and itineraries.
Numbers · Map · 4,600 km journeyPeople visit the institute's website for different reasons, from citizens who want to learn Korean for the first time to Korean language teachers, students preparing to study abroad, and families of overseas Koreans. We divided the reasons why visitors came, and decided which screen each person should see first.
Is the class free?
When does it start?In the design, Course application in the header and stairs from steps 1 to 6
Where can I find textbooks and training news?
In the design List of cards and notices about what the education center does
How do I prepare for the GKS Scholarship
?
In Design Journey from Kuala Lumpur to Seoul
Is there a Korean language school in our neighborhood?
In the design Korean school on the map of Malaysia
Everything the institute does starts with Hangul. So, the language of the brand was also found in the principles of how Hangul was created. The vowels of Hangul are made of dots (·), modeled after the sky, horizontal strokes (ㅡ), modeled after the ground, and vertical strokes (ㅣ), modeled after people.
Hunminjeongeum created the basic strokes of vowels after heaven, earth, and people. All vowels that a learner of Hangul encounters for the first time come from these three strokes.
Depending on where you place the three strokes, they become ㅏ, ㅓ, ㅗ, and ㅜ, and when they meet consonants, they become letters. It resembles the work of an education center, where one person's first class expands to schools and regions, and then leads to study abroad in Korea.
If you extend the horizontal stroke that resembles the land, it becomes a horizontal line connecting Kuala Lumpur and Seoul. Cheonjiin's design proposal made this scene into a motion film for the first screen, and Coral Journey's design proposal received the first sentence, "A new world that begins with Hangul."
We connect with Hangul,
and become closer through learning.
Connected by Hangeul, closer through learning.
So that even visitors who do not know Korean can understand what the training center does, the sentences on the first screen are shortened and English subtitles are included.
The most important action, course registration, is placed under the same name in the header, on the first screen, and at the end of the course introduction.
Exchanges are expressed through scenes where the two countries appear together, such as Kuala Lumpur and Seoul, Bunga Raya and Rose of Sharon, and “Apa khabar” and “Hello.”
A golden stroke is drawn on the deep night sky to show how Hangul was created. We are the first to convey our identity as an institution that teaches Korean.
It starts with scenes of people studying together, passes through first greetings and first sentences, and follows the journey leading to studying abroad in Korea.
Cheonjiin's design proposal used gold that illuminates the strokes on navy blue like the night sky of Kuala Lumpur. The Coral Journey design proposal placed coral from the national flowers of the two countries and dark green, resembling tropical leaves, on top of the ivory of Hanji.
Malaysia's national flower Bunga Raya and Korea's national flower Rose of Sharon both belong to the genus Hibiscus. Like the red petals of Bungah Raya and the red single heart in the center of the Rose of Sharon, the red color of both flowers was transferred to coral.
Cheonjiin Design Plan included this story in a photo next to the introduction to the training center. This is to say once again the sentence that connects the two countries through colors and photos.
It is the foundation that supports the first screen and most scenes. I chose the depth where the golden strokes were most clearly visible.
Like cards and maps, it is written on a surface that is one layer above the background.
Only the strokes of the film, the course registration button, and the indication of the current location are used.
This is a secondary color used when gold spreads widely. Write routes and numerical units on the map.
Font color on a dark background. It's warmer than pure white, so it goes well with gold.
This is the basic background. Photos and cards are placed on top of it.
It is written on the basis of the text and the story section that flows horizontally. It reads softer than black.
It is the red color of Bungah Raya and Rose of Sharon. It is written as the last word of the title and the next action.
Write on the calm side, like the greeting strip and first story card.
Write on the warm side, like cards containing scenes of people.
Both design proposals started from the same design token. Because the positions of the background, text, and accent colors are decided first, the same card has a different expression just by changing the palette. Change the palette of the course information card using the button below.
surfaceBackgroundinkTextaccentEmphasissoftSecondary sideAnyone living in Malaysia can apply. You are responsible for only textbook and administrative costs.
Both design proposals were organized into one Pretendard family that reads both Korean and English evenly. Even if the font was the same, the thickness, letter spacing, and emphasis were set differently to create voices of night and day. The greeting strip contains Korean, Malay, and English.
Learn Korea and communicate in Hangul
The training center's slogan was set in bold title. The thickness and size were generously chosen so that the golden strokes would not move on the screen as they passed by.
In Hangul
starting
A new world.
A large title with narrow letter spacing stands out against the photo, and only the last word is changed to a coral to emphasize the end of the sentence.
The round dot (·)
resembles the sky.The round dot represents heaven.
The subtitles for Cheonjiin Film are written in English below Korean. Visitors to Malaysia who have just started learning Korean can follow the same scene.
The first screen of Cheonjiin Design is an 18-second motion film that plays as you scroll. One dot draws a horizontal line, and three strokes come together to form “Hangul,” and the strokes draw the Twin Towers in Kuala Lumpur and Namsan in Seoul, connecting the two cities with one line.
Instead of real-time 3D, pre-rendered frames are drawn based on the scroll position. On a mobile phone, the frame for the vertical screen is loaded separately, the same scene is created as a video, and played back with the “View video” button.
01One dot · sky
02Horizon · Land
03Vertical stroke · People
04Collection
05Korean
06Two CitiesWe rendered it as an 18-second video so you can watch it from start to finish without having to scroll. Prepare both horizontal and vertical screens and open the video that suits your device.
Although it started from the same educational center materials and the same information, the nature of the website varies greatly depending on what is shown first. We have completed Heaven, Earth and Humankind, which focuses on the principles of Hangul, and Coral Journey, which focuses on meeting people, all the way to the end of the main page.
The screen below is a recording of the actual design draft. Clicking on the scene name takes you to that section, and the phone screen follows the same scene.
The direction is to introduce the education center based on the principles of the three strokes that created Hangul. Starting with a motion film that plays in time with the scroll, it sequentially shows the work the institute does, Korean schools throughout Malaysia, the study abroad journey from Kuala Lumpur to Seoul, and courses from steps 1 to 6.
In the public recording, photos of the training center event were replaced with images of similar scenes and contact information was obscured.
The direction is to introduce the training center through scenes of people learning together. An arch-shaped photo spreads across the screen as it scrolls, showing the sentence “Learning, closer,” followed by first greetings, first Korean, horizontal exchanges, stories about studying abroad, and recent news.
In the public recording, photos of the training center event were replaced with images of similar scenes and contact information was obscured.
The two designs contain the same content, but the order and atmosphere of the stories are different. We've organized the differences so that training centers can choose based on what they want to convey first on the first screen.
The work of the training center was organized in tables and lists on the current website. In the design, the content was changed to scenes such as maps, itineraries, and stairs. The scene below is a re-creation of the design proposal to fit this page.
The eight Korean schools supported by the institute extend through Penang, Seremban, and Johor Bahru to Kuching and Kota Kinabalu on Borneo Island. As you scroll down, a line goes from the institute to each city.
The Malaysian government introduced Korean as a second foreign language.
The first Korean language classes were held in two secondary schools.
A local Korean language teacher training course has been established at a teacher training college.
Korean Education Center in Malaysia has completed registration as an educational institution.
Korean language classes are being held in 11 secondary schools.
Source: Information on the main tasks of the Korean Education Center in Malaysia website: Secondary Korean Language Adoption Schools and Weekend Korean Language Schools (confirmed in October 2026). Secondary school figures are as of April 2021.
Government Scholarship (GKS) is a scholarship program hosted by the National Institute for International Education of the Ministry of Education of the Republic of Korea. Scholarship recipients begin their degree program after completing one year of Korean language training in Korea.
Information on universities and majors is obtained from GKS briefing sessions and study abroad fairs held by the Education Center.
The Education Center supports the promotion and selection process of the government scholarship program.
Study Korean at a university in Korea for a year before starting your degree program.
A bachelor's degree takes 4 years, a master's degree lasts 2 years, and a doctorate lasts 3 years.
Scholarship students receive a round-trip airline ticket, monthly living expenses (900,000 won for undergraduate students, 1 million won for graduate students), medical insurance premiums, and settlement support funds.
Source: Korean Education Center in Malaysia website, Government Scholarship (GKS) information (confirmed in October 2026)
Anyone living in Malaysia can apply for the Korean language course at the institute. Cheonjiin's design proposal stacks the course steps in stairs so that the next step and TOPIK level are visible from the current step. Try pressing the stairs.
TOPIK Ⅰ · Level 1
This is the first step in the regular course. Learn to achieve TOPIK Ⅰ level 1 for 15 weeks.
TOPIK Ⅰ · Level 1
The level 2 certificate is the standard level of proof of Korean language proficiency used in issuing visas by the Ministry of Justice.
TOPIK Ⅰ · Level 2
This is the goal for TOPIK Ⅰ level 2.
TOPIK Ⅰ · Level 2
Following stage 3, this is the stage of consolidating TOPIK Ⅰ level 2.
TOPIK Ⅱ · Level 3
This is the step up to TOPIK Ⅱ level 3.
TOPIK Ⅱ · Level 3
This is the final step of the regular course. Next is an in-depth course to prepare for conversation and study abroad.
TOPIK Ⅱ · Level 4~6
In-depth conversation and study abroad preparation courses are organized according to the learner's level.
Source: Korean Education Center in Malaysia website Korean language course information (confirmed in October 2026)
There are many visitors who open the training center's website for the first time on their mobile phones. Cheonjiin Film rendered separate frames for the vertical screen, and changed the stories and maps that flowed horizontally to stack vertically.
Buttons, tags, notice lines, and even number notation were organized into parts. No matter which design proposal is chosen, operations staff can create a new screen using the same components.
The organization's homepage is the first greeting that a first-time visitor receives.
I will start by explaining in one sentence what the organization does.
Education · School
Gyeonggi Global School
A main-page renewal proposal for a Christian alternative school. Faith and the world are tied into one story, “From one point to the world,” with navy, gold and ultramarine colors, two proposals, LUMEN (light) and HORIZON, and scroll motion graphics.
Public institution
Korea Drug Development Fund
The build and renewal process of a public institution’s website, from user analysis and CI interpretation to nine main-page proposals and pipeline visualization.
Foundation · Nonprofit
Purme Foundation
A website renewal proposal for a nonprofit foundation. The brand reading starts from the three trees in its symbol. It includes blue and sprout-lime colors, accessibility standards and four proposals.
Contact
Tell us where you are and what you want to achieve. We’ll outline a practical scope, process, and estimated budget.
DIRECT
Your inquiry has been received. We will reply within one business day with a scope and an estimate.
