フォーブスコリアスターズ・一票が星になるまで

01 / OVERVIEWプロジェクト概要

ファンが選び、
フォーブスが記録する

フォーブスコリアスターズは、ファンダムの投票でアイドルとセレブを選ぶフォーブスコリアのアワードサイトです。毎月開かれるMONTHLY VOTE、2021年から上半期と下半期に1回ずつ開かれるKポップアワードFKA、毎月のセレブを選び、年末に12か月分の票を足すセレブアワードFFがあります。投票はファンダムアプリのアイドルチャンプとセレブチャンプで行います。MONTHLY VOTEとFKAの1位はフォーブスコリアのマガジンに記事とスペシャル表紙で掲載され、FKAのウィナーとFFの優勝者はFORBES KOREA STARSの授賞式で一緒に表彰されます。

사이트의 브랜드와 어워즈를 살펴보고 팬을 위한 경험을 어떻게 풀어낼지 고민한 기록입니다.

CLIENT: フォーブスコリア
FORBES KOREA STARS
WEBSITE: forbeskoreastars.kr
韓国語
OUR ROLE: リニューアル調査、ブランド解釈、
情報構造、UI、モーション
DELIVERABLE: カラー・バッジ・動きの基準

3つアワードMONTHLY VOTE · FKA · FF
2021年FKAが始まった年毎年、上半期と下半期に1回ずつ開かれます
160か国以上投票するファンの国現在のサイトのFKA紹介に書かれている数です
100 % ファン投票を反映 FKAは結果をファンダム投票としてのみ決定します

今サイトのロゴです。上からKoreaが乗せられたForbesワードマーク、中に四芒星が置かれた水平線、太いセリフで書いたSTARSがあります。このページのロゴは公式Forbesワードマークベクトルと、サイトのロゴ図（272×162px）から切り取った輪郭で再描画しました。

02 / CHALLENGE出発点

NOW · forbeskoreastars.krHOME2026.10

ファンダムが直接選ぶFORBES KOREA STARS②

Monthly VoteFKAFF③

Forbes④

①バナー一枚1920×680px・黒地上のリボンとステッカー、真ん中の白いロゴカード
②見出し「ファンダムが直接選ぶFORBES KOREA STARS」
③アワードカード3枚Monthly Vote・FKA・FFを文章で紹介する欄
④フッターグレーのForbesロゴと著作権表示2行

今のファーストビューの構成です（2026年10月時点）。リボンとステッカーが散らばったバナー1枚の下に、見出しとアワードカード3枚が順に並んでいます。

現在のサイト構成進行方法は異なりますが
メニュー構成は同じです

FKA

上半期・下半期に各1回予選と決選を経てK-POPアワードの受賞者を選びます。

FF

毎月の投票 + 年末の集計毎月セレブを選び、1年間の投票を集計します。

MONTHLY VOTE

毎月1回毎月のテーマに合うアイドルとセレブを選びます。

各アワードに共通するメニュー

VOTE LIVE투표
ABOUTはじめに
HOW참여 방법
WINNERSウィナー

3つのアワードにはそれぞれ同じ4つのメニューがあり、お知らせは別にあります。投票の周期の違いはメニューだけでは伝わりません。

01
メニューには略語しかありませんでした
上部メニューにはFKA・FF・MONTHLY VOTE・NOTICEの4語が並んでいます。FKAがフォーブスコリアKポップアワードで、FFがセレブアワードだということは、ファーストビューのカードや紹介ページのかっこの中で初めてわかります。初めて来たファンは、まずどの投票が今開いているのかを探さなければなりませんでした。
02
同じ枠のページ12枚
3つのアワードごとにVOTE LIVE・ABOUT・HOW・WINNERSの4ページが同じ枠で繰り返されます。毎月開かれる投票も、半年ごとに予選と決選を行うアワードも、12か月分の票を足す年間集計も同じ形なので、互いの違いが見えませんでした。
03
端末ごとに異なる仕上げ
投票ページのD-dayと時計は、訪問者の端末の日付と真夜中に基づいて数えられます。 160カ国以上のファンが訪れるサイトですが、画面は韓国語だけで、同じ締め切りも国によって一日が異なって見える場合があります。
04
グローマンのリワード
1位が受け取るフォーブスコリアのスペシャル表紙と授賞式のトロフィーは、紹介文の中の一文にしか出てきません。受賞者ページも、年度と回を選ぶと写真と名前を1枚見せるだけです。ファンがいちばん待っている場面が、画面にはありませんでした。

