HIGHTECH POLYMER
海泰聚合物的英文名称是HIGHTTECH POLYMER。目前，网站上的公司介绍包含“High Quality in HIGHTTECH POLYMER”一词。在绘制新网站之前，我重新阅读了这个名字的含义。
高科技聚合物·高科技聚合物网站更新提案
让不可见可见
Hitech Polymer网站改版提案
Matter in Motion·高分子卷轴薄膜，两个方向
HIGHTECH POLYMER·案例研究Hitech Polymer网站更新建议
如果向下滚动，散点将继续
POLY · MER聚合物是指许多部分相连
小分子相连形成一条链。
A · 物质在运动链条成为光线穿过的结
可能性来自材料。
B·高分子卷轴膜结被解开形成网状结构
看不见的结构决定了产品的性能
01 / OVERVIEW项目概况
一家将德国和美国材料连接到国内站点的公司
Hitech Polymer是巴斯夫株式会社在韩国的经销商，也是莎士比亚在美国的韩国代表。我们向国内企业供应三聚氰胺泡沫Basotect W、微孔聚氨酯弹性体Cellasto、热塑性聚氨酯Elastollan、导电丝，还经营德国FAIST ChemTec的隔音垫和Synwer的被动式房屋建筑材料。
目前的网站页脚处写有版权2015，并且保留了2016年发布的照片。在提议新网站时，BlueCanvas 创建了两个实际上可以在滚动时查看的提案：运动中的物质和聚合物滚动薄膜。本页记录了准备提案时的考虑过程。
- 4处全球供应商德国巴斯夫、FAIST ChemTec、Synwer和美国Shakespeare
- 6种核心材料Basotect W · Cellasto · Elastollan · 导电纱 · 隔音垫 · 建筑材料
- 28种Elastollan牌号网站上目前列出的七个系列的热塑性聚氨酯牌号
- 200张B中的胶片帧从聚合物链滚动到导电纱线的3D场景
02 / CHALLENGE起点
的的
- 1在徽标的位置，只有用主题的默认字体书写的“Hitech Polymer”一词，没有图像。没有单独的标志来识别该公司。
- 2第一个屏幕上的句子“Hitech Polymer running getting Sustainable Growth”不足以了解该公司供应什么。
- 3这四种材料仅按照产品名称和供应商来划分，例如“化学领域”下的“Basotect W / BASF（德国）”，你必须打开每个页面才能看到它们用于哪个行业。
- 4页脚写有版权2015，照片与2016年7月发布的相同。
FOUR QUESTIONS
续订从
四个问题开始
目前，网站上已经有每种材料的详细描述和物理性能表。然而，由于信息深埋在产品页面中，因此很难在第一个屏幕上看到该公司在做什么。
- Q1您能在第一个屏幕上看到该公司提供什么吗？
目前，第一屏只有“高科技聚合物奔向可持续增长”这句话。两个提案都更改了谈论材料的第一句话。 方案A是“可能性来自材料”。 方案B是“隐形结构决定产品性能”。
- Q2我们如何揭示产品中隐藏的成分？
方案A显示了光穿过的一大块材料，方案B显示了分子结构，就像通过显微镜一样。我解决了同样的问题，一个是印象问题，另一个是结构问题。
- Q3我们如何连接四个供应商、六种材料和多个行业？
目前，菜单仅按供应商和产品名称划分。这两项提案将材料和工业联系起来，使我们能够直接从工业转向相关材料。
- Q4我们如何读取数字中的物理属性？
目前，网站上的 Cellasto 物性表仅包含 7 个密度级别和 7 个项目作为表格。方案B 更改为当选择密度时拉伸强度、伸长率和撕裂强度一起变化的图表。
03 / NAME再读一遍名字
以聚合物的名义，
公司所做的事情。
在写下一个新句子之前，我又读了一遍公司名称。聚合物这个词不仅描述了聚合物的结构，还描述了 Hitech Polymer 作为供应商和客户之间的纽带的工作。
许多部分都是相连的
聚合物是希腊词poly（许多）和meros（部分）的组合。只有当数千个称为单体的小分子连接在一起形成长链时，它才成为聚合物。
它继续的方式决定了它的性质。
根据链的连接和缠绕方式，相同的聚合物会变硬或变软。三聚氰胺泡沫的网络结构和弹性体的回弹性都来自于这种结构。
公司也是连锁
Hitech Polymer 在致辞中将自己介绍为“供应商和客户的发言人”。该公司的工作与其名称类似，它将四家德国和美国供应商与国内客户联系起来。
但材质不可见
以这种方式提供的材料被纳入成品中。其中包括悬架的减震部件、车身上的隔音垫、墙壁上的防潮纸以及编织成防尘服的线。在成品中看不到材料和名称 Hitech Polymer。
两个提案选择了相同的词
方案A以“看不见的差异创造更美好的明天”来介绍公司，方案B以“看不见的结构决定产品性能”来介绍公司。两项提案分别提出，均从“隐形”一词出发，本案的标题也由此而来。
04 / CHAIN供应商·材料·行业
四家供应商、六种材料、
四个行业
Hitech Polymer 经营的材料按供应商分为四类，按使用领域分为四个行业。目前，首页只有按供应商和产品名称划分的菜单，因此汽车公司的管理人员必须一页一页地打开页面来检查哪些材料适合他们的工作。
这两项提案改变了连接材料和工业的结构。当您点击下面地图上的供应商、材料或行业时，连接线会变得更亮。
供应商供应商
材料材料
行业行业
如何阅读地图点击以下选项之一：供应商、材料或行业，相关项目和说明将出现在此处。
供应商和物料遵循当前首页的问候语和产品页面，行业分类遵循方案B的信息结构。
05 / LAB材料实验室
看到看不见的自然
并亲自移动它
材料的大部分优点都在产品中体现出来，即使尺寸非常小。虽然这两个方案通过照片和影片展示了场景，但这个案例更进一步，使直接移动四处房产成为可能。所有数字目前均列在网站的产品页面上。
拉伸和释放时会恢复原状的链条
热塑性聚氨酯 (TPU) 可用于鞋底、电缆护套和软管，因为其缠绕的链条在拉动时会展开，在释放时会重新缠绕。拖动控制杆以延长链条，然后松开。
- 500
- 600
- 1100
- B
- C
- R
- S
- 七大系列二十八个等级
- 抗拉强度
- 3.6 N/mm²
- 断裂伸长率
- 350 %
- 撕裂强度
- 10.0 N/mm
- 压缩损失率
- 2.6 %
使其在受压时不会向侧面扩散
受压时，紧密的橡胶块会向一侧凸出。由于 Cellasto 的微观毛孔首先收缩，因此很少向侧面扩散，释放后又会恢复到原来的高度。当前网站将此功能描述为“高压缩性和最小横向扩展”。改变密度 (g/cm3) 会改变 Cellasto MH 的物理特性。
光通过的网
Basotect W 是一种由三聚氰胺树脂制成的开孔泡沫。毛孔不被堵塞，只有细细的骨架在三维空间相连，在韩国被称为“Magic Block”的清洁产品。当您将指针移到图片上时，光线会穿过网络。
1kg如果解F902 R022，就是409,091m
是约9.7个马拉松路线(42.195km)的长度。
传输静电的线
莎士比亚的挑战纱线是导电尼龙（PA6）和涤纶线。即使只编织几股线，这些线也会消散累积的静电，因此它们被用于半导体工厂的防尘和防震服装。 PA6导电丝F902 R022的平均电阻为4×10⁵Ω/cm，熔点为220℃。
挑战的长度是根据网站上的物理属性表F902 R022换算为每公斤409,091米，一个马拉松路线是42.195公里。
06 / STRUCTURE参观者及场景秩序
寻找 Hitech Polymer 的五种类型的人
从汽车零部件公司的采购经理到海外供应商，访问Hitech Polymer 网站的人具有不同的目的。由于每个人寻找的信息不同，我们首先决定每个人要到达的场景。
- 01某汽车零部件公司采购开发经理
查找可降低噪音、振动和冲击的材料和牌号，并比较它们的物理特性。
材料/性能数据 - 02建筑·被动房建设公司
检查气密胶带和透湿防潮纸的规格和安装位置。
建筑材料及应用 - 03纺织服装企业
找出防尘服和户外服中包含的导电纱的类型和厚度。
挑战公司·物性表 - 04家庭用品和工业产品公司
选择适合成品的材料，例如清洁泡沫、鞋底或椅子部件。
应用领域/材料档案 - 05海外供应商及合作伙伴
公司介绍 · 英文网站
相同材料
新订单
目前，主屏幕由公司徽标和快捷方式部分组成，因此没有场景解释该材料是什么及其用途。两个提案在第一个场景中展示了材料，然后按照公司、供应商、材料、行业、询问的顺序继续故事，方案B在中间包含了物性数据。彩色点讲述了每个场景所讲述的故事。
- 第一句话
- 公司·供应商
- 材质
- 工业
- 物理特性数据
- 联系我们
现在主屏幕场景5
- 01高科技聚合物迈向可持续增长三张幻灯片照片和一句话
- 02业务领域三图
- 03转到产品/领域六个照片空间中的链接
- 04公司介绍·路线指引·客户咨询四个图标
- 05页脚版权所有 2015
A·运动中的物质6个场景
- 01可能性来自材料。光线穿过的结和9.87秒的影片
- 02隐形差异公司视角与四家供应商
- 03如果您了解材质，可以看到以下四个材质档案和详细窗口
- 04材料成为产业汽车、建筑、工业、生活的横向场景
- 05从好的材料到好的答案咨询的三个阶段
- 06您的下一个，一起联系
B·高分子卷轴膜8个场景
- 01隐形结构200张卷轴胶片和五个场景
- 02公司介绍句供应商数量、材料、业务领域
- 03四家经过验证的全球材料供应商
- 046个核心材料6个侧面材料
- 05选择密度Cellasto MH物理特性图
- 06从汽车到洁净室四大行业及相关材料
- 07以客户员工的心态一句问候语
- 08请告诉我们您需要的材料查询以选择感兴趣的材料
07 / COLOR色卡
光线穿过的琥珀色
显微镜下呈蓝绿色
对于 方案A，我选择了光线穿过透明材料时出现的琥珀色。我只在木炭背景上放置了橙色，并让材料的照片占据了其余的颜色。
方案B让我想起了观察分子结构的显微镜屏幕。结构线条、按钮和图表是用一块青色在深海军蓝色背景上绘制的。两种方案都只留下一种强调色来将眼睛吸引到该颜色所落在的地方，从场景捕获来看，橙色仅占据 A 眼屏幕的 1.6%，青色仅占据 B 眼屏幕的 0.2%。
A · 当光线通过时
#11110F#FF6B3AB·照亮结构时
#050A12#5CC8E4相同的材料，
两个灯
为了了解两个提案的颜色如何变化，我们创建了一个材料板，将 Hitech Polymer 的六种材料放置在同一个位置，仅改变了光线。左边是A中的琥珀色光，右边是B中的青色光。
在 A 处的灯光下，TPU 颗粒发出琥珀色的光，而在 B 处的灯光下，相同的材料看起来像标本一样组织有序。您可以通过向左或向右拖动中心线来比较两个场景。
A · Matter in Motion
木炭和琥珀-
背景·45.4%这是主屏幕和素材的背景·工业场景和页脚。它是一种比纯黑色稍微温暖的木炭色。
-
查询·照片中的阴影·33%是查询场景的背景，屏占比高，因为是与照片中的阴影等高的木炭。
-
亮场景·文字·18%是公司介绍和咨询场景的基础，暗场景中用于字体颜色。
-
补充文本·2%灰色用于解释性文本和小标签。
-
强调 · 1.6%橙色仅用于标题末尾的句点、符号和进度条。
B · Polymer Scroll Film
海军蓝和青色-
背景·75.7%卷轴影片和大部分场景放置的深海军蓝色。
-
卡·表·18.5%这是供应商卡、物性表、询价表的基础。
-
标签·2.2%这是用于单位和小标签的颜色。
-
补充字母·1.9%用于解释性句子的灰蓝色。
-
文本·1.6%标题和正文字体颜色。我将一点海军蓝与白色混合在一起。
-
强调·结构线·0.2%青色用于电影中的按钮、图表和结构线。
单击色样将复制十六进制值。样本中的数字是与其上方文本颜色的亮度对比度，比率是通过计算两个提案的场景捕获中最接近每种颜色的像素计算得出的值。
08 / TYPOGRAPHY名称和字体
建立一个没有徽标
带有字母的名称
目前，网站标题只有“Hitech Polymer”字样，没有徽标图像。因此，这两项提案的名字都重新出现在屏幕上。对于方案A，创建了具有三个重叠轨道的原子形符号和 HT POLYMER；对于方案B，创建了宽间距的 HIGHTTECH POLYMER。
高科技聚合物
HT POLYMERHitech Polymer
高科技聚合物高科技聚合物
Pretendard 600 · 计划第一个屏幕
600 / -0.065em可能性来自
材料。
Matter
in motion.
方案A放置了倾斜的衬线英文文本“Matter inmotion”。旁边是大大的韩文标题。这是为机械材质故事添加手写质感的选择。
Barlow 600 · Plan B 名称和编号
tracking 0.30emHIGHTECH
POLYMER
4×10⁵ Ω/cm0.35 g/cm³
隐形结构
决定产品性能
09 / MOTION运动原理
电影卷轴
侧面的场景
这两个提案都在第一个屏幕上滚动浏览电影。降低它向前播放，升高它向后播放，因此观看者可以设定场景的节奏。行业、材料等并排放置的内容，通过将垂直滚动改为水平移动，依次显示。如果您在操作系统中打开“减少运动”，则这两个建议将仅显示静态屏幕。下面的四张牌实际上是沿着卷轴移动的。
9.87 秒滚动
方案A第一幕的影片时长为9.87秒。因为播放位置根据滚动位置而移动，所以当降低时，结解开，当升高时，则倒回。当你递过这张卡片时，同一部电影中的 48 个场景将会翻转。
胶片超过200张
对于 Plan B 中的第一个场景，根据滚动位置在画布上绘制 200 个预绘制的 3D 帧。当帧数到达五个场景的边界时，句子发生变化。这张卡里，有超过48个。
路过的行业
A方案将垂直滚动改为水平移动，依次展示汽车、建筑、工业、生活三个场景。这张卡上的三个场景也沿着卷轴横向穿过。
逐字逐句变得明亮的句子
B中的公司介绍语句一开始比较模糊，但随着滚动，文字逐渐变得清晰。即使是长句子也可以按照您的阅读速度读到最后。
方案A·结
运动中的物质可能性来自材料。
方向从透明材质雕塑开始，扩展到工业场景。在第一个屏幕中，光线穿过的聚合物结像 9.87 秒的电影一样旋转，向下滚动时，电影向前播放，向上滚动时，向后播放。接下来，我们依次布置了三个阶段：公司视角、四家供应商、选择四种材料的档案、汽车、建筑、工业、生活的侧面视角以及咨询。
- 9.87 第二部影片，以聚合物结和卷轴来回播放，光线穿过。
- 材质档案和详细信息窗口，当您选择材质时，照片的光线和名称会发生变化
- 应用场景横向覆盖汽车、建筑、工业、生活
- 咨询的三个阶段：理解·联系·前进
Pretendard · Georgia Italic
DIRECTION NOTES
在方案A的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
- 可能性来自于材料。
第一个屏幕显示光穿过的聚合物结，位于右侧。只有标题末尾的句点是橙色的。
- 联系越紧密，可能性就越大
当你向下滚动时，结分散成粒子形成一个球体，第二句话出现在屏幕上。
- 三个轨道
在影片的最后，球体展开成三个轨道。标题的符号也画有三个相同的轨道。
- 看不见的差异
该公司的观点写在明亮的纸上，下面列出了四家供应商的名字。
- 材料档案
当您选择一种材质时，左侧照片的颜色、名称和一行描述都会发生变化。橙色带状标志从下方穿过。
- 更安静。更舒服。
汽车场景。纵向滚动转横向移动，依次穿越三个工业场景。
- 将空间的表现提升一层。
在施工现场，气密性、防水性、透湿性、防潮性被解释为“在看不见的地方实现的舒适感”。
- 从好的材料到好的答案
它显示了协商如何分三个阶段进行：理解·联系·前进。
运动中的物质解开让光线穿过的结
聚合物卷轴薄膜隐形结构内部
方案B·结构
高分子卷轴薄膜隐形结构决定产品性能
方向从一个分子开始，向成品方向移动。第一个屏幕是滚动电影，在 200 个 3D 帧中显示四个场景 - 聚合物链、开孔网、弹性修复和导电纱线。接下来，我们介绍了该公司和四家供应商、六种翻转到一边的关键材料、一张在选择密度时会改变物理属性的 Cellasto MH 图以及四个行业。
- 200片卷轴薄膜导致聚合物链、开孔、弹性恢复和导电纱线
- 关键材料的六个横向场景以及供应商和产品信息
- Cellasto MH 物理性能图和根据七个密度级别变化的总体性能表
- 直接链接到四个行业的相关材料并查询以选择感兴趣的材料
Pretendard · Barlow · Geist Mono
DIRECTION NOTES
在方案B的场景中，我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。
- 看不见的结构
这是第一个屏幕，周围漂浮着分散的单体。右侧的场景列表可让您立即从影片中选择五个场景。
- 当链条纠缠成网
沿着卷轴，单体形成链，链相互缠绕形成三聚氰胺泡沫的三维网络结构。
- 电线
影片的最后一幕是一个挑战。平均电阻 4×10⁵ Ω/cm，写在句子旁边。
- 关于公司的一段话
这是一个公司介绍句子，当你滚动时，每个单词都会变得更亮。供应商、材料和业务领域按以下数字组织。
- 6大核心材料
对于每种材料，将供应商、原产国、结构、特性和应用领域写在同一框架上，然后将其移到一边。
- 选择密度
当您选择 Cellasto MH 的密度时，拉伸强度、断裂伸长率和撕裂强度图表会一起移动。
- 从汽车到洁净室
通过照片介绍了四个行业，并为每个行业提供了相关材料的直接链接。
- 请告诉我们您需要什么材料
这是一个查询表，您可以在其中选择感兴趣的材料并写下应用的产品和所需的属性。
10 / PROCESS照片和电影
而不是采用新产品
我画了一个材料发挥作用的场景。
目前，首页上的照片都是2016年发布的产品照片，因此我们必须为大屏幕创建新的场景。这两个提案选择描绘材料使用的场景以及材料内部的结构，而不是模仿实际产品。
方案A使用四张照片和手写 3D 代码制作了一部 9.87 秒的影片，而 方案B则使用了 11 张照片、200 个 3D 帧和一部 10 秒的影片。为了避免出现为特定的交付情况，照片中不包含任何商标或文字。
从结到轨道，
A 中 9.87 秒
A 中的影片遵循以下顺序：透明结分散成粒子，变成球体，然后在 3D 场景中绘制轨道。胶片会保存每一帧以便立即访问，因此即使您快速滚动，场景也不会中断。
01透明结光线穿过的聚合物带形成一个结并缓慢转动。 
02散射粒子结的表面散射成粒子，留下链条的痕迹。 
03一个球体粒子再次聚集在一起形成一个球体。 
04轨道结构围绕球体创建轨道，打开“连接”的场景。
从分子到线，
B 中的 200 张
在方案B中，单体、链式、网络式、压缩恢复式、挑战式这五个场景被组合成一个3D场景，并导出为200帧。我们为宽屏创建单独的 1600×900 框架，为垂直屏幕创建 720×1280 框架，因此即使在手机上，该结构也会充满屏幕。图中显示了六种材料和四种行业。
01单体这是第一个分散的小分子漂浮的场景。 
02链分子连接形成螺旋和锯齿形的链。 03网链条相互缠绕，形成开孔泡沫的三维网络结构。 
04压缩与恢复压缩层不扩散到侧面并返回。 
05挑战网薄薄地聚集在一起，成为一根电线。
Basotect W三聚氰胺泡沫，一侧暴露有开孔
Cellasto悬架弹簧旁边的保险杠
ElastollanTPU 颗粒和软管散落在空气中。
挑战将黑线织成灰布
隔音垫安装在车门内侧的隔音垫
Synwer窗角上的丁基胶带和防潮纸
它是一种将单体连接成链和网，再经压制、返回后成为单丝的薄膜。在提案中，使用“查看电影”按钮将其打开。
在这部电影中，透明的结变成了粒子、球体和轨道。当您滚动时，该提案会来回播放。
11 / MOBILE移动的
即使在手中
相同的结和结构
负责在现场寻找材料的人员经常使用手机检查物理特性。 方案A将移动设备上水平翻转的工业场景堆叠成垂直卡片，并将照片慢慢放大。 Plan B 创建了一个单独的胶片，带有专用于垂直屏幕的框架，并展示了垂直横向翻转的六种材料。
COMPARE这两个方向有何不同？
打开相同的材料
结和结构
这两个提案涵盖同一家公司和相同的主题，但他们在第一个屏幕上所说的内容不同。 方案A从材料给人的印象开始，扩展到工业场景；方案B从材料内部的结构开始，深入技术信息。 Hitech Polymer 整理了这些差异，以便您可以根据您想在第一个屏幕上首先讲述的故事进行选择。
分类A·运动中的物质B·聚合物卷轴薄膜
第一个屏幕一部 9.87 秒的影片，其特点是光线可以穿过聚合物结。一部 200 页的影片，涵盖从分子到线的五个场景
第一句话可能性来自材料。隐形结构决定产品性能
颜色木炭背景和一个橙色深海军蓝色背景和一个青色
字体Pretendard · Georgia ItalicPretendard · Barlow · Geist Mono
名称以宽间距绕三个符号和 HT POLYMERHIGHTECH POLYMER
材质用于选择四件事的存档和详细信息窗口将六件事转向一边的场景
行业汽车、建筑、工业、生活三个场景四个行业及相关素材链接
数据材料描述和原始产品页面链接按密度列出的 Cellasto MH 属性图
在哪里放置权重材料给人的印象和可能性材料的结构和技术信息
MATERIAL HTP-WEB · REV. 10
让看不见的变得可见
Hitech Polymer网站改版提案·Matter in Motion·高分子卷轴薄膜
| Property | Value |
|---|---|
| Client | 海泰克聚合物有限公司·韩国巴斯夫代理公司·莎士比亚韩国代表 |
| Project | 网站改版提案 2026 年 10 月 |
| Research | 目前，网站上有七个韩文页面和三种物理属性表。 |
| Brand Reading | 聚合物（许多部分相连）和“隐形”材料 |
| Structure | 供应商、物料、行业地图、五类观众、场景顺序 |
| Direction A | Matter in Motion·UI设计，9.87秒3D影片，素材库 |
| Direction B | 高分子卷轴薄膜·UI设计、200个3D框架、物性图 |
| Lab | 四种交互类型：链、压缩、开放单元和挑战者 |
| Mobile | 垂直屏幕场景重建，仅纵向胶片帧 |
| Typefaces | Pretendard · Barlow · Geist Mono · Georgia |
| Studio | BlueCanvas |
MATTER, MADE VISIBLE
如果您想在屏幕上
如果您想在屏幕上
展示产品的隐藏优势
我们将首先组织展示该技术的场景，该技术仅保留在数量和规格上。
其他项目
-
全球企业
Youngone Corporation
一家名字从不出现在服装标签上的全球 OEM 企业的网站改版提案。内容包括“从衣服的内侧，到世界的外侧”的品牌解读、色彩系统、从雪山开始的首页方案、制造工序的滚动交互，以及全球网络、材料和 ESG 页面。
-
生物科技 · 制药
HLB Therapeutics
上市生物科技企业的网站改版提案。我们用一句话把罕见病新药和医药冷链连在一起，内容包括墨色与冰色上点一滴红的配色、四个方案，以及研发管线和冷链页面。
-
公共机构
Korea Drug Development Fund
公共机构网站的建设与改版过程，涵盖用户分析、CI 解读、九个首页方案和研发管线可视化。