プロジェクトの相談を申し込む プロジェクト紹介にスキップ

Yonsei Fertility ClinicYonsei Fertility Clinic

円がひらく 六日間

培養室で胚が育つ六日間をスクロールでめくるメインページを作りました。そして、その最後の場面が病院のロゴと似ていることに気づきました。

Client
Yonsei Fertility Clinic
Scope
メインページリニューアル提案
Year
2026
  1. DAY 0受精

    卵子と精子が出会う瞬間です。受精が難しい場合は、精子を一つ選んで卵子に直接入れます。

  2. DAY 1前核の確認

    受精の翌日に二つの前核が見えれば、正常に受精したとみなします。

  3. DAY 24細胞期

    細胞は二つに、さらに四つに分かれます。分裂の速さと形を丁寧に記録します。

  4. DAY 38細胞期

    八つに分かれた細胞が均等に育つかを確認します。

  5. DAY 4桑実胚

    細胞どうしがしっかりと接着し、一つの塊になります。

  6. DAY 5胚盤胞

    内側に空いた空間ができ、赤ちゃんになる細胞と胎盤になる細胞が分かれます。

  7. DAY 6孵化

    胚が透明帯の片側を開き、抜け出し、着床を準備します。

DAY 0受精前

01 / OVERVIEW紹介

六日間を
見守る 病院

Yonsei Fertility Clinicは、京畿道安山で体外受精と人工授精、妊孕性温存を診療する不妊治療専門クリニックです。保健福祉部が指定した胚生成医療機関であり、不妊治療医療機関でもあり、院内の不妊医学研究所で採卵から培養、移植、凍結までを一貫して行っています。併設のKorea Sperm Bankも運営しています。

この病院のホームページを開く人は、ほとんどが長く待ってきた夫婦です。検査結果を待ち、胚が育つのを待ち、移植のあと2週間を待ちます。だからメインページを、待つ時間のために設計しました。ファーストビューでは培養室の六日間をスクロールでめくり、下へ進むほど夜明けから朝へと明るくなるようにしました。

  • 6日

    培養室で胚を見守る時間受精した日(Day 0)から孵化する日(Day 6)まで
  • 240

    直接レンダリングした胚フィルムのフレームWebGL2 ボリュームレンダリング · デスクトップ 1400px · モバイル 820px
  • 3

    最初に検討した方向六日間のフィルム・朝8時・一粒の種
  • 20

    整理し直した公開メニューメイン1・病院と診療7・運営案内5・掲示板5・外国語2
  1. 2026.10
    現在のホームページを読むNOW

    公開メニュー20個と掲示板の5種、よくある質問を読んでメインページに何を先に置くか決めました。

  2. 2026.10
    三つの方向ROUND 1

    培養室の六日間、朝8時、一粒の種という三つの方向で、ムードボードとファーストビューを描きました。

  3. 2026.10
    胚フィルムのレンダリングROUND 2

    受精から孵化まで育つ一つの胚を、240フレームのフィルムとして直接レンダリングしました。

  4. 2026.10
    メイン案ROUND 3

    フィルムで開くファーストビューから、赤ちゃんの手を握る締めくくりまで、11の場面をつなぎました。

  5. 2026.11
    この記録

    ロゴを読み直し、待つ時間を描き、三つの方向が一つに束ねられるまでの過程をまとめました。

02 / THE NAME名前を読む

  1. 01 · NAME

    十文字の病院名の真ん中に、「아이」(子ども)と「소망」(願い)が入っています。

  2. 02 · QUOTE
    子どもを待つ夫婦の「子どもへの願い」がかなうように、Yonsei Fertility Clinicがともに歩みます。

    現在のホームページ、メインの病院紹介文

  3. 03 · SLOGAN

    希望現実

    待つこと喜び

    病院の文章「希望を現実に、待つことを喜びに」は、どちらも待っていたことがかなう瞬間を語っています。だからメインページの主役を、病院ではなく待つ人に決めました。

  4. 04 · 願

    この記録のタイトルに使った「원」は、ロゴの円であり、願い(願)でもあります。円がひらく日は、願いがかなう日です。

03 / THE MARKロゴを読む

果実の中の
開いた円

