申请项目咨询 跳至项目介绍
黎明的光线沿着山脊呈直线扩散的雪山

YOUNGONE · WEBSITE RENEWAL PROPOSAL

从衣服内部,到世界之外

Youngone首页改版提案
品牌解读、信息结构、UI设计、交互

开始故事
01 / 概述项目概述

一家从内而外打造世界户外装备的公司

自 1974 年成立以来,Youngone 一直作为海外知名品牌的原始设备制造商 (OEM) 生产鞋、包等技术户外服装。生产工厂位于孟加拉国、越南、萨尔瓦多和埃塞俄比亚,超过 70,000 名员工共同生产构成衣服、针织品甚至保暖材料的面料。

BlueCanvas 创建了现在的 Youngone 网站后,该公司大大扩展了其活动范围,包括环保材料、可再生能源以及社区医疗保健和教育。我们提出了网站更新的方向,以适应扩大的活动,此页面是提案和过程的记录。

CLIENT
Youngone
YOUNGONE Corporation
SECTOR
全球OEM/原材料
户外服装、鞋子、用品
OUR ROLE
研究、品牌体验策略、信息结构、
UI设计、交互原型
DELIVERABLE
首页更新设计、设计系统、
全球·素材·ESG屏、手机
  • #全球OEM
  • #户外技术
  • #材料与技术
  • #KEPZ
  • #ESG数据
  • #IR信息结构
  • #设计系统
  • #相互作用
  • #响应式

它是从公司走过的数字开始的。

1974

公司成立年份
1976年韩国第一家羽绒服工厂

1980

业界首次海外投资
孟加拉国吉大港制衣厂

710,000 人

共同努力的成员
包括总部和海外法人在内的所有成员

16处

首页地图基地
总部1、生产工厂6、办公室9

号码来源:Youngone网站公开数据(2026年10月确认)

02 / THE QUESTION

自己 姓名 标签 未附加 不 衣服 创建 公司, 在网站 什么 显示 应该 我们可以吗?

ANALYSIS

我在当前网站上发现的三件事

我们通过首次购房者和投资者的眼睛重新阅读我们创建的网站。公司能讲的故事数量大幅增加,但屏幕却无法均匀地传达故事。

01 · MATERIALS

我自己做的保温材料的名字被埋在了很长一段话里。

馅料的介绍,一段包含了四个系列、十三个产品名称。买家想要首先比较的信息隐藏在句子之间。

选择材料作为样本而不是段落
02 · NUMBERS

不同年份
每一页上都保留着相同的数字。

一页上列出的 2021 年太阳能装机规模为 19 MW,另一页上列出为 40 MW,最近的更新约为 71 MWp。 KEPZ 还剩下 250 万棵和 300 万棵树。并不是数字有误,而是缺少参考点。

将参考点和来源附加到所有数字
03 · NEWS

同样的消息发布在两个不同的公告板上。

主屏新闻栏目中,《Youngone News》和《ESG News》两次发布了可持续发展报告英文版发布的消息。发生这种情况是因为新闻是按公告板而不是主题划分的。

将新闻收集在一处并将主题划分为标签

我首先画了打开网站的
四个人。

买家、股东、评估机构和申请人出于不同的原因访问全球制造公司的网站。访问者按访问网站的原因而不是职业划分。这是因为,由于不同的原因,您首先应该看的屏幕也有所不同。

品牌合作伙伴/买家
我可以把下一季的产品委托给这家公司吗?
  • 类别和流程
  • 材料和认证
  • 生产基地

在提案中,可供选择的材料库(例如示例)

股东/投资者
两家上市公司,我们该从哪里入手呢?
  • 永旺控股及永旺
  • 披露和投资者关系材料
  • 股息和股东回报消息

在提案中,仅改变公司的投资信息

ESG评估员·记者
我们如何用数字来检查森林和太阳能?
  • 带参考点的数字
  • 可持续发展管理报告
  • 参与倡议

在提案中,带有参考点的数据标签

志愿者
在海外企业工作是一种怎样的体验?
  • 人才与核心价值观
  • 海外职场故事
  • 职位发布

在提案中一个关于一个人用手展示的故事

03 / BRAND THINKING


