自分で作った保温材の名前が長い段落の中に埋もれていました。
充填材紹介は4つのシリーズと13個の製品名を1段落に続いて書いていました。バイヤーが最初に比較したい情報が文章の間に隠れていました。
素材を段落ではなく見本のように均等にする
YOUNGONE · WEBSITE RENEWAL PROPOSAL
服の内側から、 世界の外まで
YoungoneWebサイトリニューアル提案
ブランド解析・情報構造・UIデザイン・インタラクション
01 / OVERVIEW プロジェクトの概要
世界のアウトドアを
内側で作る会社
Youngoneは1974年の設立以来、テクニカルアウトドアの衣類を中心に靴やバッグなどのグッズを海外有名ブランドのオーダーブランド登録方式（OEM）にしてきました。バングラデシュとベトナム、エルサルバドル、エチオピアなどに生産施設を置き、7万人余りのメンバーが一緒に働き、服の重なる生地とニット、保温材まで直接作ります。
BlueCanvasが今のYoungoneホームページを作成した後、同社は環境にやさしい素材と再生エネルギー、地域社会の医療と教育まで活動範囲を大きく広げました。広がった活動を盛り込むためにホームページリニューアル方向を提案し、このページはその提案と過程をまとめた記録です。
- #グローバルOEM
- #テクニカルアウトドア
- #素材と技術
- #KEPZ
- #ESGデータ
- #IR情報構造
- #デザインシステム
- #インタラクション
- #リアクション
会社が歩いた数字から出発しました。
1974
会社を建てた
1976年韓国初のダウン衣類工場
1980
業界初の海外投資
バングラデシュチーターボール衣料工場
7万人
一緒に働くメンバー
本社と海外法人を合わせた元メンバー
16か所
ホームページ 地図の拠点
本社1・生産工場6・事務所9
数字ソース：Youngoneホームページ公開資料（2026年10月確認）
02 / THE QUESTION
自分の名前がラベルにつかない服を作る会社は、ホームページで何を見せてほしいのでしょうか？
ANALYSIS
今のホームページで
今のホームページで
発見した3つの
私たちが作ったホームページを最初に来たバイヤーと投資家の目でもう一度読んだ。会社が聞かせてくれる話は大きく増えましたが、画面はその話を均等に盛り込んでいませんでした。
同じ数字がページごとに異なる年にとどまっていました。
太陽光設備規模は1ページから2021年の19MWで、もう1ページでは40MWで、最近のお知らせでは約71MWpと書かれていました。 KEPZの木も250万本と300万本が一緒に残っていました。数字が間違っているのではなく、基準時点が抜けていました。
すべての数字に基準時点とソースを付ける同じニュースが2つの掲示板に別々に載っていました。
メイン画面の新ニュースには、持続可能な経営報告書の英文版発行のニュースが、永遠のニュースとESGのニュースで二度上がっていました。ニュースを話題ではなく掲示板単位で分けてみたら起こったことでした。
ニュースは一箇所に集まり、トピックはタグに分割するホームページを開く
あなたの人を最初に描きました。
グローバル製造企業のホームページには、バイヤーと株主、評価機関と志願者が異なる理由で訪れます。訪問者を職業ではなくホームページを開いた理由で分けました。理由が違うと一番最初に見なければならない画面も変わるからです。
次のシーズン製品をこの会社に任せることができるか？
- カテゴリとプロセス
- 素材と認証
- 生産拠点
提案では、スウォッチのように均等なクリエイティブライブラリ
2人の上場会社の中でどこから見るべきですか？
- Youngone HoldingsとYoungone
- 開示とIR資料
- 配当と株主還元のお知らせ
提案では、会社のみを変更する投資情報
森と太陽光は数字でどのように確認しますか？
- 基準視点が付いた数字
- 持続可能な経営報告書
- イニシアチブ参加
提案では、基準時点を持つデータラベル
海外法人で働くのはどんな姿なのか？
- 人材賞とコア価値
- 海外事業所の物語
- 採用発表
提案では、手で示す人物の話
03 / BRAND THINKING
ラベルの代わりに
ラベルの代わりに
服の内側を見ました。
- 01 · STITCH汗が雨を止める
防水ジャケットは継ぎ目から水を買います。 Youngoneは縫い目をテープで防ぐSeam Sealingと糸なしでつける無縫製技術で雨と風を防ぎます。 7万人余りの手がすることです。
- 02 · LAYER一重層が温度を保障します
表地やメンブレン、保温材やニット裏地のように、衣類の重なった素材を直接織って作ります。 VX™、Excelloft、ecoLoft™などの独自の保温材がその中にあります。
- 03 · OUTSIDEそして外に出る
そのように作られた服はチーターボールとナムディン、サンサルバドルを離れ、世界の山と都市に行きます。服の内側から始まったことが世界の外に届きます。
EXPLODED VIEW
服のスーツを広げると、
服のスーツを広げると、
Youngoneのビジネスが見えます。
ジャケットのスーツを重ねごとに離すと、その中にYoungoneがすることがほぼすべて含まれています。メインページの事業紹介をこの五重に再編成しました。
- 01 · SHELL表地 原材料・生地
ベトナムとバングラデシュから、織物から染色、後加工、ラミネーション、プリントまで一流で生地を作ります。
- 02 · MEMBRANEメンブレン ラミネーション・撥水加工
ラミネーション設備で生地に膜を貼り、撥水コーティングはフッ素樹脂を引いたC0物質に変えています。
- 03 · INSULATION保温材 原材料・充填材
VX™、Excelloft、ecoLoft™、Nature 4つのシリーズの保温材を直接開発して生産します。
- 04 · KNITニット 原材料・ニット
丸編と軽編生地、メリノウールニットまで機能性ニット生地を織ります。
- 05 · LINING & SEAM裏地と縫い目 製造OEM・衣類
Seam Sealingと無縫製技術で縫い目を防ぎ、ダウン注入を自動化して服一着を完成します。
BRAND STATEMENT
「人類の健康と幸福に向かって進みます」をホームページの言葉に移すと、
「服の奥から、世界の外まで」です。
代表文章「アウトドア・スポーツウェア市場のグローバルリーダーとして人類の健康と幸福に向けていきます」から提案文章「服の奥から、世界の外まで」へ
目に見えない場所を最初に示します。
縫い目と重ね、工程や素材のように仕上がった服では見えないところを画面の主人公とします。 Youngoneの技術はそこにあるからです。
数字に日付を付けます。
木の数と太陽光発電設備のように毎年変わる数字は、基準時点とソースを一緒に書きます。だから、最後の数字と新しい数字は互いに対立しません。
人は手で示しています。
7万人余りを遠い工場前景の中の数字に置きません。糸を掛ける手と服本を置く手で、それらの人々がすることを示します。
THE LABEL
ラベルにない名前を、
ラベルにない名前を、
ホームページのラベルに。
Youngoneが作った服のラベルには、顧客ブランドの名前が付けられています。そこでホームページのあちこちにYoungoneならではのラベルを付けることにしました。織りラベルのように細い罫線の内側に点線を並べ、その中に分類と基準視点を書きます。
- 01 · BUSINESS
ゾーンラベル
今読んでいるセクションを教えてください - 基準2026.07・KEPZ
データラベル
数字の基準点を付けます - bluesign® SYSTEM PARTNER
認証ラベル
ロゴの代わりに文字で書いてください - PLAN · 2026
ステータスラベル
計画とパフォーマンスを分割する
PHOTOGRAPHY DIRECTION
遠い前景の代わりに、
遠い前景の代わりに、
手と素材と言います。
今の最初のスクリーンは多くの人が並んで働く縫製工場の前景でした。会社の規模はよく示されていますが、その中でどのような技術で何を作るのかは見えませんでした。リニューアルでは働く手と素材の結、その服が行く外の風景で写真の目安を立てました。
- DO働く手とツール
- DO素材の結果、服が行く風景
- DON'T人を数字にする遠い前景
- DON'T顧客ブランドのロゴと広告写真
04 / COLOR SYSTEMブルーはそのまま、
ブルーはそのまま、
ここに森と糸を加えました。
Youngoneのブルーはロゴからそのまま持ってきました。ここにKEPZの森から持ってきた緑と、服を縫う糸のように画面のあちこちをつなぐ黄色を加えました。黄色は同社の中核価値ポスター「Follow your heart」で使った色から出発しました。
Youngone Blue#0F4583RGB 15 69 131
会社の声
ロゴからそのまま取り込んだブルーです。タイトルとリンク、会社を代表する広い面に書きます。
- 白い背景
- 9.5:1 AAA
- 藍色の背景
- 1.8:1 文字禁止
Ridge Navy#0B1B33RGB 11 27 51
夜明けの尾根
本文の文字と暗いシーンの背景。黒より青いオーラがあり、ブルーと自然につながります。
- 白い背景
- 17.2:1 AAA
- 藍色の背景
- 1.0:1 文字禁止
Slate#4B5B70RGB 75 91 112
説明するグレー
白い背景上の説明とキャプションに書き込みます。小さな文字も鮮明に読まれるコントラストを守ります。
- 白い背景
- 6.9:1 AA
- 藍色の背景
- 2.5:1 文字禁止
Glacier#E6EEF6RGB 230 238 246
氷河の麺
カードと広い明るい面に書いて、画面に冷たい余白を作ります。
- 白い背景
- 1.2:1 文字禁止
- 藍色の背景
- 14.7:1 AAA
KEPZ Green#2E7D5BRGB 46 125 91
サテンの森
KEPZの森からもたらした緑色です。 ESGと環境にやさしい素材を話す場所にのみ書き込みます。
- 白い背景
- 5.0:1 AA
- 藍色の背景
- 3.4:1 大きな文字
Thread Yellow#F2D21BRGB 242 210 27
一本鎖の糸
画面を縫う糸です。ステッチラインと今の位置のように最初に見なければならない場所にのみ書き込みます。
- 白い背景
- 1.5:1 文字禁止
- 藍色の背景
- 11.5:1 AAA
黄色は2パーセント、
一本鎖の糸のように。
一画面で白い背景と藍色の文字がほとんどを占め、ブルーは会社を代表する面を、氷河色はカードと余白を引き受けます。緑色はESGと環境にやさしい素材を話すときにのみ出てきます。
THREAD RULE
黄色い糸は暗い背景でのみ文字になります。
Thread Yellowは、白い背景の上でコントラストが1.5：1にとどまり、文字として書くことはできません。白い背景には線と点でのみ書き、黄色の文字は藍色と青の背景の上にのみ書き込みます。
- 現在の場所 白い背景・1.5：1 書き込まない
- 現在の場所 青い背景 · 6.4:1AA
- 現在の場所 藍色の背景・11.5：1 AAA
- 白い背景では線のみ OK
TYPOGRAPHY 3つの声
服の奥から、世界の外まで
韓国語の声
タイトルから本文まで、韓国語はPretendardの家族にまとめました。太字は字間を狭くしっかりし、本文は行間1.75で快適に書きます。
YOUNGONE
増える英文の声
ロゴの広い文字と合うように幅を50から150まで変えることができる書体を選びました。ニットのように伸びた縮小文字で大きなタイトルと数字を立てます。
KEPZ · 52%
基準 2026.07
ラベルの声
ラベルと基準時点、プロセス名のように比較して読む文字は固定幅フォントに合わせます。織りラベルに組み込んだ文字のように、ギャップが均一です。
- ディスプレイ 104 / Anybody 800 /幅150
- Heading56 / 800 / -0.05em
- Title28 / 700
- Body 18 / 400 · 行間1.75
- ラベル 14 / Mono 500 ·字間0.06em
05 / GRAPHIC SYSTEMSTITCH & LAYER
破線の1行と細い重なりで
すべての接続を描画します。
ステッチラインは、パスと接続と時間を、重なった構造とデータを意味します。二つの図形だけで地図上の路線と沿革、事業構成とチャートを描き、どの画面でも同じ会社で読まれるようにしました。
INFORMATION ARCHITECTURE
メニューを服のように裁断しました。
今のメニューは会社紹介・ビジネス・ESG・投資情報・人材採用・広報センター・その他の7つの分岐でした。バイヤーが最も頻繁に探している素材や技術をビジネスから取り出して別々に立て、広報センターやその他に散らばったニュースやお問い合わせをまとめました。服本の彫刻が集まって服一着になるように、七枚が集まってホームページ一着になります。
- 会社紹介 会社
- ビジネス ビジネス・素材と技術
- ESGESG
- 投資情報 投資情報
- 人材採用 人材採用
- 広報センター ニュース
- その他 フッターで整理
06 / HOMEPAGE DESIGN Youngoneホームページリニューアル提案
頂上に向かうすべてのステップに、
永遠があります。
服の内側にあった製造技術を外側のアウトドア体験につなげました。雪山の最初の画面から出発して糸一本が生地と服になる過程を見て、世界の生産拠点とKEPZの森につながるメインページです。
前にまとめたブランド解析と情報構造をもとに、今回の提案では雪山の夜明けに似たオレンジと濃いネイビーを加えました。大きなイメージとスクロールに反応するシーンで製造企業の規模と技術を示しています。
インタラクティブ提案を見るPC · MOBILE
FROM BRAND TO SCREEN
奥の技術を、外の風景へ
雪山と工場、生地と森が1ページに出会います。暗い背景は写真と映像を広く受け取り、暖かい明るい面は製造工程をじっくり説明します。オレンジは最初の文の「永遠」と公正の現在の段階のように視線が必要なところに書きます。
- NIGHT
#0A1020 - SNOW
#F4F2ED - ORANGE
#FF5A1F
01 / FROM FIBER TO SUMMIT
糸が生地になり、一着の服になります。
糸・織物・縫製・完成の4段階をスクロールに合わせて見せてくれます。右のグラフィックも糸が交差して生地が織り込まれる姿に変わり、垂直系列化という事業構造を目で追いかけます。
製造プロセスを見る
02 / BUSINESS事業は五分岐、
事業は五分岐、
生産は一つの流れ
衣類と靴、生地と充填材、研究開発を水平につながるカードに収めました。製品と生産現場の写真の下に主要技術をまとめて配置し、事業の範囲と強みを一枚ずつ見ていきます。
事業紹介を見る
03 / ESG · KEPZ
サテンが森になるまで、風景の後ろの数字を読みます。
KEPZの森と湖、太陽光の屋根を広いシーンで先に見せます。続く緑地比率・生物多様性・太陽光設備・雨水貯蔵量がその風景を説明し、環境・倫理・支配構造の3つの領域につながります。
ESG画面を見る雪山の最初のシーンからグローバルネットワーク、沿革と採用まで。 スクロールして全体のホームページを見てください。
完全な提案を開く07 / GLOBAL NETWORK1980年チーターボールから、
1980年チーターボールから、
16都市へ。
ソウル1974
チーターボール1980
ダカ1993
南ディーン2003
青島
サンサルバドル2001
アディスアベバ2016
台北
香港
ハノイ
バンコク
シンガポール
タシケント
ベルン
シアトル
ボルダー
- 01 / 05 · 1974ソウル
ソウルでテクニカルアウトドア製品を作り始めました。
- 02 / 05 · 1980バングラデシュ
1980年に業界初めて海外に投資し、チーター工に衣類工場を開設し、1993年に高江戸工場を建てました。
- 03 / 05 · 2003ベトナム・中国
2003年、ベトナム南ディンに法人を建てました。中国青島にも生産工場があります。
- 04 / 05 · 2001–2016中南米・アフリカ
2001年エルサルバドル、2016年エチオピアで生産拠点を広げました。
- 05 / 05 · NOW事務所の9か所
海外市場の顧客に近づくために9ヶ所に事務所を置きました。
HISTORY1974年から続いてきた
1974年から続いてきた
一列の縫い目
沿革は一列の縫い目の上に置いた。スクロールすると、継ぎ目は1974年からこれまで横につながります。
- 1974株式会社Youngone設立
テクニカル製品の製造に専念する会社として出発しました。
- 1976国内初のダウン服工場
城南にダウン衣料生産工場を建てました。
- 1980初の海外投資
バングラデシュのチーターボールに衣料品工場を開設しました。業界初の海外投資でした。
- 1988証券取引所上場
株式市場に上場しました。
- 1996靴工場
チーターボールに靴工場を設置し、OEM輸出を開始しました。
- 1999KEPZ 気孔
バングラデシュ韓国輸出加工工団の最初のシャベルを出しました。
- 2001エルサルバドル法人
中南米に生産拠点を建てました。
- 2003ベトナム・ナムディン法人
ベトナム生産の扉を開けました。
- 2009持株会社体制
Youngone HoldingsとYoungoneに分かれています。
- 2010DTI引数
ニュージーランドのメリノウール生地メーカーを買収しました。
- 2016エチオピア法人
アディスアベバに新たに投資しました。
- 2018ISO 22301
衣類分野で初めて事業継続性管理国際標準認証を受けました。
- 2020エコロフトリニュー
ザトゥリ生地を蘇る環境にやさしい充填材シリーズを立ち上げました。
- 2021KEPZソーラー16MW
工団内の太陽光発電設備の設置を終えました。
- 2026国家植樹
KEPZがバングラデシュ「2025国家植樹賞」機関部門1位に上がりました。
08 / MATERIALS LIBRARY バイヤーのための画面
素材を段落ではなく
見本のように 均等に。
ビジネス画面にクリエイティブライブラリを配置しました。生地とニット、充填材とR&Dをタップで分け、製品名を生地見本のように並べてバイヤーが一目で比較させました。下の画面のタブを押すと表示できます。
保温材を直接作る
ベトナムとバングラデシュに一般・特殊パディングラインとコンピュータキルティング設備を備え、性格の異なる4つの保温材シリーズを生産します。
VX™ series
- VX Active
- VX Comfort
- VX Luxe
- VX Nature
Excelloft series
- Excelloft Max
- Excelloft HT
- Excelloft Eco
- Excelloft Thin
ecoLoft™ series
- ecoLoft Active
- ecoLoft Flex
- ecoLoft Air
Nature series
- Wool PLA
- Wool Eco
bluesign®OEKO-TEX®GRST2T RECYCLE · 2026.07
製織からプリントまで一流で
ベトナムとバングラデシュに生地一括加工設備を備え、主にナイロンとポリエステル生地を作って地元の衣料工場に直接供給します。
バッチプロセス
- 織り
- 染色
- 後加工
- ラミネーション
- プリント
環境にやさしい
- bluesign® system partner
- 環境にやさしい撥水
- リサイクル素材
品質
- 独自の研究室
- 認定証明書
bluesign®
軽くて柔らかいニットからアウターまで
バングラデシュKEPZには編みから染色、後加工まで続くニット設備があり、ベトナム南ディン工場ではメリノウールニット生地を生産します。
丸編
- Single Jersey
- Interlock
- Fleece
- High Pile Boa
便
- Tricot
- Mesh
機能加工
- 吸汗速乾
- 撥水
- 抗菌
- 帯電防止
メリノウール
- Wool
- Wool mixed
GRS
新しいプロセスを最初にインポートします
韓国で初めてスキー服やマウンテンスポーツ専門衣類を開発し、無裁縫接着などの工程を先に導入しました。今は3Dデザインで次のシーズンを先に見せています。
プロセス
- 無縫製接着
- Seam Sealing
- ダウン注入の自動化
環境にやさしい素材
- 人工保温材
- Eco-fleece
- T2Tリサイクル
3Dコレクション
- MODERN NOMAD
- 21 styles
- リサイクル9種
ISO 22301
素材と公正名はYoungoneホームページのビジネスページと2026年7月のニュースから移されました。
09 / BLUE & GREENサテンの半分
サテンの半分
森と水で。
バングラデシュチャートグラムのKEPZは、Youngoneが1999年から造成したサテンです。会社はここの環境活動を「Blue & Greenプロジェクト」と呼びます。基準時点のデータラベルでこれらの番号を再整理しました。
KEPZサイトの中の緑と水域の割合
これまでKEPZに植えられた木
雨水約6億ガロンを貯蔵する貯水池
ボタニカルガーデンに植えた植物（2027年1,850種目標）
生物多様性評価で確認した動物
ベトナム工場でROに書き換える水（1日4,700㎥浄化）
SOLAR · INSTALLED / PLANNED
太陽光は実績と計画を分けて立てました。
診断で何年もの数字が混ざっていた太陽光設備を視点順に再建しました。 2018年パイロットと2021年までに設置した規模は満たした棒で、2026年計画は点線棒で描き、実績と計画が混ざらないようにしました。
- 1数字と単位を大きく
- 2何を数えたのかという文章で
- 3基準時点をラベルに
- 4ソースになった文書
データラベルは4つの部分に編まれています。同じ形式を守ると、昨年のレポートの数字と今年の投稿の数字が1つの画面に一緒にあっても、互いに混乱しません。
10 / INVESTOR RELATIONS 両方の上司を1画面で
メニューはそのままにして、
会社のみを変更します。
Youngone HoldingsとYoungoneは共に上場会社です。今のホームページでは、両社の投資情報メニュー12個が上下に長くつながりました。
リニューアルでは、同じ6つのメニューを1画面に置き、上のスイッチに会社だけを変えさせました。株主はメニューの席を一度だけ習うだけです。下画面のスイッチを押すと表示できます。
持株会社
Youngone Holdings
2009年、会社分割で持株会社体制を整えました。
最近のお知らせ
Youngone Holdingsが上半期堅調な経営成果を達成
OEM・原材料
Youngone Corporation
衣類・靴・用品OEMと原材料事業を引き受けます。
最近のお知らせ
Youngone、500億ウォン規模の自己株式購入
11 / MOBILE 手の中でも壊れない糸
小さな画面でも
部屋は続きます。
海外出張中のバイヤーも、公示を確認する株主も携帯でホームページを初めて開くことが多いです。小さな画面では沿革の縫い目を縦に回し、地図は地域別リストに置き換えました。服のスーツの5つの折り目は、番号に沿って上から下に読みます。
- 番号に沿って読む五重の事業紹介
- 地域別リストに変わるグローバルマップ
- 縦に縫う沿革シームライン
- 1枚ずつ積み重ねるデータラベル
DESIGN SYSTEM同じように縫い付けられた
同じように縫い付けられた
部品
ボタンとラベル、データカードと地図ピンまで。担当者が変わっても同じ画面を作れるように部品単位でまとめました。
MADE INSIDE, SEEN OUTSIDE.
あなたの会社が持っている
あなたの会社が持っている
目に見えない技術は何ですか？
製造と技術企業のホームページは、バイヤーと投資家、志願者が一緒に読んでいるところです。
その他のプロジェクト
-
バイオ・製薬
HLB Therapeutics
上場バイオ企業のWebサイトリニューアル提案です。希少疾患の新薬と医薬品コールドチェーンを一つの文で結び、インクと氷の色に赤を一滴落としたカラー、4つの案、パイプラインとコールドチェーンの画面まで収めています。
-
メディア・出版
Munhakdongne Publishing Group
出版グループのWebサイトリニューアル提案です。社名にある「トンネ（町）」という言葉から出発し、紙と墨としおり紐のカラー、4つの案、書籍探しと連載を読む体験まで収めています。
-
公共機関
Korea Drug Development Fund
利用者分析とCIの解釈、9つのメイン案、パイプラインの可視化までを収めた、公共機関Webサイトの構築・リニューアルのプロセスです。