WARM熱を人に向けて
VESTATON®
カーボンナノチューブとグラフェンフレークを混ぜた発熱素材を薄いフィルムに収めました。電気を受けるとフィルム全体で熱が出て、遠赤外線に近い人をすぐ暖めます。風を吹いて空気を暖める方法とは異なり、暖めたい場所に貼り付けるヒーターです。
- 数秒で上昇する温度
- 250℃以上
- 発熱均一性
- 98％以上
- フィルム厚
- 0.07mm未満
- 車内の部位・適用分野
- 8か所・3つ
TERAON・TERAONRENEWAL PROPOSAL
熱の方向を設計する
ナノカーボン素材企業TERAONのWebサイトリニューアル提案
Thermal Flow · Warm the Human, Cool the Earth, 2つの方向
TERAON · CASE STUDYTERAONのOは電源ボタンです
スクロールすると電源が入ります
WARM・VESTATON®フィルム一枚が綿全体で暖められます
250℃以上まで数秒、発熱均一度98%以上
COOL・TERABOND®チップ下の銀焼結層が熱を下に引き出し
熱伝導度150W/mK以上、圧力なしで焼結します
WARM THE HUMAN, COOL THE EARTHある会社が熱を2方向に扱っています
人に向かって暖め、チップから引き出します
01 / OVERVIEWプロジェクト概要
熱を扱う素材会社、
2つの名前
TERAONは2018年に設立された素材企業です。カーボンナノチューブとグラフェンで作った発熱素材を薄いフィルムヒーターVESTATON®で作って、SiCパワー半導体のチップを基板に貼り付けるチップボンディング剤TERABOND®を作ります。 2022年にSKシルトロンの系列会社となり、京畿道安城の両工場で素材とヒーターを生産します。
BlueCanvasは2025年からTERAONホームページのホスティングとメンテナンスを担当しています。今年1月に最初のリニューアル提案の4章を送り、10月には最初から再描画したらどのサイトになるか動く提案二つで再提案しました。このページは2回の提案を行き来し、悩んだ記録です。
- 2 個 製品ブランド 熱を発するVESTATON®と熱を引き出すTERABOND®
- 250 ℃ フィルムが上がる温度 VESTATON®が数秒で到達する温度（異常）
- 150W /mKチップボンディング剤の熱伝導度TERABOND®がチップの下から熱を移す程度（以上）
- 6 個 2回の提案 1月の最初の提案4つの章と10月の2つの移動提案
02 / CHALLENGE出発点
01Nano Carbon Film Heater for EVVESTATON® · 電気自動車もっと見る
VESTATON®詳細ポップアップ・3つのゾーン
- 車の中の8箇所・Steering wheelからDoor trimまで
- Hands Off Detection for Autonomous Driving
- Leading Energy Solution
02Die Attach Paste for SiC Power SemiconductorTERABOND® · チップボンディング剤続きを読む
TERABOND®詳細ポップアップ・8つのゾーン
- Top · Die · Lead · Bottom Attach
- Thermal Cycle Tests
- Void & Delamination Test Results
- Sintering Test Results
- 優れた公平性・オープンタイム
- Manufacturing Process
- Analysis Process
- 製品の特徴・仕様表（TDS）
03NEWS投稿したもの
- 013枚の画面、2つのポップアップ
今メインページはフルスクリーンの3枚です。車内の8部位とハンズオフ検知、チップボンディング剤の試験結果と工程、仕様表はいずれも「詳しく見る」を押さなければ開かないポップアップ2つの中に入っています。会社が最も誇る内容が最初の画面の後ろに隠れていました。
- 02三箇所に別々に書かれた仕様
チップボンディング剤の熱伝導度とプロセス温度、チップサイズはメインポップアップとチップボンディング剤ページ、会社紹介のAdvanced Materialsに別々に書かれています。運営する側では、数値一つを直す際に三箇所を合わせるべき構造です。
- 03図の中に閉じ込められたタグライン
「Warm the Human, Cool The Earth」は会社紹介ページのロゴ絵の中にのみあります。文字ではなく絵なので検索にも、画面を読んでくれるプログラムにも捕まらない。
- 04見えない熱
VESTATON®の利点は、綿全体が均一に温まることであり、TERABOND®の利点は、チップの下に熱がよく落ちることです。どちらも目に見えない熱の話ですが、サイトはこれをレンダリングイメージと数字だけで説明していました。
03 / TWO DIRECTIONS2方向の熱
暖める素材と
冷たい素材
リニューアルを始める前に、2つの製品が何をしたのかを書き直しました。 VESTATON®は電気を受けてフィルム全体で熱を出し、TERABOND®はチップの下から熱を取り出します。ある会社の2つの製品が正反対方向に熱を扱っていました。
WARM熱を人に向けて
VESTATON®Nano Carbon Film Heater
COOL熱をチップの外側に
TERABOND®Die Attach Paste for SiC
数値出典：TERAONホームページのフィルムヒーター・チップボンディング剤・会社紹介ページ（2026年10月）
- WARM · VESTATON®
フィルム一枚が綿全体に温まる
電極間に流れる電気がカーボンナノチューブとグラフェン粒子を通って熱になります。線を敷いて暖める熱線と違い、どこからでも熱が出て、曲面や複雑な形に貼っても均等に暖められます。
- WARM · TO THE HUMAN
熱は人の方へ行きます
暖められたフィルムは遠赤外線で近くの体を直接暖めます。手が触れると、タッチセンサーが温度を下げて低温画像を防ぎます。電気自動車のドアトリムやコンソール、床のように人の近くに付く理由です。
- COOL · TERABOND®
チップの熱は下がります
SiCパワー半導体は、オンとオフになるたびに熱を発します。 TERABOND®はチップと銅基板の間で銀焼結層となり、その熱を基板と放熱板に移します。
- COOL · TO THE EARTH
あまり暑くないと買わない
熱がよく落ちるとチップが熱くなり、同じ電気を少なく失います。 TERAONは同じパッケージで加圧フィルム型ボンディング材よりRds(on)が約5%低かったという試験結果を公開しています。
- OUR READING
一文がすでにありました
熱を人に送る製品と熱をチップの外に送る製品。会社紹介ページのロゴ絵の中に書かれた「Warm the Human, Cool the Earth」がこの関係をそのまま語っていました。両方の提案はこの文をサイトの骨格とした。
COOL熱をチップの外側に
TERABOND®
SiCパワー半導体チップを基板に貼り付けるチップボンディング剤です。銀（Ag）を圧力なしで低温で焼結し、チップの下に緻密な層を作り、チップがオンになるたびに発生する熱を基板とヒートシンクの方に引き出します。熱がよくなるほど、チップは熱くなり、電力は低くなります。
- 熱伝導率
- 150W/mK以上
- 比抵抗レベル
- 4×10⁻⁶Ωcm
- 取り付け可能なチップサイズ
- 1×1~8×8㎟
- プロセス温度・圧力なし
- 170~250℃
04 / IDENTITYロゴを読む
Oは
電源ボタンです
TERAONのロゴをストローク単位で分けてみました。先端が丸いような太さの線で書いた5文字の間で、Oのみ電源ボタンの記号で描かれています。だから名前はTERAとONに分かれて読み込まれます。
どちらの製品も「オンの瞬間」の仕事を始めます。電源が入ると、VESTATON®は暖まり始め、パワー半導体チップはオンとオフになるたびに熱を出します。チップボンディング剤の紹介に温度を繰り返し上げて下げる Thermal Cycle 試験結果が載っているのもそのためです。
TERAON
- A案は最初の画面右下に動きを止めて点灯する「MOTION ON」ボタンを置き、ロゴのONを小さな機能に移しました。
- B内は最後のシーンでロゴの下にタグラインを文字で戻し、絵の中にあった文章を画面上に取り出しました。
05 / HEAT LAB熱(実験室)
数字を
手で感じさせる
「発熱均一度98％以上」と「ボイド5％以内」は仕様表では同じ重量の数字に見えます。 2つの数字が実際に何を変えるかを見せようと、熱が広がる様子を単純に計算する小さな実験を2つ作りました。リニューアルサイトの製品ページに入れられるデバイスです。
FILM · TOP VIEW熱線ヒーター
押してみてください
綿の均等
VESTATON® LAB
線で暖めるか、面で暖めるか
同じ電力を熱線の数行に追いやると、行の間はあまり暖まらず、ストライプができます。フィルム全体で熱が出ると、面が均一に温められます。フィルムの上を押し続けると、手が届いた場所の温度が下がります。 TERAONフィルムのタッチセンサーがすることです。
色の明るさは温度を、下のバーはフィルム内の温度差がどれほど小さいかを示します。
CROSS SECTION ボイド0％
チップの最もホットな点
TERABOND® LAB
隙間が熱を閉じます
チップと基板の間の接合層に気泡（空隙）が生じると、その場で熱が詰まり、チップ上に熱い点が生じます。バーを押して隙間を広げてみてください。 TERAONは、需要企業のグローバルパワーモジュール評価でTERABOND®のボイドが5%以内だったと明らかにしています。
TERABOND® · 5%以内（需要企業評価結果）
色の明るさは温度を表し、下のバーはチップの上で最も熱い点がどれほど熱いかを示します。
06 / COLOR色
オレンジは
約150℃の色です
TERAONの広報映像は、フィルムが暖まるシーンを熱画像カメラの色で表示します。冷たいところは見て、熱いところはオレンジを通って白色になります。この目盛を20℃から250℃まで伸ばしてロゴのオレンジを上げてみると、約152℃の位置に置かれました。
両方の提案のオレンジも同じ場所に集まった。そこで色のルールを一つに決めました。色が熱いほどその場面に熱があるという意味で、オレンジは熱があるところにのみ書き込みます。
152℃#E25A32ロゴオレンジに最も近い場所
ONE ORANGE, THREE SHADES
毎月
毎月
異なるオレンジ
ロゴオレンジ＃D35222を小さな文字で書くと、白い背景で4.2：1、黒の背景で4.6：1です。本文基準 4.5:1 にまたがっており、どの背景でも十分ではありません。だから、ロゴオレンジはロゴと大きな数字に置かれ、小さな文字は背景に応じてワンステップで押すか、または明らかにしました。ボタンを押して比較してみてください。
250℃まで数秒、綿全体が均等に
小文字・発熱均一度98％以上、0.07mm未満のフィルム
4.2:1 白い背景の上のロゴオレンジ・大きな文字にのみ書き込みます
- 01オレンジは熱があるところにのみ
オレンジは暖かいシーンとボタン、最も重要な数字にのみ書き込みます。広い面をオレンジで覆わないでください。
- 02壁紙ごとにペアになったオレンジ
ロゴオレンジは白い背景で4.2:1、黒の背景で4.6:1なので、どちらでも十分ではありません。小さな文字は、白い背景に濃く押されたオレンジ、黒の背景に明るいオレンジで書かれています。
- 03熱画像目盛は順番に
紫・赤・オレンジ・黄・白色の順番を覆しません。冷たいものを黄色く、熱いものを紫に塗りません。
- 04TERABOND®は冷たい
熱を出すVESTATON®は暖かい側、熱を取り出すTERABOND®は藍色と青の側に置きます。色だけ見てもどんな製品の話なのか分かります。
07 / TYPOGRAPHY書体
数の多い会社の
数字の組版
TERAONサイトには、温度と厚さ、熱伝導率と比抵抗のように単位がついた数字が非常に多いです。同じ数値がページごとに8x8mm²、8×8mm 2 のように異なって書かれており、両方の提案とも数字と単位を使う規則から定めました。
本文はどちらの提案もゴシックです。 A案はInterとNoto Sans KRで短くしっかりと、B案はPretendardの上に英字タイトル用Soraとデータ表示用JetBrains Monoを加えて実験室の記録のように読ました。
250 ℃ 数秒で上昇する温度
> 150 W / m K 熱伝導率
4×10⁻⁶ Ωcm 比抵抗
8×8mm 2貼ることができるチップサイズ
0.07 mm フィルム厚さ（未満）
98 ％ 発熱均一性（異常）
A案・Inter 600・英語タイトル
Small material.
Extraordinary possibilities.
B案・Sora 600・英語タイトル
Warm the Human,
Cool the Earth.
B案・JetBrains Mono・倍率と章番号
SCALE · NANOMETER10⁻⁹ m → 10⁻³ m → 10⁰ m → 10³ m04 / 08 · VESTATON® FILM
Pretendard 400・本文17px以上
TERABOND®は圧力をかけずに低温で銀（Ag）を焼結し、チップと基板を貼り付けます。プロセス中にチップの損傷を減らし、チップから私は熱を基板とヒートシンクに素早く伝えます。
- ×
乗算は、英語の x の代わりに乗算記号で書きます。 8x8mm²ではなく8×8mm2です。
- ℃ ㎟
単位は 1 文字の記号で書いて行が変わっても割れないようにします。
- 10⁻⁶
指数は小さく縮小された上付き文字の代わりにUnicode上付き文字として書かれ、14pxを下回らないようにします。
- ®
製品名の®はゾーンごとに最初の1回だけ付けられ、数字と重ならないように浮かせます。
08 / STRUCTURE情報構造
5つのメニューを
WARM・COOL・BASEに
まず、このサイトを探している人を書きました。完成車と部品会社のエンジニア、電力半導体パッケージングエンジニア、設備と建築担当者、購入・品質担当者、投資家とメディア、入社志願者まで7つのクラスでした。ほとんどは2つの製品のうちの1つを見つけて入って来ます。
それで、メニューを会社中心の5つのマスで、熱の方向中心の三股に再び結びました。熱を出す製品はWARM、熱を抜く製品はCOOL、両製品を作る会社の話はBASEです。下から訪問者を選ぶと、その人が通り過ぎる道が明るくなります。
今・メニュー五つ
- Company 企業概要 · 沿革 · 特許 · R&D · コア技術 · Advanced Materials · 経営哲学
- VESTATON® フィルムヒーター、自動車、ジャケットヒーター、屋内
- TERABOND® チップボンディング剤・製品紹介・製品特長
- 品質 品質管理・自動化プロセス技術・MES
- メディア 広報ビデオ、受賞、認証、メディア報道、IRの状況
提案 · 熱の方向 3系統
WARM · VESTATON® 熱を人の方に
- フィルムヒーター
- 自動車・八部位
- ジャケットヒーター
- 屋内放射暖房
COOL · TERABOND® 熱をチップの外側に
- チップボンディング剤
- 適用位置・トップ・ダイ・リード・ボトム
- 試験・工程・分析
- 仕様表・TDS
BASE・TERAON 両方向を作る会社
- 会社・沿革
- 素材技術・研究開発
- 品質・MES
- ニュース・IR
製品のお問い合わせ WARM・COOLのうちの1つを先に選んで書くお問い合わせ
09 / MOTIONモーション
オン、流れ、
広くなる
動きの原則は3つあります。最初のものは2つの提案が一緒に書く色の動きであり、2番目と3番目は提案ごとに均等な動きです。デバイスで「動作を減らす」をオンにすると、両方の提案は大きな動きを止め、すべての内容を固定画面で表示します。
-
01
オンにすると暖まる
スクロールでシーンが点灯すると、色は熱画像の目盛りに沿って紫からオレンジ、白色に上がります。 Bの中の数字は上がりながらこの目盛りの色で盛り上がります。
-
02
素材は流れる
Aの中では、カーボンリボンと熱粒子が画面を横切って流れ、VESTATON®フィルムが三重に広がって再び重なります。動きがまもなく素材の結です。
-
03
倍率が大きくなる
Bの中では、右SCALE目盛がナノメートルからミリメートル、メートル、キロメートルに上がります。素材から地球まで、見ているサイズをいつも教えてくれます。
A案案・フロー
THERMAL FLOW素材で新しいエネルギーの可能性を発見
炭素素材がリボンのように流れ、熱になり、フィルムになり、製品となる過程を短く素早く見せる方向です。最初の画面では、黒いカーボンリボンの上にオレンジ色の光粒子が流れ、「HEAT。 CONNECT。 TRANSFORM.」 帯が通り過ぎた後、VESTATON®フィルムが三重に広がり、再び重なります。適用分野はスクロールに合わせて電気自動車・産業用ヒーター・室内空間が順次変わり、TERABOND®はSiCチップの1つと3つの特徴でまとめました。最後はオレンジ色の「Let's create what's next.」です。
- 黒いカーボンリボンの上にオレンジ色の光粒子が流れる最初の画面
- スクロールに合わせて三重に広げられた重なるVESTATON®フィルム
- 電気自動車・産業用ヒーター・室内空間が順番に変わる応用分野
- 今サイトの公正映像を書き換えた品質ゾーン
Inter · Noto Sans KR
A案を直接表示
DIRECTION NOTES
提案Ａのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
- Small material. Extraordinary possibilities.
最初の画面です。黒いカーボンリボンの上にオレンジ色の光粒子が流れ、スクロールするとリボンが画面の近くに近づきます。右下には動きを止めるMOTION ONボタンがあります。
- HEAT. CONNECT. TRANSFORM.
「私たちは素材で新しいエネルギーの可能性を発見します」が一行ずつ明るくなった後、3つの単語バンドが画面を横切って流れます。
- 薄く、柔軟に。ぬくもりはもっと近く。
VESTATON®フィルムが画面に固定されたまま三重に広がり、右の文が素材・エネルギー・可能性順に変わります。
- どこでも自然に。
適用分野は明るいセージベースに変わり、スクロールに合わせて電気自動車・産業用ヒーター・室内空間の3シーンが順番に進みます。タブを押してすぐに移動することもできます。
- 様々な形状にも、精巧に伝える熱。
産業用ヒーターのシーンです。配管を包むジャケットヒーターを断面で見せて、フィルムがどんな形にも付くという話を続けていきます。
- 小さな接続は大きなパフォーマンスを生み出します。
TERABOND®は、SiCチップ1つと150+W/mK・<15GPa・Pressurelessの3つの特徴でのみまとめ、短いメインで2つの製品の違いを素早く示しています。
- アイデアから品質まで。
品質区域は今サイトの工程映像を書き換え、設計・工程・検証の3段階を広げてみるリストにまとめました。
- Let's create what's next.
最後はオレンジ色の背景の大きな文章とお問い合わせのリンクです。お問い合わせフォームは今サイトのものをそのまま続けていきます。
A · THERMAL FLOW 炭黒の上のオレンジ、適用分野の明るいセージ
THERMAL FLOW素材が流れると商品になります
WARM THE HUMAN、COOL THE EARTH倍率を上げると地球が見えます
B案案・倍率
WARM THE HUMAN, COOL THE EARTH 人にはぬくもりを、地球にはアレンジしたエネルギーを
絵の中にあったタグライン「Warm the Human, Cool the Earth」を最初の文章で取り出し、画面の倍率がナノメートルからキロメートルに大きくなる流れに沿った方向です。カーボンナノチューブネットで始まった最初の画面は0.07mmフィルムとなり、画面の中でWARMとCOOLの両方の画面が両側に開きます。 VESTATON®は、広報映像を8シーンに分けてスクロールに合わせて、電気自動車の8箇所と3つの適用分野を経ています。 TERABOND®はチップ下の銀焼結層を重ね合わせた分解図で、試験数値と工程、仕様表につながります。右側のSCALE目盛が今見ている倍率を教えてくれ、最後は目を走る電気車から航空ビューへと遠くなります。
- カーボンナノチューブネットから0.07mmフィルムにつながる第一画面
- 画面の中央から両側に開くWARMとCOOL
- 広報映像を8つのシーンに分け渡すVESTATON®ストーリー
- チップ下銀焼結層を重ね合わせたTERABOND®分解図
Pretendard · Sora · JetBrains Mono
B案を直接表示
DIRECTION NOTES
B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
- Warm the Human, Cool the Earth.
最初の画面です。カーボンナノチューブネットがスクロールに合わせて近づき、右のSCALE目盛がナノメートルを指します。
- 0.07mmフィルムヒーター、VESTATON®
ネットに入るとシーンが0.07mmフィルムに変わり、スケールはミリメートルに上がります。最初の画面では、倍率が一度大きくなります。
- VESTATON® | TERABOND®
「WARM | 「COOL」の縦線を基準に両画面が両側に開き、熱を出す製品と熱を抜く製品が並んでいます。
- 10秒以内に250℃
広報映像を8シーンに分け、スクロールするたびに素材・厚さ・発熱・柔軟性・安全・成形・曲面・室内を1シーンずつ渡します。
- 電気自動車の冬を少ない電力で
明るい紙の背景に変わり、車のレンダリングの9枚のシートを各部位に変えて、ステアリングホイールからドアトリムまで8つの領域を照らします。
- チップの下から熱を引き出す銀焼結層
TERABOND®ゾーンは藍色に変わり、チップ・焼結層・基板を重ね合わせた分解度横に、Die・Top・Lead・Bottom Attachが順番に明るくなります。
- ナノユニットで設計する材料技術
R&Dゾーンは、グラフェン六角格子の上にカーソルとスクロールに沿って熱が広がるキャンバスです。 5つの重要な技術がその上に置かれます。
- 人にはぬくもりを、
最後は目を走る電気自動車から航空ビューに遠ざかり、「人には温もりを、地球にはアレンエネルギーを」という文章を残します。
B · WARM THE HUMAN、COOL THE EARTH 黒の上の熱画像光、TERABOND®の藍色、明るい紙色
10 / PROCESSコース
1月の4章から
10月の2つの方向
この提案は2番目です。 1月には、同じ構造に4色とフォントを付けた最初の提案の4枚を送りました。 4枚とも最初の文章が「ナノ炭素技術で未来を設計する」に近かったし、今振り返ると熱はどこにもありませんでした。
10月には「未来」の代わりに「熱」を設計する対象としました。以下は、1月の最初の提案で私たちが再び書き留めたメモです。
- 01服より物語を先に
4枚すべて紹介→製品→コア技術→沿革→認証→ニュース→お問い合わせの同じ手順で、色とフォントだけが異なりました。 10月には物語の軸を先に決めて色を選びました。
- 02数字はサイトにあります
最初の画面の「51+登録特許」は登録25件と出願26件を加えた数字であり、「10+グローバルパートナー」は根拠が見つからなかった数字でした。 10月の2つの提案は、TERAONサイトと広報映像に書かれた数値だけを移しました。
- 03ビデオはリンクではなくシーンです。
1月には広報映像を丸ごと歩きました。 10月には映像の中の熱画像シーンをスクロールに合わせて1シーンずつ渡すか(B案)、工程映像を品質物語の真ん中に置きました(A案)。
10月と比較した4つの方向
ストーリーの軸を決めようと、4つの方向を最初のスクリーンスケッチで比較しました。 2つの方向は提案となり、残りの2方向は捨てず、提案内の装置とこのケースページに移しました。
-
01
素材が流れる
炭素素材がリボンのように流れ、フィルムや製品になる過程を短く示す方向です。ブランドの印象を素早く残します。
A案Thermal Flowに発展 -
02
倍率が大きくなる
ナノメートルの素材からキロメートルの雪景色まで画面の倍率を育てていく方向です。数値と構造を詳しく読んでください。
B案 Warm the Human, Cool the Earthに発展 -
03
熱画像で見る
サイト全体を熱画像カメラ画面で見る方向です。強烈ですが、製品の写真や文まで一色のルールに縛られ、Bの中の数字の色とこのケースの最初の画面に移しました。
数字色・ケース第一画面へ -
04
仕様表 まず
エンジニアがすぐに数値を見つけるように最初の画面を仕様表で開く方向です。初めて来た訪問者にしきい値が高く、Bの中のTERABOND®製品情報表とTDSボタンで残しました。
B案仕様表・TDSに移す
- 01今サイトをもう一度読む
メインの画面3枚とポップアップ2つ、3箇所に繰り返された仕様、絵の中に入ったタグラインをまとめました。
- 021月の最初の提案
同じ構造に4色とフォントを付けた最初の提案を送りました。
- 03数字を合わせる
サイトに書かれた数値をページごとに合わせて見て、互いに違うように書かれたところは確認リストで別にまとめました。
- 042方向の熱
VESTATON®とTERABOND®が熱を反対方向に扱うということで、物語の骨格を立てました。
- 05ロゴと色
電源記号で描いたＯ、２箇所だけのオレンジ、熱画像の目盛りを一列にしました。
- 062つの提案
流れと倍率、2つの方向を実際にスクロールできるメインページにしました。
- 07写真のないシーン
ナノ構造や焼結層、雪景色のようにカメラに入れにくいシーンは新しく描かれました。
- 08モバイルとクリーンアップ
390px画面でシーンを再編成し、カラー・書体・動き基準をまとめました。
だから決めた4つのこと
2つの提案は最初の画面とは動きが異なりますが、下の4つはまったく同じです。どの提案を選んでもサイトの運営方法は同じでなければならなかったからです。
- 01数字はソースがあるだけです
TERAONサイトと広報映像に書かれた数値だけを移し、研究目標は目標と少ないです。異なって書かれた数字は顧客確認の後で書かれます。
- 02仕様は一箇所に
三箇所に繰り返されたチップボンディング剤仕様は一箇所に置き、他のページではその表を呼びます。直すところが一つになります。
- 03両製品は両方向
熱を出すVESTATON®は暖かい色、熱を取り出すTERABOND®は冷たい色にしておきます。どのページでも、今どの商品の物語なのかがわかります。
- 04タグラインは文字です
絵の中にあった「Warm the Human, Cool the Earth」を文字で取り出し、検索や画面読み取りプログラムにもつかまえます。
写真のないシーンは新しく描かれました。
カーボンナノチューブのネットやチップの下の焼結層のようにカメラに入れにくいシーンは新しく描きました。今サイトの製品写真と工程映像はそのまま活かして使い、実際の写真ができれば同じ場で変えるようにシーンごとに比率と焦点を決めておきました。
11 / MOBILEモバイル
手のひらの上
熱画像
展示会やミーティングで受け取った名刺の住所に入る訪問は、携帯電話で始まることが多いです。どちらの提案も、390ピクセルの画面でシーンを再編成しました。 A案は3枚のフィルムと適用分野を縦に積み上げ、B案はフレーム映像を被写体に追従する正方形に再び切り出しました。
COMPARE2つの方向はどう違いますか？
同じ2つの製品を開く
流れと拡大率
両方の提案は、同じ2つの製品と同じオレンジを扱いますが、最初の画面で最初に渡される言葉が異なります。 A案は短いメインでブランド印象と2つの製品の違いを素早く残し、B案は長いメインで構造と数値を詳しく読むようにします。 TERAONがこのサイトで最初に会いたい訪問者に応じて選べるように違いをまとめました。
区分A・THERMAL FLOWB・WARM THE HUMAN、COOL THE EARTH
最初の画面黒いカーボンリボンとオレンジ色の光粒子 カーボンナノチューブネットから0.07mmフィルムへ
最初の文 Small material. Extraordinary possibilities.Warm the Human, Cool the Earth.
ストーリーの軸素材が流れて製品になるナノメートルからキロメートルで倍率が大きくなる
色炭黒とオレンジ、適用分野の明るいセージ黒の上の熱画像光、TERABOND®の藍色、明るい紙色
書体Inter · Noto Sans KRPretendard · Sora · JetBrains Mono
VESTATON®三重に広がるフィルムと三股適用分野広報映像 8シーンと車内8部位
TERABOND®SiCチップの1つと3つの特徴は焼結層の分解度、試験数値、工程・分析、仕様表
長さメイン7章、短くてすばやくメイン14章、長くて詳細
重量のあるブランドの印象と2つの製品の違いをすばやく構造と数値を詳細に比較する技術顧客の探求
TERAON RENEWAL PROPOSAL
熱の方向を
設計する
TERAON ホームページリニューアルオファー · Thermal Flow · Warm the Human, Cool the Earth
| Property | Value |
|---|---|
| Client | TERAON TERAON・SKシルトロン系列会社 |
| Website | teraon.co.kr · 韓国語 · 英語 |
| Project | Webサイトリニューアル提案・2026年1月・10月 |
| Research | メイン3枚とポップアップ2本、3箇所の仕様、絵の中のタグライン |
| Brand Reading | 二つの方向の熱、電源記号で描いたO |
| Color | ロゴオレンジ＃D35222、熱画像目盛20〜250℃ |
| Structure | WARM・COOL・BASE 三股、仕様は一箇所に |
| Direction A | サーマルフロー・流れるカーボンリボン |
| Direction B | Warm the Human, Cool the Earth · ナノメートルからキロメートルまで |
| Mobile | 390pxスクリーンシーンの再構成 |
| Typefaces | Pretendard · Inter(A) · Sora · JetBrains Mono(B) |
| Studio | BlueCanvas・ホスティング・メンテナンス・リニューアル提案 |
Process Temperature2026.01 → 2026.10
WARM THE HUMAN, COOL THE EARTH
見えない熱を
見えない熱を
見えるサイトに
素材や技術のように目に見えない長所を訪問者が一目で調べるよう、物語の方向から一緒に設計します。
その他のプロジェクト
-
企業・素材
Hitech Polymer
高分子素材サプライヤーのWebサイトリニューアル提案です。ポリマーという名前が持つ「多くの部分がつながったもの」という意味と、製品の中に隠れて見えない素材から出発しました。4社のサプライヤー・6つの素材・4つの産業を結ぶマップ、チェーン・圧縮・オープンセル・導電糸を実際に動かす4つの素材実験、炭色と琥珀色・藍色と青緑の2つのパレット、Matter in MotionとPolymer Scroll Filmの2案、点がチェーンや結び目、網へと変わるスクロール演出まで収めています。
-
グローバル企業
Youngone Corporation
ラベルに名前が載らないグローバルOEM企業のWebサイトリニューアル提案です。「服の内側から、世界の外側まで」というブランド解釈、カラーシステム、雪山から始まるメインページ案、製造工程のスクロールインタラクション、グローバルネットワーク・素材・ESGの画面まで収めています。
-
バイオ・製薬
HLB Therapeutics
上場バイオ企業のWebサイトリニューアル提案です。希少疾患の新薬と医薬品コールドチェーンを一つの文で結び、インクと氷の色に赤を一滴落としたカラー、4つの案、パイプラインとコールドチェーンの画面まで収めています。