ロゴは新しく作っていません。今のロゴを大きく引き伸ばして一画ずつ描き直し、その中に物語を見つけました。

  1. 01 · FRUIT果実

    ライム色の果実は、閉じた円ではありません。上の中央から出発した線が一周し、始まった場所の内側へ食い込みながら終わります。

  2. 02 · GAP隙間

    そのため、果実の上に細い隙間が一つ生まれます。マーク全体で開いているのはこの一か所だけです。

  3. 03 · LEAF葉

    葉はその隙間のすぐ上から、右上へ芽吹きます。開いた場所から何かが育ってくる形です。

  4. 04 · SEED黄色い胎児

    果実の中の黄色い形は、体を丸めた胎児であり、果実の中の種でもあります。ロゴでいちばん温かい色は、ここにだけあります。

果実・葉#C2D236 黄色い胎児#FCD70C

顕微鏡の中の六日目と
重ねて見る

顕微鏡で見た六日目の胚も同じ構造です。丸い透明帯の中に胚があり、透明帯の片側が開いて、胚盤胞が右上へ抜け出ます。ロゴで果実の隙間と葉が置かれている場所と同じ方向です。

ロゴが最初から胚を描いたものかはわかりません。ただ、この似ているおかげで、ファーストビューの胚フィルムが終わる瞬間をロゴへとつなげられました。

六日目の胚が透明帯の右上を開いて抜け出す、フィルムの一場面
顕微鏡 ロゴ
  • ライムの果実の円透明帯
  • 果実の上の隙間開きはじめた透明帯
  • 右上へ芽吹く葉抜け出る胚盤胞
  • 黄色い胎児内部細胞塊
ハンドルを右へドラッグすると、フィルムの孵化場面の上にロゴマークが同じ中心と大きさで重なります。マークは、葉が胚盤胞のほうを向くように34°回しました。
04 / THE WAIT待つ時間

1サイクルの大半は
待つことです。

体外受精の1サイクルは、通常4~6週間かかります。そのうち病院で何かをする日は数日だけで、残りは注射をしながら待つ時間、結果を待つ時間です。

メインページは診療の前にだけ読まれるものではありません。待つ間、何度も開き直される画面です。だから場面ごとに、今この人がどの時間にいるのかを先に考えました。

  1. 01 初診・原因検査 サイクル前

    ご夫婦で一緒にお越しいただくとよいでしょう。生理開始から2~3日目に来ていただくと、基本のホルモン検査をすぐに受けられます。

    ホームページがすること電話予約・カカオトーク・オンライン相談の三つの窓口をファーストビューと最後の場面に置き、初診のときに持っていくものをリストにしました。

  2. 02 卵巣刺激 約10~14日

    注射と超音波で卵胞を育てる時間です。病院に頻繁に通う必要があります。

    ホームページがすること診療時間と、ただいま診療中かどうかをメインページですぐに確認できるようにしました。平日も土曜日も、午前8時に開院します。

  3. 03 採卵・受精 Day 0

    卵子を採卵し、同じ日に受精させます。受精が難しい場合は顕微授精を行います。

    ホームページがすることファーストビューのフィルムのDay 0の字幕にも同じ説明を入れました。

  4. 04 培養 Day 1~5

    培養室で胚が育ちます。夫婦はこの時間を直接見ることはできません。

    ホームページがすること見ることのできない六日間をスクロールでめくる、ファーストビューのフィルムを作りました。胚を取り出さずに見守るタイムラプスインキュベーターのやり方と同じです。

  5. 05 胚移植 Day 3~5

    よく育った胚を選んで子宮に移植します。

    ホームページがすること「移植するか、凍結するかを決める時点」というDay 5の字幕で、決定の瞬間を説明します。

  6. 06 移植後2週間 約14日

    いちばん長く感じられる時間です。結果はまだわかりません。

    ホームページがすることこの時間のための場面は、情報より文章が先です。夜明けの映像の上に院長の挨拶を置き、施術費支援とよくある質問を続けました。

  7. 07 妊娠確認 移植の2週間後

    血液検査で妊娠の有無を確認します。1サイクルは通常4~6週間かかります。

    ホームページがすること最後の場面では、赤ちゃんの手が大人の指を握り、「待つことが喜びになる日まで」という一文で終わります。