03 / NAME名前の二つの側

名前は二つに分かれ、
真ん中に星があります

ロゴを上から読むと、Forbes、横線の上の星、STARSです。フォーブスは1917年に創刊された経済誌で、1982年からForbes 400を発表してきました。フォーブスと聞いてまずリストを思い浮かべるのはそのためです。フォーブスのリストをつくる数字が純資産と収入なら、フォーブスコリアスターズの数字はファンの票です。

1917アメリカで創刊された経済誌
1982Forbes 400を初めて発表した年
LIST数字で人を並べるリスト

✦ ファンの一票数字で記録する側と応援する側が出会う場所

IDOL アイドルグループ、ソロ歌手、俳優
160+160か国以上のファンダム
LIGHT応援する気持ちを照らす光

04 / STAR四芒星

4つの頂点を
内側に引いた星

ロゴ画像（272×162px）では、星の直径は17.5px、横線の太さは1.6pxです。4つの頂点を直線ではなく内側に反った曲線でつなぐので、ダイヤモンドより鋭く、きらめく形になります。元の画像の面積に合わせてみると、曲線の制御点を頂点から中心へ24%引き寄せた星とほぼ同じでした。

曲線を引き込んだ度合い24%ロゴの星

0％・ダイヤモンド80％・細い星

スクロールすると、4つの頂点を結ぶ曲線が内側に曲がります。スライダーを動かして形を確かめることもできます。24%の位置がロゴの星にあたります。

17.5px星の直径
1.6px横線の太さ
24%曲線を引き込んだ度合い

星をサイトの
記号として使います

ロゴで一度使われるだけだった星を、サイト全体で同じ意味をもつ記号に変えました。星が見えるところには、いつもファンの票に関わる何かがあります。

進行中
今開いている投票名の横でゆっくり輝いています。
1位
リストの1位行にのみ星がつきます。
区切り線
ロゴのように横線の中央に置き、シートを分割します。
読み込み中
得票を新たに呼んでいる間、星は一輪を助けます。
応援反応
応援を送ると小さな星がぽんと鳴るように広がります。
箇条書き
投票ルールのようなリストの前に小さくします。

05 / COLOR色

舞台照明のように、
赤から紫へ

アワード名の画像3枚（FKA・FF・MONTHLY VOTE）の文字を左から右へ切って色を測ると、5つの地点がほぼ同じ値になります。赤#FF2340からピンク#FD359Dを経て紫#B533C9で終わるグラデーションです。バナーでは黒が画面の55%を占め、その上でこれらの色が舞台照明のように輝きます。

FKA、FORBES KOREA K-POP AWARDSのロゴ — 今のサイトのアワード名の画像3枚と、文字を縦に切って列ごとに平均を出した5つの地点の色です。3つの画像はすべて同じグラデーションを使っています。

FF、FORBES KOREA FAVORITE CELEBの円形ロゴ — 今のサイトのアワード名の画像3枚と、文字を縦に切って列ごとに平均を出した5つの地点の色です。3つの画像はすべて同じグラデーションを使っています。

背景ごとに
読める側が違います

バーの上のハンドルをドラッグまたは押してみてください。その場の色で書いた文字が黒と白の背景でどれくらい鮮明かをすぐに計算します。黒い背景では赤の方が、白い背景では紫の方が本文基準（4.5：1）を超えます。

2つの帯のあいだ、紫へ移る短い区間は、どの背景でも本文の基準に届きません。この区間の色は大きな見出しと光にだけ使います。

#FD359D50%

応援するアーティストに投票してください

5.7:1 通り抜け

応援するアーティストに投票してください

3.4:1 不足

文字の色と背景の明るさに対する

組み合わせ	見る	コントラスト	本文基準 4.5:1
赤文字・黒背景	投票に行く	`5.2:1`	通過
ピンクの文字・黒の背景	投票に行く	`5.7:1`	通過
紫文字・黒背景	投票に行く	`4.0:1`	未達・大きなタイトルのみ
黒背景用の紫	投票に行く	`4.5:1`	通過
赤い文字・白い背景	投票に行く	`3.7:1`	未達・大きなタイトルのみ
ピンクの文字・白い背景	投票に行く	`3.4:1`	未達・大きなタイトルのみ
紫の文字・白い背景	投票に行く	`4.9:1`	通過
白背景用の赤	投票に行く	`4.5:1`	通過
白地にピンク	投票に行く	`4.5:1`	通過

