Pretendard
Hope into reality, waiting into joy.
Title and body. Titles at weight 650 narrow the tracking to -0.035em, holding the softly rounded letters neatly together.
Yonsei Fertility ClinicYonsei Fertility Clinic
Six days until the circle opens
We built a main page that scrubs through the six days embryos grow in the embryology lab. And we found that its last scene resembles the hospital logo.
- DAY 0Fertilization
This is the moment when the egg and sperm meet. If fertilization is difficult, one sperm is inserted directly into the egg.
- DAY 1Pronuclei check
If two pronuclei are visible the day after fertilization, the fertilization is considered normal.
- DAY 24-cell stage
The cell divides into two and then into four. The rate and shape of division are meticulously recorded.
- DAY 38-cell stage
Check whether the eight divided cells grow evenly.
- DAY 4Morula
The cells adhere tightly to each other and form a single mass.
- DAY 5blastocyst
A cavity forms inside, and the cells that will become the baby and the cells that will become the placenta separate.
- DAY 6hatching
The embryo opens one side of the zona pellucida and exits, preparing for implantation.
DAY 0Before fertilizationFertilizationPronuclei2-cell stage4-cell stage8-cell stageMorulaBlastocystHatching
01 / OVERVIEWOverview
A hospital that watches for six days
Yonsei Fertility Clinic is a fertility clinic in Ansan, Gyeonggi-do, treating IVF, IUI and fertility preservation. It is an embryo-creating medical institution and an infertility treatment institution designated by the Ministry of Health and Welfare, and its in-house embryology lab (Infertility Research Lab) carries out everything from egg retrieval through culture, transfer and freezing. It also runs the affiliated Korea Sperm Bank.
Most people who open this hospital's website are couples who have waited a long time. They wait for test results, wait for the embryo to grow, wait two weeks after transfer. So we designed the main page as a time of waiting. The first screen scrolls through the six days in the embryology lab, and the further you scroll, the brighter it grows, from dawn to morning.
6days
The time spent watching over embryos in the embryology labFrom the day of fertilization (Day 0) to the day of hatching (Day 6)240
Frames from the embryo film we rendered ourselvesWebGL2 volume rendering · desktop 1400px · mobile 820px3
The directions we first exploredThe Six-Day Film · 8 a.m. · A Single Seed20
Reorganized public menuMain 1 · Hospital and treatment 7 · Operation information 5 · Bulletin board 5 · Foreign language 2
- 2026.10Read the current websiteNOW
Looking at the 20 public menus, five bulletin boards and the frequently asked questions, we decided what to put first on the main page.
- 2026.10three directionsROUND 1
We drew the mood board and the first screen in three directions: the six days in the embryology lab, 8 a.m. and A Single Seed.
- 2026.10Embryo film renderingROUND 2
We rendered a single embryo growing from fertilization to hatching ourselves, as a 240-frame film.
- 2026.10Main draftROUND 3
We joined eleven scenes, from the first screen that opens with the film to the closing where the baby's hand is held.
- 2026.11This record
We read the logo again, drew the waiting, and set down how the three directions came together into one.
02 / THE NAMEThe name
-
01 · NAME
At the center of the ten-syllable clinic name sit 「아이」 (child) and 「소망」 (hope).
-
02 · QUOTE
Yonsei Fertility Clinic will be with you, so that the wish of couples waiting for a child comes true.
Hospital introduction sentence on the main page of the current website
-
03 · SLOGAN
Hope→Reality
Waiting→Joy
The hospital line, “Hope into reality, waiting into joy,” speaks of the moment when what you have been waiting for comes true, in both halves. So we made the person waiting, not the hospital, the main character of the main page.
-
04 · 願
The 「원」 in the title of this record is both the circle of the logo and a wish (願). The day the circle opens is the day the wish comes true.
03 / THE MARKReading the mark
Inside the fruit
open circle
We did not create a new logo. We enlarged the logo in use, redrew every stroke, and found the story inside it.
- 01 · FRUITfruit
The lime fruit is not a closed circle. The stroke that starts at the top center travels one full turn and ends by digging inward into the place where it began.
- 02 · GAPGap
So a thin gap appears at the top of the fruit. This is the only spot open in the entire mark.
- 03 · LEAFleaf
Leaves sprout from just above the gap to the upper right. It looks like something is growing out of the open spot.
- 04 · SEEDyellow fetus
The yellow shape inside the fruit is both a fetus curled up and the seed inside the fruit. The warmest color in the logo appears only here.
Fruit · Leaf
#C2D236
Yellow fetus#FCD70C
Day 6 under the microscope,
seen as an overlay
A Day 6 embryo under a microscope has the same structure. The embryo sits inside the round zona pellucida, and when one side opens the blastocyst emerges toward the upper right. That is the same direction as the gap in the fruit and the place where the leaf sits in the logo.
We cannot know whether the logo was drawn as an embryo from the start. But thanks to this resemblance, we could connect the moment the embryo film on the first screen ends to the logo.
microscope
logo
- The circle of the lime fruit↔Zona pellucida
- Gap at the top of the fruit↔Zona pellucida beginning to open
- Leaf sprouting to the upper right↔Blastocyst coming out
- Yellow fetus↔Inner cell mass
04 / THE WAITThe wait
Most of a cycle is
waiting
One IVF cycle usually takes 4 to 6 weeks. Only a few of those days involve anything at the hospital; the rest is time spent waiting while giving yourself injections, or waiting for results.
The main page is not read only before a visit. It is a screen people open again and again while they wait. So for each scene we first thought about where this person is in their wait.
-
01
First consultation · Cause testing
Before the cycle
It is best to come together as a couple. If you come on the 2nd or 3rd day of your period, you can have the basic hormone test right away.
What the homepage doesWe placed three contact points — phone booking, KakaoTalk and online consultation — on the first and last scenes, and listed what to bring to your first visit.
-
02
Ovarian stimulation
About 10-14 days
This is the time when injections and ultrasound grow the follicles. You will need to come to the clinic often.
What the homepage doesClinic hours and whether we are open now are shown right on the main page. Doors open at 8 a.m. on both weekdays and Saturdays.
-
03
Egg retrieval · fertilization
Day 0
Eggs are retrieved and fertilized on the same day. If fertilization is difficult, we use ICSI.
What the homepage doesThe same explanation was included in the Day 0 subtitle of the first-screen film.
-
04
culture
Day 1~5
Embryos grow in the embryology lab. The couple cannot watch this time for themselves.
What the homepage doesWe created a first-screen film that scrubs through the unseen six days. It is the same as the time-lapse incubator, which watches the embryos without taking them out.
-
05
embryo transfer
Day 3~5
Well-grown embryos are selected and implanted into the uterus.
What the homepage doesThe Day 5 subtitle, “The point when we decide whether to transfer or freeze,” explains the moment of decision.
-
06
Two weeks after transfer
About 14 days
This is the time that feels the longest. The results are not yet known.
What the homepage doesIn the scene for this time, sentences come before information. Over the dawn-light video we placed the head physician's greeting, followed by treatment cost support and frequently asked questions.
-
07
pregnancy confirmation
Two weeks after transfer
A blood test determines whether you are pregnant. One cycle usually takes 4 to 6 weeks.
What the homepage doesIn the last scene, the baby's hand holds the adult's finger, and it ends with the sentence, “Until the day waiting becomes joy.”
The period follows the frequently asked questions in the main draft and the guidance on the current site (about 10–14 days of ovarian stimulation, 3–5 days of embryo culture, and a blood test about 2 weeks after transfer), and it differs from person to person.
05 / WORDSNumbers and wording
Numbers
with their basis
There are a lot of numbers on the website of infertility clinics. Evaluation grade, years of experience, application rate, and number of procedures. Depending on how you use the same number, it can be read as a fact or like a promise.
Medical advertising may not guarantee treatment effects or compare one hospital with another. So we set the common phrases alongside and rewrote the same content in sentences that show the basis.
-
01
Commonly seen expressions
A Grade 1 hospital for pregnancy success ratesA sentence from the main draftIn the Ministry of Health and Welfare's evaluation of infertility treatment institutions (2019, 2022, 2025), the clinic received Grade 1 on both the IUI and IVF indicators. This evaluation is not a ranking of pregnancy success rates.
We also noted what the evaluation measures. It looks at facilities and equipment, specialist staff, and quality management.
-
02
Commonly seen expressions
Certain results with the latest equipmentA sentence from the main draftSix independent chambers create a separate culture environment for each embryo, and a built-in camera records the development continuously.
Rather than writing that the equipment guarantees results, we described what the equipment does.
-
03
Commonly seen expressions
No burden with government supportA sentence from the main draftThe National Health Insurance copayment rate is 30%, and if you are eligible for public health center support, 90% of the fully self-paid portion is covered. The criteria may change each year with the announcement.
We attached conditions, and the fact that they may change, to the numbers.
-
04
Commonly seen expressions
Anyone can start overA sentence from the main draftFind the cause first, then choose the treatment that fits it. We decide the treatment together, based on the test results.
Instead of promises, we put the order of care into words.
Five criteria for selecting sentences
- 01Success rates and rankings are not used
The evaluation grade is written along with the items the evaluation is looking at.
- 02Standards are attached to numbers
Next to “three in a row,” write 2019, 2022 and 2025; next to “30%,” note what the 30% refers to.
- 03We explain equipment by what it does.
Rather than using the expression “latest,” we use visible facts such as six chambers and a continuous record.
- 04We show the process, not testimonials
We do not put patient stories on the main page; instead we show the process from the first consultation to pregnancy confirmation in drawings.
- 05We say that what may change may change
We place a statement on the same screen that the support program and its frequency may vary with the announcement.
The “common phrases” are not this clinic’s wording; they are examples of phrases often used across the industry.
06 / COLOR · TYPEColor · Type
Colors found under a microscope
The logo's lime and yellow are bright and vivid, but on a white background they are hard to use as text color. So we kept the logo's two colors as they are and looked for the remaining colors under a microscope.
Measuring the cytoplasm color in a 1400px frame of the embryo film, day by day, the amber faded slightly over six days and deepened again on the day of hatching. We set the background of the first screen as dark as an embryology lab, and the scenes after the film as bright as morning paper.
#8C7450
#8A734F
#887250
#927B56
#9C865F
#B8A985
#685D45- Incubator Night
#0B0E0BBackground color of the first screen, as dark as the embryology lab
- Zona Pearl
#BCC0BCLight in the zona pellucida in the film, thin lines and rings
- Cytoplasm Amber
#8C7450Day 0 cytoplasm amber, the warm tone of the photo
- Leaf Lime
#C2D236The logo's fruit and leaf, a signal used only where you tap
- Seed Yellow
#FCD70CThe yellow fetus in the logo, a dot in the picture.
- Morning Paper
#F3F5EEThe background color of the scene that brightens after the film ends
- Ink Green
#13201AText color on a bright background, ink mixed with green
- Lime Deep
#55700CText color used instead of lime on a bright background
Lime takes up 1.3%
We counted the nearest color for every pixel across 30 PC screens of the main draft. The logo's lime was used only where you press or watch, such as the call booking button and the progress bar.
- Light background62.0%
- Film · Photo25.8%
- Dark background9.6%
- Lime1.3%
- characters1.3%
Contrast between font color and background color
| Pair | Contrast | Result |
|---|---|---|
| Cream / NightTitle and body of the first screen | 17.29:1 | Even small text |
| Lime / NightButtons and progress bar in night scenes | 11.61:1 | Even small text |
| ink / limeText on the lime button | 10.05:1 | Even small text |
| Lime / PaperNot used as a text color on a bright background | 1.52:1 | Not for text |
| Lime Deep / PaperSmall accent text on bright scenes | 5.15:1 | Body text OK |
| Yellow / PaperOnly one point in the picture | 1.28:1 | Not for text |
| ink / paperBody text on bright scenes | 15.29:1 | Even small text |
Geist Mono
DAY 3 · 064h
Time stamp and chapter number of the film. The numbers are the same width, so the letters do not move while counting from 0h to 150h.
07 / DIRECTIONSThree directions
Drawn in three directions,
woven into one
At first we drew three directions with equal weight: a dark film showing the six days in the embryology lab, the morning of a hospital that opens at 8 a.m., and a bright graphic built from the logo's fruit and seed.
There was one criterion for selecting the three side by side. Is this a scene that only this hospital can show? Other hospitals can also use the morning sunlight and seeds, but the six days of watching embryos in the hospital's laboratory were the story of this hospital.
A · EMBRYO FILM
The Six-Day Film
Scrub through the six days the embryo grows in the darkness of the embryology lab.
This direction shows what the hospital does best. The time spent watching embryos at its in-house embryology lab moved to the first screen.
How it connectedIt became the framework of the main draft. The first-screen film, the time display and the microscope scenes came from this direction.
B · AM 8:00
8 a.m.
It depicts mornings at the hospital, which opens at 8 a.m. on both weekdays and Saturdays.
Many appointments, such as hormone tests, have to be in the morning, and many couples stop by before work. This direction shows clinic hours first, with warm morning light and a sundial.
What remains in the main draftThe greeting over the dawn-light video, the couple's photo and the “Open now” status went into the later part of the main draft.
C · SEED
A single seed
We use the logo's fruit, leaf and seed as the graphic system itself.
It is a bright, solid direction. But against the heavy subject of infertility the screen could read as light, and the imagery could easily belong to any hospital.
What remains in the main draftThe lime buttons, the round progress indicator and the microscope scene circled for each treatment remain.
The first screens and mood board photos for directions B and C are staged images made to compare the directions. The phone number on the screen has been replaced with a different one.
08 / THE FILMEmbryo film
Six days,
rendered
Real embryo footage is a patient's medical information, and the footage we could obtain shows a different embryo in each shot, so it does not run as one sequence. So we created, from scratch, an embryo growing from fertilization to hatching.
We set up a volume-rendering scene that draws the cell as a translucent volume in the browser's WebGL2, and rendered 240 frames at 1400px with the browser's GPU. The first screen of the main draft scrubs through these frames as you scroll.
001
011
021
031
041
051
061
071
081
091
101
111
121
131
141
151
161
171
181
191
201
211
221
231
- 01edge in the dark
We split the light by viewing angle so that the membrane facing us is barely visible and only the edges glow. It looks like an embryo under a dark-field microscope.
- 02light spreading within
By adding scattered light that spreads inside the cell membrane, the cells appear to glow softly from within.
- 03texture without streaks
We read the noise that creates the cytoplasm texture in rotated coordinates, so that no stripes align with the screen axes.
- 04The zona pellucida that opens
On Day 6, we opened a gap in one side of the zona pellucida so the blastocyst could leave through it.
09 / PLATESMicroscope plates
For each treatment,
a single microscope plate
Instead of a photo of people, the care card carries a microscope scene at the same magnification. From the same scene file as the first-screen film, we rendered eight still frames separately, in bright-field on a bright background.
Because the eight treatments sit inside the same circle they look like one family, and flipping through the cards brings back the six days of the first screen.
-
Infertility Work-up
infertility test
About 40% of infertility causes are male. If a couple gets tested together, the cause can be found faster.
-
IUI
IUI (intrauterine insemination)
On the day of ovulation, we select motile sperm and place them in the uterus.
-
IVF
IVF
The retrieved eggs are fertilized in the embryology lab, and well-grown embryos are transferred into the uterus.
-
ICSI
ICSI
A single sperm is selected and placed directly into the egg cytoplasm to help fertilize it.
-
IVM
IVM (in vitro maturation)
Immature eggs are collected, matured outside the body, and then fertilized.
-
Fertility Preservation
fertility preservation
Eggs, sperm, and embryos are frozen at -196℃ and used when needed.
-
Korea Sperm Bank
Korea Sperm Bank
We provide both self-sperm storage and donor sperm counseling.
-
RIF / RPL
Recurrent implantation failure
We examine the cause of recurrence immunologically and genetically and consider assisted hatching techniques.
10 / STRUCTUREStructure
Twenty Doors
Eleven Scenes
There are currently 20 public menus on the website, including the main menu. There are seven pages of hospital and treatment information, five pages of operational information, five bulletin boards, and one page each of English and Japanese information. We kept the number of menus the same and re-decided what to show first on the main page.
Counting the frequently asked questions by topic, more than half were about IVF and hospital information. So we put the care process toward the front of the main page, and clinic hours and directions toward the back.
Frequently Asked Questions 77
- IVF23
- Hospital Information20
- Infertility conditions · tests9
- Cost · Government Support8
- IUI7
- Egg freezing · Sperm bank6
- Choosing a hospital · transfer3
- Life during treatment1
Frequently asked questions on the site now, as of November 2026
The main draft's eleven scenes Height 22,954px measured on a 1440 × 900 screen
“Dawn · Greeting · Designation” ties the dawn scene and the number cards into a single bar.
- SEODifferent titles for each treatment
Every treatment page, such as IVF, IUI and fertility preservation, has its own title, description and body heading, so that it stands apart in search results.
- AEOA structure that sets questions and answers apart
Frequently asked questions are organized into easy-to-read text for search and answer services by dividing questions and answers and adding subject titles and links to related medical treatments.
- GEOHospital information in one place
We organized hospital, clinic hours, location and lab information as structured data (MedicalClinic), and kept it identical to the text shown on screen.
11 / MAIN DRAFTMain draft
Main draft · The Six-Day Film
EMBRYO TIME-LAPSE FILMEleven scenes, opening with the embryo film and closing with the baby hand
The first screen is as dark as an embryology lab; the embryo grows there for six days, then the screen brightens to white and leads into the dawn greeting and clinic information.
- 240 frames of scrolling embryo film and time display
- Microscope scene card containing eight treatments
- An “Open now” status set to Seoul time
- Mobile: 240 vertical frames and a quick-contact bar you can tap with one hand
Night · Pearl · Lime · Paper
- First-screen film
The embryo grows as you scroll, and the bar below fills up from Day 0 to Day 6. The time display counts from 0h to 150h.
- The dawn greeting
When the film brightens to white, the head physician's greeting follows over the dawn-light video by the window.
- Designation status and numbers
30 years, three consecutive Grade 1 ratings, the first in Korea and six partner hospitals as cards, along with a sentence noting that the evaluation is not a ranking of success rates.
- microscope card
Each card in the horizontal row of eight treatments carries a microscope scene at the same magnification.
- Infertility Research Lab
Five pieces of equipment, from the time-lapse incubator to the cryostorage room, change as you scroll.
- Care process
We link the five steps from the first consultation to pregnancy confirmation along a curved path, with what to bring to your first visit beside it.
- Treatment cost support
Summarize the support system with three numbers: 30%, 25 times, and 90%, and add a sentence that the standards may change.
- Clinic information
It tells you, in Seoul time, whether we are open now and when we open again.
- baby hand
We end by scrolling through the scene where a baby's hand grasps an adult's finger.
In the recording, the head physician's photo and the embryologist's photo were replaced with different photos of the same size, and the head physician's name, phone number, address and business information were changed or masked.
12 / DETAILDetails
For those who are waiting
a small device
The main draft holds a few quiet devices: a line of clinic hours that tells you whether you can call now, a list of what to bring to your first visit, and a card that condenses the support program into three numbers. You can try them below.
01 · NOW OPEN
Are we open now?
We are open now. Lunch break is from 12:00 to 1:30 p.m. We are open now. We see patients until 4:30 p.m. We are open now. On Saturdays we see patients until 1 p.m. with no lunch break. It is the lunch break. We reopen at 1:30 p.m.; phone lines are hard to reach during this time. We are not open yet. We start seeing patients at 8 a.m. We have finished for today. We will see patients again tomorrow at 8 a.m. We have finished for today. We will see patients again on Monday at 8 a.m. We are closed on Sundays. We will see patients tomorrow at 8 a.m.
Weekdays 8:00 AM - 4:30 PM (Lunch 12:00 - 1:30 PM), Saturdays 8:00 AM - 1:00 PM (No lunch break), Closed on Sundays and public holidays. The main draft is calculated in Seoul time.
02 · FIRST VISIT
What to bring to your first visit
0 / 3 All set. It is best to come as a couple.
Directly above the list we note that coming on the 2nd or 3rd day of your period lets you take the basic hormone test right away.
03 · SUPPORT
Support system in three numbers
30%
National Health Insurance copayment rateThe same ratio applies regardless of age.25times
Number of procedures that can be performed per childbirth20 IVF cycles and 5 IUI cycles combined.90%
Support for the fully self-paid portionThis is the rate received when eligible for public health center support.
We place a statement on the same screen that the criteria may change each year with the announcement (based on the main draft, October 2026).
13 / RETROSPECTLooking back
The work of
showing the time that cannot be seen.
Starting from three directions, we made one main draft and set down the whole scope of the renewal, including sub-pages and search settings. These proposals did not lead to a final choice.
Still, if we were deciding again now, we would put the six days in the embryology lab on the first screen all the same. What the hospital does best and what patients wait for longest were in the same scene.
- Round 1Three ways
The six days in the embryology lab, 8 a.m. and A Single Seed were drawn with equal weight and set side by side.
- Round 2The Six-Day Film
We rendered the embryo film ourselves, and carried what we chose from the morning and seed directions into the scenes after the film.
- Round 3Main draft
We shared the eleven-scene main draft and set down the full scope of the renewal, including sub-pages and search settings.
- 01Showing what cannot be seen
Patients cannot see inside the embryology lab. The scene that showed that unseen time in their place explained the hospital's expertise most easily.
- 02Find a shape that already exists
Without having to create a new logo, we were able to connect the film and brand with the open circles and leaves that were already in the logo.
- 03Numbers come with standards
Numbers like evaluation grades and support rates read as trustworthy when we also state what they measure.
14 / CREDITSCredits
YONSEI FERTILITY CLINIC · MAIN PAGE RENEWAL
Six Days Until the Circle Opens
A main page renewal proposal that scrubs through the six days in the embryology lab
| Client | Yonsei Fertility Clinic · A fertility clinic in Ansan |
|---|---|
| Scope | Main page renewal proposal · Logo reading · Sentence standards |
| Period | October–November 2026 |
| Directions | The Six-Day Film · 8 a.m. · A Single Seed |
| Film | 240 frames of embryo film (WebGL2 volume rendering) · 8 microscope plates |
| Identity | Current logo · Night #0B0E0B · Lime #C2D236 · Seed #FCD70C · Paper #F3F5EE |
| Tools | GSAP · ScrollTrigger · Lenis · WebGL2 · Canvas |
| Typeface | Pretendard · Geist Mono |
| Studio | BlueCanvas |
NEXTWe will design together the first screen that people who have been waiting for a long time will open.
SIX DAYS, ONE OPEN CIRCLE
We will design together
We will design together
the first screen that the person who has been waiting for a long time opens
Starting from the small shape in the logo and the six days in the embryology lab,
we will build a hospital website you can trust enough to call.
Other projects
-
Hospitals · Breast & thyroid
Dr. Choi’s Breast & Thyroid Clinic
A breast and thyroid clinic website renewal proposal: a reading of the brand through three shapes, from the pink ribbon tied around the U of the logo to the fan of an ultrasound and a butterfly-shaped thyroid; screens built around the seven moments a patient waits, from the test to the results call; medical advertising copy standards that rewrote a 2014 sentence promising results; and two drafts, the night-time Ribbon Motion Film and the daytime Lens & Bloom.
-
Clinic · Skin booster
CellREDM
The making of a skin-booster ad landing page. Its form reading starts from one finding: the keyhole in the first scene of the manufacturer’s ad video and the arches of the IRERAUM interior share the same structure. It covers plum, champagne and ivory color standards split between the product’s night and the clinic’s day, medical-ad copy that explains how to choose without promising results, three opening-screen and three ad directions, an ad video revised seven times, and the fifteen-scene landing page and consultation management screen they led to.
-
Bio/ophthalmology
ReGenTree ReGenTree
Brand interpretation starting from the names of the two companies overlapping and the two arcs of the logo overlapping with the same curvature, the color standard selected from the white, cobalt blue, fluorescent green, and amber colors of ophthalmological examination, the story sequence woven in scale from the eye to the molecules, and the laboratory to directly draw the principle of covering wounds, an ophthalmic new drug containing three design proposals, including eight sketches in January, CLINICAL WHITE in February, and SURFACE OF SIGHT in October. Company website renewal proposal process