期間はメイン案のよくある質問と現在のサイトの案内(卵巣刺激 約10~14日、胚培養 3~5日、移植の約2週間後の血液検査)に従ったもので、人によって異なります。

05 / WORDS数字と文章

数字は
基準とともに

不妊クリニックのホームページには数字が多いものです。評価等級、経験年数、支援率、施術回数。同じ数字でも、どう使うかによって事実になったり、約束のように読まれたりします。

医療広告では、治療の効果を保証したり、他の病院と比較したりする表現は使えません。そこで、よく見られる表現を横に置き、同じ内容を基準の見える文章に書き直しました。

  1. 01

    よく見られる表現妊娠成功率1等級の病院

    メイン案の文章保健福祉部の不妊治療医療機関評価(2019、2022、2025)で、人工授精と体外受精の評価指標のいずれも1等級を受けました。この評価は妊娠成功率の順位ではありません。

    評価が何を測っているのかを、あわせて書きました。評価は施設と機器、専門人材、質管理の状況を見ます。

  2. 02

    よく見られる表現最新の機器で確かな結果

    メイン案の文章6つの独立したチャンバーが胚ごとに別々の培養環境をつくり、内蔵カメラが発生の過程を連続して記録します。

    機器が結果を保証するとは書かず、機器がしていることを書きました。

  3. 03

    よく見られる表現公的支援で気軽に

    メイン案の文章健康保険の自己負担率は30%で、保健所の支援対象であれば全額自己負担分の90%が支給されます。支援の基準は毎年の告示で変わりうるものです。

    数字には条件と、変わりうるという事実を添えました。

  4. 04

    よく見られる表現誰でもまた始められます

    メイン案の文章原因を先に探し、それに合った治療を選びます。検査結果をもとに、治療の方法を一緒に決めます。

    約束の代わりに、診療の順序を文章にしました。

文章を選んだ五つの基準

  1. 01成功率とランキングは書きません

    評価等級は、評価が何を見ているかの項目とあわせて書きます。

  2. 02数字には基準をつけます

    「3回連続」の横には2019 · 2022 · 2025を、「30%」の横には何の30%なのかを書きます。

  3. 03機器は、していることで説明します

    「最新」という表現より、チャンバー六つ、連続記録のように目に見える事実を書きます。

  4. 04体験談ではなく、過程を見せます

    治療の体験談をメインに載せず、初診から妊娠確認までの過程を図で見せます。

  5. 05変わりうることは、変わりうると書きます。

    支援制度と回数は告示によって変わりうる、という一文を同じ画面に置きます。

「よく見られる表現」はこの病院の文章ではなく、業界でよく使われる表現を例に挙げたものです。

06 / COLOR · TYPE色・書体

顕微鏡の下で
見つけた 色

ロゴのライムと黄は明るく鮮やかですが、白い背景の上では文字色として使うのは難しい色です。そこでロゴの二色はそのままにし、残りの色を顕微鏡の下で探しました。

胚フィルムの1400pxフレームで毎日、細胞質の色を測ってみると、六日間で琥珀色が少しずつ薄くなり、孵化する日にもう一度濃くなりました。ファーストビューの背景は培養室のように暗く、フィルムが終わった後の場面は朝の紙のように明るく定めました。

DAY 0受精#8C7450
DAY 1前核期#8A734F
DAY 24細胞期#887250
DAY 38細胞期#927B56
DAY 4桑実胚#9C865F
DAY 5胚盤胞#B8A985
DAY 6孵化#685D45
  • Incubator Night#0B0E0B

    培養室のように暗いファーストビューの背景色

  • Zona Pearl#BCC0BC

    フィルムの中の透明帯の光、細い線と輪

  • Cytoplasm Amber#8C7450

    Day 0 の細胞質の琥珀色、写真の温かな色調

  • Leaf Lime#C2D236

    ロゴの果実と葉、押す場所にだけ使う信号

  • Seed Yellow#FCD70C

    ロゴの黄色い胎児、絵の中の一点

  • Morning Paper#F3F5EE

    フィルムが終わったあとに明るくなる場面の背景色

  • Ink Green#13201A

    明るい背景の上の文字色、緑が混じった墨色

  • Lime Deep#55700C

    明るい背景でライムの代わりに使う文字色

ライムは画面の 1.3%