我没有看标签,而是查看了衣服的内部。

  1. 01 · STITCH一汗就止雨

    防水夹克的接缝处漏水。 Youngone 通过接缝密封(使用胶带闭合接缝)和无缝技术(无需螺纹即可连接)来阻挡雨水和风。这是70,000多名工人的杰作。

  2. 02 · LAYER一层保持温度

    我们亲自编织和制作构成衣服各层的材料,例如外层材料、薄膜、保暖材料和针织衬里。它有自己的隔热材料,例如 VX™、Excelloft 和 ecoLoft™。

  3. 03 · OUTSIDE然后走到外面

    用这种方式制作的衣服离开吉大港、南定和圣萨尔瓦多,前往世界各地的山区和城市。从衣服内部开始的东西到达外面的世界。

EXPLODED VIEW

打开一套衣服就可以看到
Youngone的生意。

如果你一层一层地拿起一件夹克,你会发现几乎Youngone所做的一切都在里面。主页上的业务介绍已重新组织为这五层。

  1. 01 · SHELL外层面料 原材料及面料

    面料在越南和孟加拉国一站式生产,从织造到染色、整理、层压和印花。

  2. 02 · MEMBRANE膜 贴合·防水处理

    使用层压设​​备将薄膜贴在织物上,并且防水涂层正在替换为不含氟树脂的C0材料。

  3. 03 · INSULATION滞后 原材料及填料

    我们开发和生产四大系列保温材料:VX™、Excelloft、ecoLoft™ 和 Nature。

  4. 04 · KNIT针织 原料·针织

    我们编织功能性针织面料,包括圆形针织物、经编针织物和美利奴羊毛针织物。

  5. 05 · LINING & SEAM衬里和接缝 制造OEM·服装

    接缝密封和无缝技术可闭合接缝并自动进行羽绒注射以完成一件衣服。

岩石上的登山鞋
鞋1996年在吉大港创办的鞋厂直接生产外底和针织面料。
背包和睡袋放置在山上的露营地
用品我们已将业务范围从远足和旅行袋以及露营用品扩展到睡袋和袜子。
BRAND STATEMENT

「为了人类的健康和幸福
如果我们把“我们正在前进”翻译成网站上的文字,
“从衣服的内部到世界的外部。”

来自代表句“作为户外运动服饰市场的全球领导者,我们正在向人类的健康和幸福迈进”来自建议句“从衣服内部到世界外部”
01 / SHOW THE INSIDE

首先显示不可见区域。

成品服装中不可见的地方,例如接缝、层次、工艺和材料,成为屏幕的主要特征。因为Youngone的技术摆在那里。

02 / DATE EVERY NUMBER

日期被添加到数字中。

每年变化的数字,例如树木和太阳能发电厂的数量,包括参考点和来源。这样,新旧号码就不会互相冲突。

03 / HANDS, NOT CROWDS

人们用双手来展示它。

这七万人不仅仅是遥远工厂景观中的数字。挂线的手和把图案放在衣服上的手表明了他们的工作。

夹克内领缝有空白编织标签
THE LABEL

标签上没有的名称,
作为网站上的标签。

Youngone 生产的衣服上的标签上印有客户的品牌名称。因此,我们决定在整个网站上放置Youngone自己的标签。像编织标签一样,在细边框内放置一条虚线,并在其中写下分类和参考点。

  • 01 · BUSINESS

    区域标签
    指示您当前正在阅读的区域

  • 截至2026.07·KEPZ

    数据标签
    附上数字的参考点

  • bluesign® SYSTEM PARTNER

    认证标签
    用字母而非徽标书写

  • PLAN · 2026

    状态标签
    分享计划和绩效

PHOTOGRAPHY DIRECTION

我们用双手和材料来说话
,而不是远景。

第一个屏幕是一家缝纫厂的视图,许多人排成一排工作。该公司的规模清晰可见,但不清楚使用什么技术以及制造什么。在《Renewal》中,我们为摄影的双手、材料的质感以及衣服所在的外部风景设定了标准。

两只手和黄线将蓝色织物推下工业缝纫机
01·手挂线
夹克内侧接缝密封带和黄色缝线
02 · 接缝内侧
日出时走在雪山脊上的人背影
03·衣服去哪儿了
  • 做工作中的手和工具
  • DO衣服因材质而消失的场景
  • 不要将人变成数字的远景。
  • 不要客户品牌徽标和广告照片
白色绝缘纤维如云般漂浮
04·保温材料的质感
两只手在蓝色织物上放置衣服图案
05·把图案放在衣服上的手
蓝色、海军蓝、冰川色、白色和绿色织物样本,配有黄色绞纱、拉链头和空白编织标签。
04 / COLOR SYSTEM

我保持蓝色不变,并添加了森林和线程。