01グラデーションは大きなタイトルと光のみ
赤から紫まで流れるグラデーションは、24px以上の太字と✦、得票バーのように輝く場所にのみ書き込みます。本文と小さなラベルは白か黒黒で書かれています。
02小さな文字は背景ごとにペアを決める
暗い背景では赤とピンク、明るくした紫を使い、白い背景では紫と、少し沈めた赤・ピンクを使います。
03どのファンダムの色でもない光
ファンダムごとに応援する色が別にあります。サイトの色はいずれかのファンダムの色ではなく、すべての候補を同じ照明の下に立てる赤から紫までの帯で置きます。
04写真上の文字は暗い膜の上に
ステージ写真の上に文字を置くときは、下に暗いグラデーションを敷いて本文基準（4.5：1）を守ります。

06 / BADGEバッジとステッカー

バナーのステッカーを
アワードの印に

今のバナーには、王冠とトロフィー、ダイヤモンド、3つの星の上のAWARDSのカプセル、文字が流れるリボンがステッカーのように散らばっています。私たちはこれらのステッカーを飾りから「しるし」に変えました。アワードごとに絵を1つずつ割り当て、投票の状態を知らせるステッカーを加えました。

MONTHLY VOTE王冠
毎月一度決める今月の1位です。波状のバッジの中に王冠を置きます。
FKAトロフィー
FORBES KOREA STARSの授賞式でウィナーがトロフィーを受け取るアワードです。角の丸い四角の中にトロフィーを置きます。
FFダイヤモンド
ファンがいちばん大切にしているセレブ、FAVORITE CELEBを選びます。花の形のバッジの中にダイヤモンドを置きます。

STICKER BOARDステッカーをドラッグして移動します。ファンが応援投稿に貼り付けるシーンを思い出して作った版です。

後ろにぼかして敷いた絵は、今のサイトのバナーです。その上のステッカーは、今回のリニューアルで描き直したものです。

07 / RHYTHM3つの時計

3つのアワードは
それぞれ違う時計で回ります

MONTHLY VOTEは毎月1回、FKAは上半期と下半期にそれぞれ予選と決選を行い、FFは毎月のセレブを選びながら12か月分の票を集め、年末にもう一度表彰します。同じ枠のページを12枚並べる代わりに、1年を1つの輪で描き、3つの時計を重ねました。

1月

MONTHLY VOTEとFFの今月の投票が開かれ、上半期のFKAが続きます

MONTHLY VOTE毎月
月に一度、今月のアイドルとセレブを決めます。1年で12回です。
FKA半年ごと
上半期と下半期に1回ずつ、予選（SEMI FINAL）と決選（FINAL）を行います。予選のTop 5が決選に進みます。
FF毎月+一年の終わりに
毎月その月のセレブを決め、12か月分の票をすべて足して、年末に今年のセレブをもう一度決めます。

13ページを
6つの場所に

3つのアワードの同じ名前のページを1か所にまとめました。3つのVOTE LIVEは「今の投票」という1画面になり、3つのABOUTは3つのアワードを並べて比べる1ページになります。今のサイトになかった「候補・リスト」を新しく加えました。

FKAVOTE LIVE FKAABOUT FKAHOW FKAWINNERS FFVOTE LIVE FFABOUT FFHOW FFWINNERS MONTHLY VOTEVOTE LIVE MONTHLY VOTEABOUT MONTHLY VOTEHOW MONTHLY VOTEWINNERS NOTICE一覧

01今投票
開いている投票を賞とは無関係に1画面にまとめます。締め切りとアプリも一緒に見えます。
02候補・リスト
アワードをタブで切り替えて見る順位表です。今のサイトにはなかった場所です。
NEW
03アワード
3つのアワードのサイクルと候補、リワードを1ページで比較します。
04ウィナー・カバー
毎年のウィナーとスペシャル表紙を1つの壁に積み上げるアーカイブです。
05投票方法
アイドルチャンプとセレブチャンプの2つに分けて案内します。
06ニュース
スケジュールと結果のお知らせをまとめます。

08 / VOTE LAB投票画面ラボ

票が入ると
順位が動きます