メイン案のPC画面30枚で、画素ごとにいちばん近い色を数えました。ロゴのライムは、電話予約ボタンや進行バーのように、押す場所、見守る場所にだけ使いました。

  • 明るい背景62.0%
  • フィルム・写真 25.8%
  • 暗い背景9.6%
  • ライム1.3%
  • 文字1.3%

文字色と背景色のコントラスト比

ペアコントラスト判定
クリーム / 夜ファーストビューの見出しと本文17.29:1小さな文字まで
ライム / 夜夜の場面のボタンと進行バー11.61:1小さな文字まで
墨色 / ライムライムのボタンの上の文字10.05:1小さな文字まで
ライム / 紙明るい背景では文字色として使わない1.52:1文字不可
Lime Deep / 紙明るい場面の小さな強調文字5.15:1本文可
黄 / 紙絵の中の一点としてだけ1.28:1文字不可
墨色 / 紙明るい場面の本文15.29:1小さな文字まで

Pretendard

希望を現実に、待つことを喜びに。

見出しと本文。太さ650の見出しは、字間を-0.035emに詰めて、やわらかく丸い文字を端正にまとめます。

Geist Mono

DAY 3 · 064h

フィルムの時間表示と章番号。数字の幅が同じなので、0hから150hまで数える間、文字が揺れません。

07 / DIRECTIONS三つの方向

三つの方向で描き、
一つに束ねました

最初は三つの方向を同じ重さで描きました。培養室の六日間を見せる暗いフィルム、午前8時に開院する病院の朝、ロゴの果実と種でつくった明るいグラフィックです。

三つを並べて選んだ基準は一つでした。この病院にしか見せられない場面かどうか。朝の光と種は他の病院でも使えますが、院内の研究所で胚を見守る六日間は、この病院の物語でした。

A · EMBRYO FILM

六日間のフィルム

培養室の暗がりで胚が育つ六日間を、スクロールでめくります。

病院がいちばん得意なことをそのまま見せる方向です。院内の不妊医学研究所で胚を見守る時間を、ファーストビューに移しました。

こうしてつながりましたメイン案の骨格になりました。ファーストビューのフィルム、時間表示、顕微鏡シーンはこの方向から生まれています。

A · 六日間のフィルム案のPC画面
A · 六日間のフィルム案のモバイル・ファーストビュー
精子が近づくDay 0
精子が近づくDay 0
研究所のタイムラプスインキュベーター
研究所のタイムラプスインキュベーター
胚盤胞になるDay 5
胚盤胞になるDay 5

B · AM 8:00

朝8時

平日も土曜日も午前8時に開院する病院の朝を描きます。

ホルモン検査のように朝に受けなければならない診療が多く、出勤前に立ち寄る夫婦も少なくありません。温かな朝の光と日時計で、診療時間を先に見せる方向です。

メイン案に残ったもの夜明けの映像の上の挨拶、夫婦の写真、「ただいま診療中」の案内がメイン案の後半に入りました。

B · 朝8時案のPC画面
B · 朝8時案のモバイル・ファーストビュー
午前7時50分の待合室
午前7時50分の待合室
窓際の麦茶
窓際の麦茶
朝の道を歩く夫婦
朝の道を歩く夫婦

C · SEED

一粒の種

ロゴの果実・葉・種をそのままグラフィックの体系として使います。

明るく、かたい方向です。ただ、不妊という重いテーマに比べて画面が軽く読めてしまい、どの病院でも使える絵になりやすいものでした。

メイン案に残ったものライムのボタンと丸い進行表示、診療ごとに円の中に収めた顕微鏡シーンに残りました。

C · 一粒の種案のPC画面
C · 一粒の種案のモバイル・ファーストビュー
種から芽吹く葉
種から芽吹く葉
果実の中の種
果実の中の種
上が開いた円
上が開いた円

B・C案のファーストビューとムードボードの写真は、方向性を比べるために演出した場面です。画面の電話番号は別の番号に変えています。

08 / THE FILM胚フィルム

六日間を
レンダリングする

実際の胚の映像は患者の医療情報で、入手できる映像は場面ごとに別の胚なので、一つにつながりません。そこで、一つの胚が受精から孵化まで育つ場面を最初から作りました。

