経済・人文社会研究会NRC · HOMEPAGE RENEWAL · 2026
26の国策研究機関の研究が政策と国民に届く通り道、NRCのホームページを3回にわたって描き直した記録です。
運営改善画面6種・研究会紹介フィルム・リニューアル案2種
01 · TWO HALVES研究会のシンボルは2つの半円です
左上は経済を、右下は人文社会を意味します
02 · 26 INSTITUTESその周りに26の国策研究機関があります
経済・産業から行政・法・統一まで、5つの分野にまとめました
03 · 4,581 RESULTS機関の研究は4,581件の成果として積み重なりました
報告書とブリーフ、映像とカードニュースが一か所に集まります
経済・人文社会研究会（NRC）は、国務総理傘下の公共機関です。韓国開発研究院から育児政策研究所まで、経済・人文社会分野の26の政府出捐研究機関を支援・評価し、機関間の協同研究を組織して、その成果を発信しています。ホームページは、その成果が政策担当者と国民に届く最初の通り道です。韓国語版と英語版のホームページ、年に2回発行するウェブマガジン「Future Policy FOCUS」、毎週約3,000人が受け取るニュースレターは、すべてここを通って届けられます。
私たちはこのホームページを3回描き直しました。10月中旬には今の枠組みのまま運営の問題を解く画面6枚を、10月末には研究会を紹介する1本のスクロールフィルムを、11月には一からリニューアルするつもりで二つの方向のメイン案を作りました。このページは、その過程で読み解いたシンボルと色、自分たちで数えた数字、そして選んだ画面と捨てた画面を順にまとめた記録です。
韓国語版・英語版・ウェブマガジンの最初の画面を3回ずつ開き、表示時間と転送量を記録しました。
ポップアップに覆われていた最初の画面、ウェブマガジンの記事、バナー管理、満足度調査、ニュースレター受信者の管理を、画面に落とし込みました。
シンボルの二つの半円と26の機関を粒子で描く、スクロール型のランディングページを作りました。
研究成果掲示板を種類・テーマ別に数え、情報構造を組み直しました。
シンボルの形から出発したTWO HALVESと、利用者の質問から出発したQUESTION FIRSTを作りました。
研究会のシンボルは、グレーのドーム一つと半円二つでできています。公式シグネチャーの画像で比率を測ってみると、ドームは幅4・高さ1.6の半楕円で、二つの半円の直径はドーム幅のちょうど半分でした。この単純な比率を理解してこそ、図形を動かしたり伸ばしたり分けたりしても、研究会のシンボルとして成り立ちます。
すべての図形は1本の横線から始まります。グレーのドームとコーラルの半円は線の上に、シーグリーンの半円は線の下に置かれます。
公式シグネチャーで測ってみると、ドームの幅と高さは4対1.6です。同じ幅の半円より低いため、上にそびえるというより、広く包み込む印象を与えます。
ドームの内側、左にある半円です。直径はドーム幅のちょうど半分の2です。研究会は、この半円が幸福と繁栄を追求する経済性を表すと説明しています。
右側の半円は、基準線の下まで下りてきます。人本主義と福祉社会を意味します。ドームの外に出ている図形は、この半円だけです。
二つの半円の弧をつなぐと、太極のS字曲線になります。残りの円を点線で描き足してみると、シンボルは太極の上半分を少し押しつぶした形です。研究会はこれを融合的理念と呼んでいます。
研究会は最初から一つではありませんでした。1999年3月に、経済社会研究会と人文社会研究会がそれぞれ設立されました。
2005年7月、両研究会が統合してNRCになりました。シンボルの二つの半円は研究会の歴史とも重なっています。私たちはこの重なりをすべての案の出発点にしました。
経済・人文社会研究会のシンボルマークは、宇宙と大韓民国の象徴である太極イメージを基本的に表現している。左側の半円は幸福と繁栄を追求する経済性を表し、右下の半円は人本主義と福祉社会を象徴することで研究会の融合的理念を象徴している。
研究会の公式色は、コーラル、シーグリーン、グレーの3色です。どれも彩度を抑えたやわらかな色なので、シンボルの中では落ち着いて調和しますが、白い背景の上で文字に使うと、明度コントラストは1.9:1、2.3:1、3.4:1にとどまります。公共Webサイトの本文の基準である4.5:1には、3色とも届きません。反対に暗い背景では、11.0:1、8.9:1、6.1:1と十分です。
そこで色を二層に分けました。公式色は広い領域や大きな図形、暗い背景の文字にそのまま使い、白い背景の文字や細い線には、同じ色相のまま明るさだけを下げた段階を別に作りました。
#DCB496#88B29F#8C8A88#212121#555555400が公式色です。白い背景で、500は大きな文字（3:1）、600は本文（4.5:1）、700は小さな文字（7:1）の基準を初めて超える明るさです。色を押すと、右側で実際の文字として確認できます。
政策現場につながる研究を探します。
4.5:1 本文に使える政策現場につながる研究を探します。
3.5:1大きな文字のみ選んだ色#917058 コーラル600
2026年10月22日・研究会
2026年10月22日・研究会
2026年10月22日・研究会
2026年10月の韓国語版ホームページでは、利用者満足度調査を知らせるポップアップ2枚が最初の画面を覆っていました。スマートフォンでは、ポップアップが画面のほぼ全体を隠していました。お知らせは伝えなければならず、最初の画面はふさいではいけないため、第1回の画面案は、ポップアップを最上部の帯バナーと本文内のポップアップゾーンへ移すことから始めました。
最初の画面の主要コンテンツは1秒あまりで表示されます。しかし韓国語版メインをすべて読み込むまでには4秒を超え、転送量は約64MBに達します。メイン映像を静止画から始め、画面外の画像を後から読み込むようにすれば減らせる重さです。
オフィスの回線で、Chromiumを使い画面ごとに3回開いて測った中央値です。PCは1,440px、モバイルは390pxの画面で、測定時のポップアップや映像の表示状態によって値は変わります。
研究成果掲示板には、研究会と26機関の報告書、ブリーフ、マルチコンテンツ、資料が一か所に集まっています。2026年11月1日、一覧画面で種類とテーマごとに件数を数えました。下の点1つが1件を表します。
4つの種類のうち、マルチコンテンツが1,960件で最も多くなっています。そのうち動画が1,366件を占め、掲示板はすでに「長い報告書を置いておく場所」から「さっと見て次へ進む場所」へと変わりつつありました。
16のテーマに分けてみると、2,230件、約49%が「総合一般」という一つの分類に集まります。テーマのメニューから探した人は、半数近くの研究に出会えません。
同じ4,581件を、読むのにかかる時間でまとめ直しました。3分で見られるカードニュース、10分ほどのブリーフと映像、1時間以上かけて読む報告書に分ければ、訪問者は今ある時間に合わせて選べます。
出典：NRCホームページ 研究成果掲示板の一覧（2026年11月1日）。種類は掲示板の分類そのままで、テーマは16の分類ごとに個別に絞り込んで数えた値のため、どの分類にも当てはまらない180件を別にしました。読む時間は、形式に応じておおまかに分けたまとまりです。
1つ目の提案は、サイトを全面的に作り替えないことでした。メニューと画面構成はそのままにして、担当者が毎週ぶつかる課題を6枚の画面で解決しました。韓国語版メインは一晩で4回描き、最後の2つをA案とB案として出しました。
最初のメインは、天びんの絵が浮かぶ暗いビジュアルの上に検索ボックスを置き、右にポップアップゾーンを付けました。
2つ目のメインは、タイトルを明朝体に、背景をクリーム色に変え、研究成果を大きな表紙1つとリストに分けました。
B案は、タイトルと検索窓を画面の中央に据え、その下の一列にポップアップゾーンとイベント日程を並べました。
A案は、検索窓を組み込んだ大きなビジュアルとポップアップゾーンを並べ、その下の一列にイベント日程と3つのクイックリンクを配置しました。
二つの案の違いは検索窓の位置です。A案はビジュアルの中に、B案は画面の中央に置きます。スクロールすると、A案、B案、両案を並べた表示の順に、画面が上から下へ流れていきます。ボタンで直接選ぶこともできます。
運営担当者の1年に沿って、6枚の画面を描きました。画面を押すと拡大して見られます。
ポップアップが最初の画面をふさがないように、満足度調査のようなお知らせは最上部の帯バナーへ、ウェブマガジン発行のような広報物は本文内のポップアップゾーンへ移しました。
担当者が帯バナーとポップアップゾーンのバナーを自分で登録し、掲載の開始と終了を予約します。代替テキストが空欄だったり、明度コントラストが4.5:1に満たなかったりすると、登録前に知らせます。
冊子の発行後2週間以内にWebで公開する記事画面です。目次と今号のほかの記事、購読の申し込みを記事の横に置きます。
同じ記事とメインが、スマートフォンの画面でもはみ出さずに読めます。幅の広い表は左右にスワイプして見ます。
1,500人前後の参加を目標にした12問の調査です。個人情報の収集に同意しなくても参加でき、同意を得るのはプレゼント抽選に応募する場合だけです。
毎週約3,000人に届くニュースレターの、受信同意の期限切れを管理します。期限の30日前に再同意の案内を自動で送り、メールアドレスは先頭の2文字だけを表示します。
画面に記載された資料名・日付・数値は、構造を説明するためのサンプルです。
2つ目の提案は、画面の中の問題よりも、研究会に初めて触れる人が受ける印象から出発しました。スクロールすると、粒子がNRCの文字からシンボルへ、26機関の軌道へ、コアバリューの波へと形を変えていきます。
最初の画面でNRCの文字を形づくっていた粒子が、スクロールに合わせてグレーのドームと二つの半円へ移っていきます。
分野ボタンを押すと、その分野の機関の粒子群だけが明るくなり、名札が軌道に沿って回ります。
信頼性・創造性・専門性の三つの言葉が切り替わるあいだ、粒子は画面の下で波となって流れます。
1999年の二つの研究会から2024年の25周年まで、縦スクロールで横に並んだ沿革をめくっていきます。
今のメニューは、研究会という機関を説明する順番で組まれています。「NRCについて」「NRCニュース」「研究成果」「広報館」「情報公開」の順です。ところが訪問者の多くは、メニューではなく検索から、機関の名前ではなく質問を抱えてやって来ます。リニューアルB案は、なじみのあるメニュー6つはそのままに、メイン画面の中から研究成果へたどる道を5つに増やしました。左のメニューにマウスを重ねると、つながる道が表示されます。
11月の3つ目の提案は、今のサイトの枠組みを手放し、一からリニューアルするつもりで作りました。同じ事実と同じ研究成果を使いつつ、一つはシンボルの形から、もう一つは利用者の質問から出発しています。
TWO HALVES
「二つの半円が出会い、一つの政策になります」
A案の録画を見る
QUESTION FIRST
「質問一つに、26の研究機関が答えます」
B案の録画を見る
シンボルの三つの図形を、サイト全体の形の文法にした案です。1本の基準線からドームが立ち上がり、コーラルの半円が転がり込み、シーグリーンの半円が基準線の下に収まったあと、三つの図形が画面を分ける色面になります。
基準線の上にドームが立ち上がり、二つの半円が所定の位置に収まったあと、シンボルが画面より大きくなり、三つの図形がタイトルと統合検索を包む色面になります。
1999年には離れていた二つの半円が2005年7月にS字にかみ合い、点が弧をたどって2024年の革新戦略まで進みます。
研究成果4,581件の種類別の割合を4つの半円ゲージで示し、カードは上辺が半円形にくぼんだ枠に収めました。
機関ごとに小さな半円を一つずつ大きなドームの弧に沿って並べ、分野を選ぶと該当する機関の半円が外側にせり上がります。
訪問者が抱えてくる質問から出発した案です。検索窓に質問が1文字ずつ入力されると、その研究を発行した機関の点が明るくなり、シンボルのS字に似た線が集まって、実際の研究成果のカードが開きます。
「若者はなぜ『休んだ』状態にとどまるのか？」と入力されると、韓国職業能力研究院の点が明るくなり、線が検索窓の下に集まって、実際のイシューブリーフのカードが開きます。
半分を占めていた「総合一般」のブロックが6つに分かれて質問グループの下に入り、残りのテーマもグループごとに置き直されます。
読むのにかかる時間で資料を選ぶと、ドーム形のダイヤルがその割合の分だけ満ちていき、実際の資料が下に表示されます。
中央のシンボルから26の機関へS字の線をつなぎ、分野を選ぶとその分野の線だけがコーラルで描き直されます。
ホームページは、公開する日よりも運営する日のほうがはるかに長く続きます。提案には、2027年1年間の運営スケジュールもカレンダーにして盛り込みました。Webアクセシビリティ認証マークは5月27日の期限切れ前に更新し、ウェブマガジンは冊子の発行後2週間以内にWebで公開し、ニュースレターは毎週送ります。下のドームは、シンボルのグレーのドームを1年のカレンダーとして広げたものです。
1月 引き継ぎ・安定化
いくつもの方向を提案しましたが、最終的な選択にはつながりませんでした。それでも3回の提案は、同じ問いを異なる深さで扱っています。1つ目は今の画面を守りながら運営の不便を減らし、2つ目は研究会に初めて触れる人の印象を描き、3つ目はシンボルと質問という二つの出発点からサイトを組み立て直しました。
韓国語版メイン4種と運営画面6枚
粒子で描かれた研究会紹介フィルム
TWO HALVES · QUESTION FIRST
公式色が白い背景では文字になれないことを先に数字で確かめていたので、二つのリニューアル案は最初から、色を広い領域用と文字用に分けて使えました。
4,581件を種類とテーマで数えていなければ、「総合一般」が半分を占めることも、映像が報告書より多いことも分からなかったでしょう。
認証の更新やウェブマガジンの発行、毎週のニュースレターのように日付の決まった仕事を、画面と一緒に設計しました。
NRC HOMEPAGE RENEWAL
NRC・運営画面6種・紹介フィルム・リニューアル案2種
| Item | Detail |
|---|---|
| Client | 経済・人文社会研究会（NRC）・国務総理傘下の公共機関 |
| Scope | 韓国語版メイン・Future Policy FOCUS・管理画面・研究会紹介・リニューアルメイン |
| Period | 2026年10月～11月 |
| Round 1 | 運営改善画面6種（韓国語版メイン4種・バナー管理・ウェブマガジン記事・レスポンシブ・満足度調査・ニュースレター受信者管理） |
| Round 2 | 研究会紹介のスクロールフィルム・粒子の形5種類・シーン11個 |
| Round 3 | TWO HALVES・QUESTION FIRST リニューアルのメイン案 |
| Identity | 二つの半円 · NRC Coral #DCB496 · Seagreen #88B29F · Gray #8C8A88 |
| Data | 研究成果4,581件・イベント日程1,764件（2026年11月1日基準） |
| Typeface | Pretendard · Outfit |
| Studio | BlueCanvas |
Goal26機関の研究が、問いを持つ人に届く
機関のシンボルと自分たちで数えた数字から出発し、
公開日の画面と運営する1年を一緒に描きます。
公共機関
Korea Drug Development Fund
利用者分析とCIの解釈、9つのメイン案、パイプラインの可視化までを収めた、公共機関Webサイトの構築・リニューアルのプロセスです。
公共機関
National Center for the Rights of the Child · 365日 子どもの日
記念日Webサイトのリニューアル提案です。五つの記念日のキャラクターが点（目と頬）・線（墨色の腕と手書き文字）・面（色の図形）で描かれていることから出発しました。キャンペーンの絵から5組の色と文字用の色を測り、日ごとに異なっていた35のメニューを五つの日×五つの系統に組み直しました。1年365日を点で刻む365 CALENDARと、一本の線で五つの日をつなぐHAND IN HANDの2案まで収めています。
金融
Hana Bank HANA THE NEXT ウェブマガジン
Hana Bankのシニア向けウェブマガジンのリニューアル提案です。ロゴのEは人生の第1・2・3幕を表す3本の線で、Xの中には「⟩」が隠れています。50〜64歳の（New）シニアの時間割と最も小さな文字から読みやすさの基準を組み直し、日付順の一覧を人生の三つの幕と五つのテーマで編み直しました。毎週表紙をめくるTHE NEXT PAGEと、生まれ年から自分の幕を見つけるMY NEXT ACTの2案まで収めています。
Contact
現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。
DIRECT
お問い合わせを受け付けました。営業日1日以内に作業範囲とお見積りをまとめてご返信します。