Youngone的蓝色直接取自标志。为此,我添加了来自 KEPZ 森林的绿色和黄色,它们像缝衣服一样连接屏幕的各个部分。黄色源自公司核心价值观海报“追随你的心”中使用的颜色。

色彩探索我将三个调色板直接应用到屏幕
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 和环保材料时出现,黄色仅放置在您需要首先看到的地方,例如缝合线和当前位置。

White 44%Navy 22%Blue 16%Glacier 10%Green 6%Thread 2%
THREAD RULE

黄线
只能在深色背景上变成字母。

线黄不能用作白色背景上的文本,因为对比度仅为 1.5:1。在白色背景上,仅使用线条和点,并且仅在海军蓝色或蓝色背景上书写黄色字母。

  • 当前位置白色背景·1.5:1未使用
  • 现在这里蓝色背景·6.4:1AA
  • 现在这里深蓝色背景·11.5:1AAA
  • 白色背景上只有一条线确定
排版三种声音
Pretendard

从衣服的内部
到外面的世界

韩语语音

从标题到正文,韩语都被归为一个语系:Pretendard。粗体标题应书写紧密,字母间距较窄,文本应书写舒适,行距为 1.75。

任何人 · 宽度 150

YOUNGONE

越来越多的英语声音

我们选择了宽度从 50 到 150 不等的字体,以匹配徽标的宽字母。使用像针织物一样增加和减少的字母创建大标题和数字。

JetBrains Mono

KEPZ · 52%
截至 2026.07

拉威尔的声音

通过比较读取的字符,例如标签、参考点和过程名称,被设置为固定宽度字体。它们间隔均匀,就像编织到编织标签中的字母一样。

  • 显示104 / 任何人 800 / 宽度 150
  • Heading56 / 800 / -0.05em
  • Title28 / 700
  • 主体18 / 400 · 领先 1.75
  • 标签14 / Mono 500 · 跟踪 0.06em
05 / GRAPHIC SYSTEMSTITCH & LAYER

用单点线和薄层绘制所有连接。

缝合线代表路径、连接和时间,层代表结构和数据。通过仅用两个形状在地图上绘制路线、历史、业务结构和图表,我们就可以在任何屏幕上将其视为同一家公司。

构图单行虚线,有 10 条虚线、6 间距、粗细为 2 像素。在白色背景上缝制蓝色,在深色背景上缝制黄色。
路线地图上画了一条从首尔总部到生产基地的缝合路线,只有总部用黄点标记。
时间历史记录位于接缝线上方。过去的年份用蓝点表示,现在用黄点表示。
层业务构成和数据显示为稍微倾斜堆叠的薄板。仅强调顶层。
ICON SET

用相同的线条粗细和一排针迹绘制八个图标

  • 衣服
  • 鞋
  • 补给品
  • 纺织品
  • 针织
  • 填充
  • R&D
  • ESG
INFORMATION ARCHITECTURE

菜单就像衣服的图案一样剪裁。

目前菜单分为公司介绍、业务、ESG、投资信息、人才招聘、公关中心等七大板块。我们从企业中取出买家最常寻找的材料和技术进行单独整理,并整理分散在公关中心和其他来源的新闻和询问。正如图案的各个部分组合在一起形成一套衣服一样,七部分组合在一起形成一个网站。

七大菜单建议:公司、业务、材料与技术、ESG、投资信息、人才招聘、新闻 前部·前板公司经营理念核心价值 H.E.A.R.T历史全球网络 背部·篮板商业梭织/针织服装鞋补给品生产基地 袖子 · 袖子材料与技术织物、针织、填充物研发·认证 袖子 · 袖子ESGKEPZ · 能源 · 水学会·报告 引擎盖·引擎盖投资信息两家上市公司互换披露 · IR 材料 · 股息 口袋·口袋招聘理想人才·人物故事职位发布 COLLAR消息宁远新闻ESG材料研发人
  1. 公司简介公司
  2. 业务业务·材料与技术
  3. ESGESG
  4. 投资信息投资信息
  5. 招聘招聘
  6. 公关中心新闻
  7. 其他用页脚组织
06 / 网站设计Youngone网站改版提案

在迈向顶峰的每一步中,
都有永恒。

我们将衣服内部的制造技术与外部的户外体验联系起来。这是首页,从雪山第一屏开始,观看一缕线变成布料、衣服的过程,通往世界各地的生产基地和KEPZ的森林。

在之前概述的品牌诠释和信息结构的基础上,本次提案中加入了橙色和深海军蓝,就像雪山的黎明一样。大图像和滚动响应场景展示了制造公司的规模和技术。