ブラウザのWebGL2で、細胞を半透明のボリュームとして描くボリュームレンダリングの場面を組み、ブラウザのGPUで1400pxのフレームを240枚書き出しました。メイン案のファーストビューは、このフレームをスクロールに合わせてめくります。

  1. 001
  2. 011
  3. 021
  4. 031
  5. 041
  6. 051
  7. 061
  8. 071
  9. 081
  10. 091
  11. 101
  12. 111
  13. 121
  14. 131
  15. 141
  16. 151
  17. 161
  18. 171
  19. 181
  20. 191
  21. 201
  22. 211
  23. 221
  24. 231
胚フィルムの一場面:八つに分かれた細胞
ハンドルや画面をドラッグすると、120枚のフレームを直接めくって見られます。
  1. 01暗がりの縁

    正面を向いた細胞膜はほとんど見えず、縁だけが光るように、視線の角度に応じて光を分けました。暗視野顕微鏡で見た胚のように見えます。

  2. 02内側に広がる光

    細胞膜の内側に広がる散乱光を加え、細胞が内側からほのかに光って見えるようにしました。

  3. 03縞のない質感

    細胞質の質感をつくるノイズを、回転させた座標から読み、画面の軸と重なる縞が出ないようにしました。

  4. 04開く透明帯

    Day 6 には透明帯の片側に隙間を開け、胚盤胞がそこから抜け出すようにしました。

09 / PLATES顕微鏡シーン

診療ごとに
一枚の顕微鏡

診療カードには、人の写真の代わりに同じ倍率の顕微鏡シーンを入れました。ファーストビューのフィルムと同じ場面のファイルから、明るい背景の明視野で静止した場面を八枚、別にレンダリングしました。

八つの治療が同じ円の中に収まると、一つの家族のように見え、カードをめくる間、ファーストビューの六日間を思い出します。

  • 不妊検査カードの顕微鏡シーン Infertility Work-up 不妊検査

    不妊の原因の約40%は男性側にあります。夫婦が一緒に検査を受けると、原因をより早く見つけられます。

  • 人工授精カードの顕微鏡シーン IUI 人工授精

    排卵日に合わせて、運動性のよい精子を選んで子宮の中に入れます。

  • 体外受精カードの顕微鏡シーン IVF 体外受精

    採卵した卵子を培養室で受精させ、よく育った胚を子宮に移植します。

  • 顕微授精カードの顕微鏡シーン ICSI 顕微授精

    精子を一つ選んで卵子の細胞質に直接入れ、受精を助けます。

  • 未成熟卵体外成熟培養(IVM)カードの顕微鏡シーン IVM 未成熟卵体外成熟培養(IVM)

    未成熟の卵子を採卵し、体外で成熟させてから受精させます。

  • 妊孕性温存カードの顕微鏡シーン Fertility Preservation 妊孕性温存

    卵子と精子、胚を零下196℃で凍結しておき、必要になったときに使います。

  • Korea Sperm Bankカードの顕微鏡シーン Korea Sperm Bank Korea Sperm Bank

    ご自身の精子の保存と、提供精子の相談をあわせて行っています。

  • 反復着床不全カードの顕微鏡シーン RIF / RPL 反復着床不全

    繰り返す原因を免疫学的・遺伝学的に調べ、アシステッドハッチングもあわせて検討します。

10 / STRUCTURE構造

20の扉と
11の場面

現在のホームページの公開メニューは、メインを含めて20ページです。病院と診療が七ページ、運営案内が五ページ、掲示板が五種、英語と日本語の案内が一ページずつあります。メニューの数はそのままに、メインページで何を先に見せるかを決め直しました。

よくある質問をテーマ別に数えてみると、体外受精と病院案内に関する質問が半分を超えていました。そこでメインページの前半に診療の流れを、後半に診療時間とアクセスを置きました。

公開メニュー20

  • メイン1メインページ
  • 病院と診療7病院紹介不妊クリニック体外受精人工授精妊孕性温存不妊研究所精子銀行
  • 運営案内5不妊夫婦支援事業よくある質問非給付のご案内書類発行のご案内個人情報処理方針
  • 掲示板5お知らせ不妊相談室不妊コラム報道おめでとうございます
  • 外国語2English日本語

