GYEONGGI GLOBAL SCHOOL · WEBSITE RENEWAL PROPOSAL
Gyeonggi Global School main homepage renewal proposal
LUMEN · HORIZON two directions
Gyeonggi Global School (GGS) is a Christian alternative school located in Ilsan, Goyang-si, Gyeonggi-do. Based on the American Common Core Curriculum (CCSS), we teach at one school for twelve years from elementary school to high school, and graduates go on to universities in the United States and around the world.
BlueCanvas proposed two directions for redesigning the school's main website. LUMEN depicts each student with light, and HORIZON unfolds the possibilities for the world to the Earth's horizon. This page is a record of the considerations and process that led to the two design proposals.
It started with the number of steps the school had taken.
The year the educational community began
With the relocation to the Ilsan campus in 2015, it took on its current name
An integrated course that connects elementary, middle, and high schools
From G1 to G12 in one school
International Certifications and Memberships
MSA-CESS · AI · NCPSA · College Board · ACSI
Club activities chosen by students
From coding to orchestra
Number source: Gyeonggi Global School website public data (confirmed in October 2026)
Twelve Years Entrusted School Finding Parents First On the screen What Would you like to check This The school What Believes And How far does the child Go Can Is there?
We re-read the school introduction, curriculum, and admission information one by one to organize what parents want to see on the main screen. There was already enough information. What was needed was a sequence to weave that information into a story.
There are two ways to describe GGS. One is the Christian faith and six values, and the other is the American curriculum and universities around the world. If the two stories were separated in the first screen, the nature of the school would be blurred, so the two words had to be combined into one scene.
Tying roots and horizons into one sentenceThe curriculum is divided into three menus: elementary, middle, and high school. However, what parents who are worried about entering elementary school are curious about is the path that will lead to the next 12 years. I put the three processes on one line so that the beginning and end are visible together.
Connect in one line from G1 to G12The admission process goes through a consultation application, 1:1 face-to-face consultation, test and interview, and then leads to admission registration. This order is displayed at the end of the main screen, and online application and phone consultation are placed in the same place.
Four-step admission process on the first pageThe school website is not only visited by families considering admission. Families of current students, students, and families and teachers visiting the school in English also open the same first screen. We divided visitors into reasons for opening the website and determined which screen each person should see first.
Is this the right school for my child?
In Design Values and 12-year course, four steps to admission
What happened at school this week?
In the design, Recent news cards and shortcuts
Which universities did the seniors go to?
In design Trajectory leading to universities around the world
Is this school
accredited?In the design, international certification card and English main page
It started as a small educational community in 1997, and introduced the American curriculum in 2005. Every story starts from this one point.
In 2015, it moved to the Ilsan campus and took on its current name, Gyeonggi Global School. The dot became a place on the map.
Graduates go on to universities in the United States and around the world. The line that started in Ilsan is spreading around the world.
Rooted in Faith,
Ready for the World.
It is rooted in faith and grows towards the world.
Faith and the Six Values are important criteria for parents when choosing a school. Before focusing on performance, we first talk about what the school believes.
Rather than introducing elementary, middle, and high schools separately, they are presented sequentially in the order in which a student grows up.
We tell the same story to families looking for a school abroad, with international accreditation, accepted universities, and English main content.
One small light gathers to form the Earth, and that light leads to the universities of the world. Faith, values, and a person's growth are expressed in a warm light.
It shows the school's view of the Earth's horizon as seen from space. The courage and possibilities of moving into an unfamiliar world were spread out on a wide screen.
The two design proposals are not two different answers, but rather two moments in the same scene. Just as a new day begins when the light rises over the horizon, your child's next step begins as well.
Parents first see a day at school through photos on the website. Rather than listing group photos, we set a standard for selecting scenes from an actual day, such as hands immersed in learning, light coming through a window, and activities outside the classroom. We only use photos verified by the school for the final screen.
The current website uses deep navy (#00225C) and gold (#D4B972). Instead of abandoning the two colors, in LUMEN they were expanded to the night sky and light, and in HORIZON they were expanded to the blue of the earth and the apricot of dawn.
This is the background for the first screen and dark scenes. This is the color in which light appears most clearly.
This is the school's representative color that has been carried over from the current website. Write on header and large page.
The school uses gold as the color of light. Place it only on buttons that are important to you now.
This is a bright color used when gold spreads widely. It is written in supplementary letters on a dark background.
The background of a bright scene. It's warmer than pure white, so it's comfortable to read for a long time.
Background for letters and dark scenes. It has a bluer vibe than black, so it's connected to the Earth photo.
Links and emphasis are written on the broad side of the admissions consultation scene.
Write on the warm side, like elementary school cards.
Write it on the calm side, like a secondary school card.
I only use it for very small signs like asterisks and progress bars.
This is the basic background. Photos and cards are placed on top of it.
Both designs were created on the same design token. Because the positions of the background, text, and accent colors are predetermined, the same parts have different expressions just by changing the palette. Change the palette of the admission counseling card using the button below.
surfaceBackgroundinkTextaccentEmphasissoftSecondary sideAdmission consultations can be initiated online or by phone. Please send your application and the Admissions Office will check it and contact you.
Rooted in
Faith
Both designs use serif italics to emphasize English letters. It adds the calm impression of a school with a long history to English sentences.
Rooted in faith
LUMEN organized Korean into a Pretendard family from title to text, and HORIZON continued Noto Sans KR, a common font for school sites. The title should be written tightly with narrow letter spacing, and the body text should be written comfortably with ample line spacing.
A world of
possibilities.
Set up a large English sentence in geometric sans serif, and change only the last word to serif italics to create rhythm in the sentence.
LUMEN's first screen is a motion graphic that plays as you scroll. A point of light spreads into particles to form a globe, and the light's trajectory continues from the Ilsan campus to the 14 accepted universities.
Instead of real-time 3D, pre-rendered frames are drawn based on the scroll position. On mobile phones, frames for vertical screens are loaded separately to display the same scene seamlessly.
00A point of light
01Spreading particles
02Global
03Ilsan 37.67°N
04Fourteen trajectories
05To the worldHORIZON's first screen zooms in on a picture of Earth, tilts it, and makes it look like the camera is moving. Instead of heavy video, we created a scene with just one image and scroll calculations.
Although it started from the same information structure as the same school materials, the nature of the website varies greatly depending on what is shown first. HORIZON, with a view toward the world, and LUMEN, which sequentially conveys faith and values, were completed to the end of the main page.
The screen below is a recording of the actual design draft. Click on the scene name to go to that section.
Before coloring, I first assembled the skeleton with a gray box. By moving the handle, you can compare the skeleton and finished version on the same screen.
This direction shows the view of the school as seen from space on the Earth's horizon. As you scroll, the camera approaches the Earth, and the school's attitude, curriculum, school life, advancement to school, and admissions counseling unfold one after another on the wide screen.
This is the direction in which each student is drawn with light. Starting with motion graphics where a point of light becomes the Earth, we sequentially guide parents through what they need to check, including the mission and six values, the 12-year curriculum, international certification, accepted universities, and admissions consultation.
The two designs contain the same content, but the order and atmosphere of the stories are different. We've organized the differences so that schools can choose based on what they want to convey first on the home screen.
Both designs present the curriculum as one flow rather than three menus. Click on a grade in the bar below. The course that grade belongs to and the content learned change together.
We provide different teaching methods to suit the interests and strengths of each student. Build a balanced foundation focusing on English, math, science, and social studies, and build confidence through classes in reading, writing, speaking, art, music, Chinese, and physical education.
We expand our critical thinking, self-reflection, and worldview through various events and club activities. After-school support programs and student counseling help each student grow.
Over the course of four years, you will complete CCSS-based credits and expand your expertise through AP subjects, learning to the level necessary for college entrance. Develop responsibility and leadership through service and extracurricular activities.
Curriculum source: Gyeonggi Global School website curriculum guide (confirmed in October 2026)
The six values that the school pursues are placed at the vertices of the hexagon, and are designed to light up one by one each time you scroll down. When the last value is turned on, the six vertices are connected into one line. Try pressing the value directly on the shape.
01 / 06
adaptability
Based on goals and self-management habits tailored to each student, students develop the ability to respond flexibly even in unfamiliar environments.
global citizenship
Gain experience exploring, empathizing, and contributing, and grow into a global citizen who respects differences in culture and perspective.
verity
Through the process of self-reflection and realization, I engrave the value of honesty deeply in my heart.
fairness
Treat all students and staff fairly and work together to find solutions that benefit everyone.
esteem
We respect both the same and different thoughts, and create a culture where everyone can express their opinions freely.
faith
Learning grows greatest when trust is built between teachers and students.
HORIZON presents the school's values in three categories: Faith, Character, and Community. A globe drawn with 620 dots slowly rotates as you scroll.
In LUMEN's hero film, the light trail is drawn along the school's list of accepted colleges. The line starting from the Ilsan campus passes through Seattle and California to New York and Boston.
University list source: Gyeonggi Global School website University enrollment status (confirmed in October 2026)
In both design proposals, the final scene of the main page was set as admission consultation. The school's admissions process is reduced to four steps, and the online application is directly linked to the existing admissions consultation screen.
We also prepared sentences so that the Korean and English main texts use the same structure. Change your language in the card below.
Admission consultations can be initiated online or by phone. Please send your application and the Admissions Office will check it and contact you.
Start with an online inquiry or a phone call. Our admissions office will review your request and contact you.
Sentences were aligned based on the same position and length to prevent the screen structure from shaking in both languages.
Parents often first open the school website on their mobile phones. The curriculum and fixed scenes that flowed horizontally were changed to vertical, and LUMEN's hero prepared a separate frame for the vertical screen.
Buttons, tags, scene numbers, and even numeric markings were organized into parts. You can create the same screen even if the person in charge changes while operating the selected design proposal.
The school website is where parents, students, and teacher applicants first encounter the school.
We will start by summarizing the values that the school believes in.
Global enterprise
Youngone Corporation
A website renewal proposal for a global OEM company whose name never appears on the label. It includes the brand reading “From the inside of clothing to the outside of the world,” a color system, a main-page proposal that begins on a snowy mountain, scroll interactions for the manufacturing process, and screens for the global network, materials and ESG.
Media · Publishing
Munhakdongne Publishing Group
A website renewal proposal for a publishing group. The brand reading starts from “dongne,” the word for neighborhood in its name. It includes colors from paper, ink and bookmark ribbon, four proposals, and experiences for browsing books and reading serials.
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.