查看互动提案
YOUNGONE · HOMEPAGE
DESKTOP·Youngone的故事始于雪山
移动·垂直连接体验
PC · MOBILE
FROM BRAND TO SCREEN

从内部的技术到外部的风景

雪山、工厂、织物和森林汇聚在一页上。深色背景支持照片和视频,而温暖、明亮的一面平静地解释着制造过程。橙色用于需要注意的地方,例如第一句话中的“永恒”和过程的当前阶段。

  • NIGHT#0A1020
  • SNOW#F4F2ED
  • ORANGE#FF5A1F
屏幕上显示标题“从一根线到顶峰”以及纱线、织物、缝纫、完成的四个阶段以及机织织物的图形。
01 / FROM FIBER TO SUMMIT

线变成了布料,
又变成了一套衣服。

它以滚动的方式展示了纱线、布料、缝纫、完成的四个步骤。右边的图形也变成了线交叉、织物被编织的图像,让眼睛跟随垂直整合的业务结构。

制造过程一览
Youngone 业务屏幕,其中水平排列每个业务的照片和技术关键字,例如服装、鞋子和纺织品
02 / BUSINESS

业务有五个分支机构,生产有一个流程。

横卡中包含服装鞋帽、面料与填充物、研发等。通过将关键技术放在产品和生产现场的照片下,可以一一了解企业的​​业务范围和优势。

看看我们的业务介绍
带有太阳能屋顶、森林和湖泊的 KEPZ 前景中的 ESG 屏幕上写着“直到工业园区变成森林”
03 / ESG · KEPZ

直到工业园区变成森林,读出风景背后的数字。

KEPZ 的森林、湖泊和太阳能屋顶首次以广阔的视角展示。随后的绿地比例、生物多样性、太阳能设施和雨水储存描述了景观,并与环境、伦理和治理三个领域相关。

查看 ESG 屏幕

从雪山第一幕到全球网络、历史和招募。
滚动浏览整个网站。

打开完整提案
07 / GLOBAL NETWORK

1980 年从吉大港出发,
前往十六个城市。

  1. 01 / 05 · 1974首尔

    我们开始在首尔生产户外技术产品。

  2. 02 / 05 · 1980孟加拉国

    1980年,该行业成为第一家向海外投资的公司,在吉大港开设了服装厂,1993年又在达卡设立了工厂。

  3. 03 / 05 · 2003越南·中国

    我们于2003年在越南南定成立了一家公司。我们还在中国青岛设有生产工厂。

  4. 04 / 05 · 2001–2016中南美洲·非洲

    我们于 2001 年将生产基地扩大到萨尔瓦多,并于 2016 年将生产基地扩大到埃塞俄比亚。

  5. 05 / 05 · NOW九个办事处

    我们在九个地点设有办事处,以便更贴近海外市场的客户。

HISTORY

一线接缝
自 1974 年以来

历史记录被放置在一条接缝线上。当你向下滚动时,接缝从 1974 年一直横向延伸到现在。

  1. 1974成立Youngone Co., Ltd.

    我们最初是一家致力于制造技术产品的公司。

  2. 1976韩国第一家羽绒服工厂

    在城南市设立羽绒服生产工厂。

  3. 1980首次海外投资

    在孟加拉国吉大港开设了一家服装厂。这是该行业的首笔海外投资。

  4. 1988在证券交易所上市

    在股票市场上市。

  5. 1996鞋厂

    我们在吉大港设立鞋厂并开始OEM出口。

  6. 1999KEPZ 破土动工

    孟加拉国韩国出口加工园区第一个建筑工地破土动工。

  7. 2001萨尔瓦多公司

    我们在中南美洲建立了生产基地。

  8. 2003越南南定公司

    打开了越南生产的大门。

  9. 2009控股公司制度

    分为Youngone Holdings和Youngone。

  10. 2010贸工部收购

    收购新西兰美利奴羊毛面料公司。

  11. 2016埃塞俄比亚公司

    亚的斯亚贝巴的新投资。

  12. 2018ISO 22301

    我们在服装行业首次获得业务连续性管理国际标准认证。

  13. 2020生态阁楼更新

    我们已经开始使用一系列环保填充物来复兴废旧织物。

  14. 2021KEPZ太阳能发电16MW

    工业园区内太阳能发电设施安装已完成。

  15. 2026国家乔木奖

    KEPZ在孟加拉国“2025年国家树木奖”机构类别中排名第一。