よくある質問77

  1. 体外受精23
  2. 病院案内 20
  3. 不妊疾患・検査9
  4. 費用・公的支援8
  5. 人工授精7
  6. 卵子凍結・精子銀行 6
  7. 病院選び・転院3
  8. 治療中の暮らし1

現在のサイトのよくある質問、2026年11月時点

メイン案の11の場面 1440 × 900 の画面で測った高さ 22,954px

  1. 胚フィルム 6,840
  2. 夜明け、挨拶、指定状況 1,594
  3. 診療・顕微鏡カード 3,198
  4. 不妊医学研究所3,288
  5. 診療の流れ1,898
  6. 院長881
  7. 施術費支援1,078
  8. 診療案内・アクセス1,120
  9. よくある質問 807
  10. 赤ちゃんの手・結び2,250

「夜明け · 挨拶 · 指定状況」は、夜明けの場面と数字カードを一本の帯にまとめました。

  1. SEO診療ごとに違う見出し

    体外受精・人工授精・妊孕性温存のように、診療ページごとに固有のタイトルと説明、本文の見出しを置き、検索結果で区別できるようにしました。

  2. AEO質問と答えを分けた構造

    よくある質問は質問と回答を分け、テーマごとの見出しと関連する診療へのリンクを付け、検索や回答サービスが読みやすい本文として整理しました。

  3. GEO病院の情報を一か所に

    病院・診療時間・所在地・研究所の情報を構造化データ(MedicalClinic)として整理し、画面に見えている本文と同じ内容にしました。

11 / MAIN DRAFTメイン案
メイン案 · 六日間のフィルム

EMBRYO TIME-LAPSE FILM胚フィルムで開き、赤ちゃんの手で閉じる11の場面

培養室のように暗いファーストビューで胚が六日間育ち、画面が白く明るくなりながら、夜明けの挨拶と診療案内へとつながります。

  • スクロールでめくる胚フィルム240フレームと時間表示
  • 八つの診療を収めた顕微鏡シーンのカード
  • ソウル時刻に合わせた「ただいま診療中」の案内
  • モバイルは縦フレーム240枚と、片手で押せるクイック連絡バー
Night · Pearl · Lime · Paper
  1. ファーストビューのフィルム

    スクロールした分だけ胚が育ち、下のバーがDay 0からDay 6まで満ちていきます。時間表示は0hから150hまで数えます。

  2. 夜明けの挨拶

    フィルムが白く明るくなると、窓辺の夜明けの映像の上に院長の挨拶が続きます。

  3. 指定状況と数字

    30年・3回連続1等級・国内1号・協力病院6か所をカードに置き、評価は成功率の順位ではないという一文を並べます。

  4. 顕微鏡カード

    八つの診療を横にめくるカードごとに、同じ倍率の顕微鏡シーンを入れました。

  5. 不妊医学研究所

    タイムラプスインキュベーターから冷凍保管室まで、五つの機器をスクロールに合わせて切り替えて見せます。

  6. 診療の流れ

    初診から妊娠確認までの五つの段階を曲線の道でつなぎ、初診のときに持っていくものを横に置きます。

  7. 施術費支援

    30%・25回・90%の三つの数字で支援制度を要約し、基準が変わりうるという一文を添えます。

  8. 診療案内

    ただいま診療中か、次にいつ開くのかを、ソウル時刻に合わせてお知らせします。

  9. 赤ちゃんの手

    赤ちゃんの手が大人の指を握る場面をスクロールでめくりながら、締めくくります。

モバイル第一画面
モバイル 胚フィルム
モバイル 顕微鏡カード
モバイル 不妊医学研究所
モバイル 診療の流れ
モバイル 施術費支援
モバイル 診療案内
モバイル 赤ちゃんの手

録画画面の院長の写真と胚培養士の写真は、同じ大きさの別の写真に差し替え、院長の名前・電話番号・住所・事業者情報は別の文字に変えるか隠しました。

12 / DETAILディテール

待っている人のための
小さなデバイス

メイン案には、目立たない仕掛けがいくつかあります。今電話しても大丈夫かを知らせる診療時間の一文、初診のときに持っていくもののリスト、支援制度を三つの数字に縮めたカードです。下で実際に動かして見られます。

01 · NOW OPEN

ただいま診療中ですか?

