1923. 9. 1. Daegu
Daegu Medical Training Center opened for the first time
Kyungpook National University School of Medicine 100th Anniversary · website Renewal Proposal
「Walking a century」·「100 years of light toward life」
Contains two directions and their processes
Kyungpook National University School of Medicine began as the Daegu Medical School in 1923 and celebrated its 100th anniversary in 2023. As Korea's first national medical school established in a rural area, it has trained 9,057 alumni over a century.
BlueCanvas proposed two directions for redesigning the centennial site. “Walking a Century,” which translates the name of the commemorative ceremony into the steps of a scroll, and “100 Years of Light for Life,” which depicts a heart for life with a heart made of glass. This page summarizes the considerations and process that led to the two design proposals.
FOUR QUESTIONS
In both designs, the first screen was a film that played in a scrolling manner. Eye A walks for 10 seconds from one beat to NEXT 100 on the ECG, and Eye B moves in time with the scrolling of an 8-second video of a glass heart glowing.
We decided to place a scene of flipping the timeline horizontally on the main page, and erase the background of the eight relics to show them as if they were being taken out one by one from a drawer.
Compared to previous event schedules, we have included the sculptures, memorial halls, and 100-year history of the 100th anniversary ahead of us, and we have provided information on fund raising and material donation to the end of the page.
The film was rendered separately for the vertical screen, and scenes that had been flipped horizontally were rearranged to fit the length and font size of the vertical screen.
After the anniversary week, fewer people come to check the event schedule. Instead, long-term visitors remain, such as alumni looking to revisit the school's history, donors looking to contribute to the fund, and reporters looking for information. We first decided on the scene in which each visitor would arrive.
Revisit ceremony photos, alumni news, and find ways to contribute to the fund.
Memorial Week · 100FundCheck the path the school has taken and the records left on campus.
Last 100 years · Drawer of timeLet’s take a look at where the funds are used and what kind of rewards there are for participating.
100FundFind press releases, event recordings, and video footage.
100th anniversary newsThe current site is divided into four menus and eleven pages. Proposal A connected this content to twelve scenes on one main page, going through 100 years of records one by one just from top to bottom. A line indicates which scene the existing page on the left was moved to on the right.
Rather than creating a new logo, we found the story of the website from the name, location, and symbols the school already had. The four clues below were used in the first screen, color, and movement of both designs.
This is the name of the 100th anniversary opening ceremony held on September 2, 2023. In Proposal A, the word walking was moved to the scroll part of the website. The years go up as you go down, and when you reach the end of the page you arrive at 2023 and the next 100 years.
The main building of Dongin-dong Campus, built in December 1933, is the face of the school. The film in A passes through a scene where a line drawing of the facade of the main building changes into an actual photo, and the palette contains the color of the shade of brick.
Medicine is ultimately about protecting a person's life. In Proposal A, this thought was drawn as a beat on an electrocardiogram, and in Proposal B, it was drawn as a glowing glass heart. In both designs, the first scene begins with a symbol of life.
The next 100 years will be about research. The film in A ends with “100” unraveling into a double helix. Proposal B changed the “100” in the header to the number 1 followed by the infinity symbol ∞, expressing time that does not end even after a century.
This is the principle that was followed in both designs. We used old photos and photos of relics released by the school as is, and only drew new images of the future that has not yet arrived. This is to prevent the made-up past from being mixed with real records.
The photo of the relic was recreated with the white background erased. As the background disappeared, the door, stethoscope, and visit bag began to appear on the screen like real objects.
CUT OUT · 8 OBJECTS
By moving the center bar left or right, you can compare the original photo with the cut with the background erased. All eight points were trimmed in the same way, so that they approached one by one from the inside of the screen in the “Drawer of Time” in A.
There are no actual pictures in the scenes that show the future. So I drew images of symbols of life that medicine deals with, such as the heart, spirals, and nerve cells. None of the five sheets contained human faces, and the red and gold colors matched the palette of the two designs.
We used the red #E60012 of the 100th anniversary logotype as the standard. Instead of painting this red widely on screen, in Proposal A, I moved it to a slightly lowered red so that it does not spread over the darkness of the film, and in Proposal B, I moved it to a deep crimson that reminds me of the heart and blood. The remaining colors were chosen from the bricks of the main building, old photos, and recording paper.
#E60012100th anniversary logotype#D32D25Red that does not smudge in the dark · Proposal A#8F1F19Shade of the main building brick · Proposal A#A51930Heart and Blood Red · B
#623B2F#8F1F19Shade of the Brick
#C4AF94#CFAA6CThe gold of old photos
#DFCBC6#F3ECE0Paper for postcardThe primary colors in the photo would be dull or dark if used as is, so I adjusted them to the brightness and saturation that can be read on the screen. The left side of the arrow is the color measured in the photo, and the right side is the color used in the design.
Background · 50.2%The color of darkness in which the film is played. It is the basis for the first screen, campus photos, and commemorative week scenes.
Recording paper · 38.5%This is the paper color of old postcards and records. It is the basis of the chronology and time drawers and news scenes.
Shade of bricks · 10.3%This is the shade color of the bricks of the main building. Used to add red to numbers and fund scenes.
Gold color from an old photo · 0.8%This is a gold color selected from a faded photo. Write English subtitles and dust particles on the film.
Red of electrocardiogram · 0.3%The red color of the logo is toned down a little so that it spreads less in the dark. Write only the year and emphasized words.
Ivory · 47.2%This is the background for most of the page. Record cards and news lists are placed above this.
Sand · 27.8%This is the basis for the scene where the history is flipped horizontally. I went one shade darker than ivory.
Crimson · 13.1%A deep red reminiscent of the heart and blood. Write emphasis words in the title, progress bar, and final scene.
Chestnut · 10.3%It is black with a reddish tinge. It is the basis of the home screen and menu where the heart lies.
Ink · 1.7%This is the color of the text. It's warmer than pure black.
Clicking on a color swatch will copy the HEX value. The number in the sample is the brightness contrast with the color of the text above it, and the ratio is a value measured by capturing the main page screen of the two designs for each scene.
The Korean title in Proposal A was written in Noto Serif KR with thick strokes like the letters engraved on a monument. The year and English subtitles were set to Bodoni Moda, the Didone style used in 19th-century printed materials, and the text was written in Pretendard for easy reading. Proposal B contrasts the thin and thick strokes of Pretendard in one title, and uses Georgia for the year and number.
1923
wght 300walk a century
As you scroll, the thickness changes from 300 to 900. Proposal A uses 900.
300 · 650towards life
100 years of light.
100 → 1∞1001∞
The “100” in the heading of Proposal B is written by joining 1 and ∞. It changes when you point at it.
400 · 17pxLearning, which started in a small training center in Daegu in 1923, has fostered 9,057 alumni over the course of a century.
Long paragraphs are written in gothic style without decoration for easy reading.
Both designs treat scrolling like a video playhead. Pushing it down causes the film to flow forward, and raising it makes it roll backwards. 100 years pass at the same pace as the visitor walks.
The 10-second film written on the first screen of Proposal A was made into a storyboard with eight cuts, and photos, line drawings, and particles were drawn with code and rendered for each frame.
A beat passes over the electrocardiogram paper, and the number 1923 comes to mind behind it.
Historical records from 1923 and postcards from Daegu Jahye Clinic are placed in order.
The façade of the 1933 main building is drawn stroke by line.
Below the line drawing, an actual photo from 1933 comes to mind.
As you enter the main building entrance, the years quickly move up through old photos.
We arrive at the 2023 commemorative photos.
The commemorative photo disperses into particles and then gathers again into “100.”
The film ends with “100” unraveling into a double helix.
As the box moves across the screen, the frame moves as you scroll. The actual design proposal uses 240 horizontal and 180 vertical frames, and here, one frame is selected out of every four.
This film starts with the beat of an electrocardiogram, passes through records from 1923, the main building from 1933, old photos, and a memorial service from 2023, and ends with “100” and the double helix.
This is an image of light orbiting and particles revolving around a glass heart. It plays repeatedly on the first screen, and when you start scrolling, the frame moves along with the scroll.
Vertical scrolling pushes the timeline horizontally. Only the number of the year you are currently viewing is filled in red.
The artifact appears small from deep in the screen, moves forward, and then moves aside.
Ceremony photos begin in a small window and fill the entire screen as they scroll.
Long greetings are brightened word by word according to the reading speed. The starting point for this page is the same way.
This direction takes the name from the 100th anniversary opening ceremony and uses scrolling as a step. On the first screen, a 10-second film is played along the scroll, and below it, a horizontal chronology, a drawer of time, photos of Dongin-dong campus, commemorative week, and 100 Fund are continued on one page.
Among the scenes in Proposal A, I chose a moment that I put a lot of effort into directing. Click on the photo to see a larger view of each scene.
Below the number 1933, the façade of the main building is drawn with a line, and an actual photo appears above it.
A photo of the 2023 commemoration ceremony scatters into particles and gathers again as a red “100.”
The first sentence of the preparatory committee's greeting brightens word by word according to the reading speed.
As the year changes, large numbers fill in red and move on to the next card.
Artifacts with backgrounds erased approach one by one from the inside of the screen, and their names and years change on the right.
The photo of the main auditorium, which was visible in a small window, expands to cover the entire screen as you scroll.
Sculptures, memorial halls, and 100-year history cards are stacked one after another to show what the 100th anniversary has left behind.
Above the red double helix, “the base of medicine heading to the world for the next 100 years” comes to mind.
This is a direction that depicts the heart that protects life as a heart made of glass. The 8-second video on the first screen moves along the scroll, followed by a history that moves horizontally through 1923, 1933, 1952, and 2023, a record that you can click to enlarge, and a future vision that changes into three scenes: education, research, and care.
Among the scenes in Proposal B, I chose a moment that I put a lot of effort into directing. Click on the photo to see a larger view of each scene.
The first sentence is placed next to the red glass heart. As you scroll down, the video frames move together.
As the heart approaches, the second sentence changes to “The promise of a century, the possibility of the next century.”
Next to the large “100”, “Even though times change, the heart for life does not stop” is filled in from the top.
Photos of the four periods and the years scroll horizontally.
The last chapter of the history includes the KNU 100 MED sculpture erected on campus.
Clicking on a photo or artifact card will open an enlarged window with an explanation.
In front of the crystal spiral, sentences talking about education, research, and care change one after another.
Fund participation is encouraged in the final scene of Crimson Batang.
I often check alumni news and fund information first on my cell phone. In Proposal A, the film was rendered separately for the vertical screen, and in both designs, the length and font size of the fixed scenes were re-set to match the vertical screen.
The two designs contain the same record, but the way the first scene opens and the weight of the story are different. We've organized the differences so that schools can choose based on what they want to say first on their centennial site.
Even after the commemorative project ends, the school's records continue to accumulate. To ensure that the website is the first place to encounter the records, we will re-read them together, starting with the name, place, and symbol of the organization.
Public · Education
Korean Education Center in Malaysia
A website renewal proposal for an overseas education institution of Korea’s Ministry of Education. The brand reading starts from Cheon-Ji-In, the three strokes for heaven, earth and human that created Hangul. It includes colors taken from the gold of the night sky and the coral of both countries’ flowers, an 18-second motion film, two proposals, Cheon-Ji-In and Coral Journey, a map of Korean language schools and a 4,600 km study-abroad journey.
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.
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.