08 / 材料库买家屏幕

均匀地使用材料,而不是像段落
像样本。

业务屏幕上放置了素材库。面料、针织、填充物、研发被划分为标签,产品名称像面料样品一样排列,让买家一目了然地进行比较。您可以通过单击下面屏幕上的选项卡来查看它们。

自己制作隔热材料

我们在越南、孟加拉拥有通用、专用的绗缝生产线和电脑绗缝设备,生产四大系列各具特色的保温材料。

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

材料和工艺名称从 Youngone 网站业务页面和 2026 年 7 月新闻中移出。

森林和湖泊之间带有太阳能屋顶的工业综合体的航拍照片
09 / BLUE & GREEN

工业园区的一半
森林和水。

位于孟加拉国吉大港的 KEPZ 是 Youngone 于 1999 年建造的工业综合体。该公司将其环保活动称为“蓝与绿项目”。我们已将这些数字重新组织成带有参考点的数据标签。

约 52%

KEPZ 场地绿地和水域比例

截至2026.07Youngone新闻「荣获国家植树奖」
约3000,000 棵树

迄今为止 KEPZ 种植的树木

截至2026.07Youngone新闻「荣获国家植树奖」
25个

储存约 6 亿加仑雨水的水库

截至2026.07Youngone新闻「荣获国家植树奖」
约1,300种

植物园种植的植物(目标2027年达到1,850种)

截至2026.07Youngone新闻「荣获国家植树奖」
137婢女

通过生物多样性评估确定的动物

截至2022年首页KEPZ介绍
80%

越南工厂RO水回用(每天净化4,700㎥)

确认2026.10首页环保生产流程
SOLAR · INSTALLED / PLANNED

对于太阳能,性能和计划是分开设定的。

在诊断中,混杂多年的太阳能发电设施按时间顺序重新建立。 2018年试点和2021年安装规模用实心条绘制,2026年计划用虚条绘制,以避免性能和计划混淆。

216kW2018KEPZ 试点
19MW2021孟加拉国16MW·越南3MW
约71MWp2026年计划今年建成
  1. 1放大数字和单位
  2. 2你用一句话数出了多少个数字?
  3. 3参考点作为标签
  4. 4源文档

数据标签分为四个部分:如果保持相同的格式,去年的报告和今年的新闻中的数字即使放在同一屏幕上也不会混淆。

10 / 投资者关系一屏显示两家上市公司

让我们保持菜单不变,
只需更改公司。

Youngone Holdings 和 Youngone 均为上市公司。目前的网站上,有上下运行的两家公司的十二个投资信息菜单。

在更新中,相同的六个菜单被放置在一个屏幕上,并且只能使用顶部的开关更改公司。股东只需熟悉一次菜单上的菜品即可。您可以通过按下面屏幕上的开关来查看它。

OEM·原材料

Youngone Corporation

我们负责服装、鞋类、设备OEM和原材料业务。

  • 01· 财务财务信息
  • 02·股票股价信息
  • 03· DART电子披露
  • 04· 披露披露信息
  • 05· IR LIBRARYIR 资料室
  • 06· 股息股息状态
最新消息

Youngone购买价值500亿韩元的股票

11 / MOBILE一根线在你手中不会断裂

即使在小屏幕上
线程也会继续。

海外出差的买家和查看公开披露信息的股东往往是第一次使用手机打开该网站。对于较小的屏幕,历史接缝线被垂直转动,并且地图被更改为区域列表。一件衣服的五层被编号并从上到下读取。

  • 按数读五层业务介绍
  • 变成区域列表的全球地图
  • 垂直缝纫历史缝线
移动主屏幕
移动全球网络区域
移动ESG专区
DESIGN SYSTEM

零件
用同一条线缝制

按钮和标签、数据卡甚至地图图钉。我们将其分为多个部分,以便即使负责人发生变化也可以创建相同的屏幕。

Contact

即使想法还不成熟也没关系。
让我们一起 梳理您的项目

请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。

4个问题 · 约2分钟

项目范围

希望我们一起做哪些工作?

可以多选。如果还没确定,请选择“其他”。

预算

您考虑的预算范围是多少?

只提供大致范围,也能帮助我们制定方案。

项目说明

请告诉我们目前的情况。

不用写得很完整。点击下面的项目会自动填入框架。

0

最多可上传 2 份 RFP 或参考文件。支持:PDF、PPT、Word、Excel、JPG、PNG、ZIP

联系方式

我们回复到哪里?

请填写工作范围、预算、项目说明与联系方式。