平日 午前8:00 ~ 午後4:30(昼休み 12:00 ~ 午後1:30)、土曜日 午前8:00 ~ 午後1:00(昼休みなし)、日曜日・祝日は休診。メイン案はソウル時刻で計算します。

02 · FIRST VISIT

初診のときにお持ちください

0 / 3

生理開始から2~3日目に来ていただくと基本のホルモン検査をすぐに受けられる、という案内をリストのすぐ上に置きます。

03 · SUPPORT

支援制度を三つの数字で

  • 30%

    健康保険の自己負担率年齢に関係なく、同じ割合が適用されます。
  • 25 回

    出産一回ごとに受けられる施術回数体外受精20回と人工授精5回を合わせた数です。
  • 90%

    全額自己負担分の支援保健所の支援対象のときに受けられる割合です。

支援の基準は毎年の告示で変わりうる、という一文を同じ画面に置きます(メイン案基準、2026年10月)。

13 / RETROSPECT振り返り

見ることのできない時間を
見せる仕事

三つの方向から出発して一つのメイン案をつくり、サブページと検索設定まで、リニューアルの範囲をあわせて整理しました。これらの案は最終的な選択には至りませんでした。

それでも、培養室の六日間をファーストビューに置くという判断は、今やり直しても同じでしょう。病院がいちばん得意なことと、患者がいちばん長く待つ時間が、同じ場面の中にあったからです。

  1. Round 13つの案

    培養室の六日間、朝8時、一粒の種を同じ重さで描き、並べました。

  2. Round 2六日間のフィルム

    胚フィルムを直接レンダリングし、朝と種から選んだものをフィルムの後の場面へとつなぎました。

  3. Round 3メイン案

    11の場面のメイン案を共有し、サブページと検索設定まで、リニューアル全体の範囲をあわせて整理しました。

  1. 01見えないものを見せること

    患者は培養室の中を見ることができません。見えない時間を代わりに見せる場面が、病院の専門性をいちばんわかりやすく説明してくれました。

  2. 02もともとあった形を探す

    ロゴを作り直さなくても、ロゴの中にもともとあった開いた円と葉で、フィルムとブランドをつなげられました。

  3. 03数字は基準とともに

    評価等級や支援率のような数字は、何を測っている数字なのかをあわせて書いたときに、信頼できるものとして読まれます。

14 / CREDITS制作情報
PROJECT CARD2026

YONSEI FERTILITY CLINIC · MAIN PAGE RENEWAL

円がひらく六日間

培養室の六日間をスクロールでめくるメインページリニューアル提案

ClientYonsei Fertility Clinic · 安山の不妊治療専門クリニック
Scopeメインページリニューアル提案 · ロゴを読む · 文章の基準
Period2026年10月~11月
Directions六日間のフィルム・朝8時・一粒の種
Film胚フィルム240フレーム(WebGL2ボリュームレンダリング)・顕微鏡シーン8種
Identity現在のロゴ · Night #0B0E0B · Lime #C2D236 · Seed #FCD70C · Paper #F3F5EE
ToolsGSAP · ScrollTrigger · Lenis · WebGL2 · Canvas
TypefacePretendard · Geist Mono
StudioBlueCanvas
NEXT長く待ってきた人が開くファーストビューを、ともに設計します。
SIX DAYS, ONE OPEN CIRCLE

長く待ってきた人が開く最初の画面を
一緒に設計します

ロゴの中の小さな形と、培養室の六日間から出発して,
信頼して電話できる病院のホームページをつくります。

その他のプロジェクト

    Contact

    まだ漠然としたアイデアでも構いません。
    プロジェクトを一緒に 整理しましょう

    現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。

    質問4つ・約2分

    ご依頼内容

    どのような作業をご一緒しましょうか。

    複数選べます。まだ決まっていない場合は「その他」を選んでください。

    ご予算

    お考えのご予算はどのくらいですか。

    おおよその範囲でも、ご提案づくりに大いに役立ちます。

    プロジェクト説明

    今の状況をお聞かせください。

    整っていなくても大丈夫です。下の項目を押すと入力の枠が入ります。

    0

    RFPや参考資料を2点までアップロードできます。対応形式:PDF、PPT、Word、Excel、JPG、PNG、ZIP

    ご連絡先

    どちらへご返信しましょうか。

    作業範囲・予算・プロジェクト内容・連絡先をご入力ください。