투표 화면의 원리를 작게 만들어 보았습니다. 응원을 보내면 빛이 막대로 날아가 득표가 오르고, 순위가 바뀐 행은 자리를 바꿉니다. 시계는 방문자 기기의 자정이 아니라 서울의 자정까지 남은 시간을 세고, 그 시각이 내 시간으로 언제인지 함께 보여 줍니다.

MONTHLY VOTEアイドルグループ・例

1 BTS방탄소년단 · 보이그룹 3,912,408
2 BLACKPINK블랙핑크 · 걸그룹 3,786,115
3 SEVENTEEN세븐틴 · 보이그룹 3,402,977
4 aespa에스파 · 걸그룹 3,118,640
5 TWICE트와이스 · 걸그룹 2,965,203
6 STRAY KIDS스트레이 키즈 · 보이그룹 2,701,889

아티스트는 실제 팀이지만 순위와 득표수는 시연용 예시입니다.

ソウル深夜まで

00:00:00

あなたの現地時刻では—

ソウル—
東京—
ジャカルタ—
ムンバイ—
パリ—
ロンドン—
サンパウロ—
ニューヨーク—
ロサンゼルス—

ソウルの深夜0時（KST 00:00）が各都市で何時になるかを、実際のタイムゾーンで計算します。

09 / COVERスペシャル表紙

1位が受け取るのは
フォーブスコリアの表紙

MONTHLY VOTEとFKAの1位は、フォーブスコリアのマガジンに記事とスペシャル表紙で掲載されます。リニューアルでは、この表紙を結果発表の最後のシーンとして、またウィナーアーカイブの表紙の壁として使いました。表紙の枠を先に決めておけば、どのアーティストが1位になっても同じ品質で発表画面を作れます。

アワード

ウィナー

カバートーン

カバーの枠を見る

아티스트는 실제 인물이지만 순위와 표지는 시연용 예시입니다. FF 위너는 표지 대신 FORBES KOREA STARS 시상식에서 함께 시상합니다.

SPECIAL COVERFORBES KOREA STARS

MONTHLY VOTE・2026年9月

BLACKPINK

ファンが選んだ今月のアイドル

160か国以上のファンが書いたリスト
FORBES KOREA STARS・授賞式へご招待

10 / WORLD160か国以上

ソウルの深夜0時は
世界ではさまざまな時刻です

FKA에는 160여 개국의 팬이 투표합니다. 서울이 자정일 때 뉴욕은 오전이고 파리는 오후입니다. 마감을 서울 시각으로 적고 방문자의 시각을 함께 보여 주는 방식을 살펴보았습니다.

点1つは、経度・緯度1.8°の1マス分の陸地です。光は世界の各都市からソウルに集まります（光の数は実際の投票数とは関係ありません）。

ソウル——
東京——
ジャカルタ——
ムンバイ——
パリ——
ロンドン——
サンパウロ——
ニューヨーク——
ロサンゼルス——

次のソウルの深夜0時（KST 00:00）を、都市ごとのタイムゾーンに換算した時刻です。サマータイムもその日の実際のルールどおりに計算します。

11 / CREDITSTHE MASTHEAD · BLUECANVAS WORKS 2026

FORBES KOREA STARS RENEWAL PROPOSAL

一票が
星になるまで

フォーブスコリアスターズアワードサイトリニューアル提案

Client: フォブスコリア・FORBES KOREA STARS
Project: アワードサイトリニューアル提案（国文メイン）
Period: 2026年10月
Research: 今のサイト 13ページ・アワード名の画像 3枚・バナー 1920×680px
Identity: Forbes ✦ STARS · #FF2340 → #FD359D → #B533C9
Badges: 王冠・トロフィー・ダイヤモンドと状態ステッカー
Typefaces: Pretendard · Playfair Display · IBM Plex Mono · Unbounded
Studio: BlueCanvas・リニューアル提案

ISSUE2026.10

FROM A VOTE TO A STAR

ファンの一票が
長く輝くサイトへ

投票が行われる日から表紙が出る日まで、ファンが待つ瞬間を一つずつシーンで設計します。

プロジェクトを話す他のポートフォリオを見る

項目	保存期間	根拠法令
契約・サービス履歴	5年	韓国電子商取引法
決済・取引履歴	5年	韓国国税基本法、韓国電子商取引法
顧客の苦情・紛争対応	3年	韓国電子商取引法
アクセスログ（IPを含む）	3か月	韓国通信秘密保護法

一票が星になるまで

ファンが選び、
フォーブスが記録する

名前は二つに分かれ、
真ん中に星があります