申请项目咨询 跳至项目介绍

NEOFLYPINARELLO OFFICIAL IMPORTER · KOREA

风 画出的线

我们重画了 Pinarello 官方进口商 NEOFLY 的网站。首屏里,风画出自行车轮廓,光把轮廓换成真实的 DOGMA F。

Client
NEOFLY
Scope
网站改版提案
Year
2026
  1. 01 WIND

    无形的流动

    数百条细流线横穿画面。线弯折的地方,正是自行车所在的位置。

  2. 02 FORM

    线画出的形状

    激光经过之处,留下车架与车轮的轮廓。

  3. 03 LIGHT

    被光照到的 DOGMA F

    影棚灯光掠过,线描就变成真实的照片。

04 LINE

e 与 o 是一笔

neofly 的 e 和 o 是一笔不抬笔写成的线。连接两个同样大小圆的这条线,与 DOGMA F 的两个车轮重合。

01 / OVERVIEW概览

把 Pinarello
带进韩国的道路

NEOFLY 是意大利自行车品牌 Pinarello(PINARELLO)的韩国官方进口商。我们引进公路、砾石、MTB、计时赛产品阵容与 MOST 零件,也一同供应 PARTINGTON · ONE-K · CRW · V-SPRINT 的车轮与车把组件。以首尔松坡的直营店 Pinarello House 为中心,与全国十二家官方经销店合作,也举办在岭南阿尔卑斯骑行的 Trans Alps 等活动。

进口商的网站必须同时带着两个名字。访客找来是因为 Pinarello,而咨询、维修、一起骑行的是 NEOFLY。所以这次改版从决定用谁的声音说话开始。把两个标志并排读过之后,我们把 Pinarello 的风与 NEOFLY 的线收进了一句话。

  • 2

    发送设计方案的次数2026 年 8 月的第一版设计方案与 11 月的主设计方案
  • 3

    比较过的首屏方向时间之线 · 道路之线 · 风之线
  • 240

    亲手渲染的风洞影片帧横版 1600 × 900 · 竖版 720 × 1280,两套
  • 23

    文件名就是涂装名称的资料十二年上传资料中选出的 95 张照片里
  1. 2026.08NOW阅读当前网站

    先读了菜单与产品目录,从能按公路 · 砾石 · MTB · TT 分开查看的结构定起。

  2. 2026.08ROUND 1第一个提案

    我们把深色网格画面上放入产品阵容筛选与售后服务说明的首版主页面,随提案一起发送。

  3. 2026.11ROUND 2三条线

    用时间 · 道路 · 风三条线各画一次首屏,比较之后选了风。

  4. 2026.11ROUND 3风洞影片

    风勾勒自行车轮廓的 240 帧影片,我们用 Canvas 亲手渲染。

  5. 2026.11ROUND 4主设计方案

    从以影片开场的首屏,到经销店查找与支持说明,共接成八个场景。

02 / TWO MARKS两个标志

风与线,
两个标志共同分有的东西

进口商的网站上放着两个标志:品牌 PINARELLO 与公司 neofly。我们没有二选一,而是把两个标志放大叠在同一处,读它们各自画的是什么。

  1. PINARELLO

    末端细如针的 P 与三道纹线

    Pinarello 的 P 是一笔:从上方大幅绕下来,末端细如针。竖干左侧附有三道短纹线。我们把这些纹线读作风。因为那是快速掠过之物留下的痕迹。

  2. NEOFLY

    连接 e 与 o 的一笔

    neofly 的 e 和 o 不是分开写的两个字母。从 e 的横画末端起笔的一条线绕过 e 一圈,再以 S 形过渡,绕过 o 收笔。以设计方案所用的标志图(宽 1,101px)测量,这条线长约 1,224px,比整个标志的宽度还长。

  3. ONE SENTENCE

    用一句话说出两个标志

    把风与线接起来,就成了主设计方案的第一句。「最快的线,由风来画」。Pinarello 的纹线化作风,NEOFLY 的一笔成了风画出的线。

03 / TWO WHEELS两个车轮

把 e 与 o 之间拉开,就成了
一辆自行车

只有「一笔」还不够。我们在 e 与 o 的圆弧上套圆,量出大小与间距;在主设计方案风洞影片的最后一个场景里,用同样的方法量了 DOGMA F 的两个车轮。

白色影棚背景上 DOGMA F 的侧面照片

圆心距 2.23× 半径

  1. SAME SIZE

    两个大小相同的圆

    与 e 和 o 的圆弧部分相合的圆,半径分别为 97.2px 和 96.7px,相差 0.5%。一条线连接两个同样大小的圆,形状就像公路自行车的两个车轮。

  2. DISTANCE

    只是间距不同

    标志中两个圆的圆心距是半径的 2.23 倍。设计方案影片里的 DOGMA F 是 2.90 倍。把 o 向右移开这么多,e 就落在后轮上,o 落在前轮上。

  3. THE BIKE

    标志下方的 DOGMA F

    在拉开的笔画下面铺上影棚照片,e 的圆就落在后轮,o 的圆落在前轮,S 形笔画经过两轮之间。首屏的最后一个场景就以这处重叠收尾。

e 的半径
97.2px
o 的半径
96.7px
标志的圆心距
2.23r
DOGMA F 的车轮间距
2.90r
04 / ARCHIVE十二年的资料

最常改变的不是
车型,而是颜色

为了找设计方案要用的资料,我们打开了 2014 年到 2026 年网站上上传的文件夹。选出的资料是 95 张照片与 5 段视频,共 100 份,其中 79 份上传于 2025 年和 2026 年。

95 张照片中有 23 张,从文件名就是涂装名称。Luxter Venice、Obsidian Emerald、Jade Spectra——同一个车架每出新色,照片就多一张。

  1. 42014
  2. 12015
  3. 42016
  4. 02017
  5. 12018
  6. 12019
  7. 12020
  8. 02021
  9. 12022
  10. 42023
  11. 42024
  12. 222025
  13. 572026
所选 100 份资料的上传年份。2017 年和 2021 年上传的资料中,没有一份入选。
  • 2025.06
  • 2025.06
  • 2025.06
  • 2025.06
  • 2025.06
  • 2025.06
  • 2026.01
  • 2026.01
  • 2026.06
  • 2026.06
  • 2026.06
  • 2026.06
  • 2026.07
  • 2026.07
  • 2026.07
  • 2026.07
  • 2026.07
  • 2026.07
  • 2026.07
  • 2026.10
  • 2026.10
  • 2026.11
  • 2026.11
从 23 张以涂装命名的照片中,量取车架中央的涂装颜色,按色相排列。无彩色放在最右端,由亮到暗。

所以主设计方案里放了两个为颜色而设的场景。一个在首屏末尾,翻看同一台 DOGMA F 的四种涂装;另一个像翻海报一样,翻过四款艺术涂装。

05 / FIRST DRAFT第一版设计方案

整理是整理好了,
但这是谁的故事,仍然模糊

2026 年 8 月,我们把首版主页面随提案一起发送。深色背景上以网格排布产品照片,产品阵容筛选、售后服务说明、经销店与支持都收在同一页里。

三个月后重新摊开,拿起红笔。要保留的与要修改的分得很清楚。

8 月第一版设计方案的主页面全屏:标题 PINARELLO OFFICIAL KOREA、三张产品照片、三张说明卡片、产品阵容筛选与产品网格、活动、经销店、支持
  1. 1

    修改的部分

    第一句是谁的

    「PINARELLO OFFICIAL KOREA.」虽是事实,但其他进口商也能用这句话。在主设计方案中,我们改以 Pinarello 制造车架的理由作为第一句。

  2. 2

    修改的部分

    三张照片的拼贴

    DOGMA X · F · 砾石的照片以同样大小并排摆放,没有确定先看哪一台。主设计方案从一台 DOGMA F 开始。

  3. 3

    留下了什么

    官方进口 · 售后 · Gran Fondo 卡片

    把进口商做的事压成三行的卡片很好。在主设计方案的概览场景里,保留为进口 · 供应、官方经销店、骑行活动。

  4. 4

    留下了什么

    产品阵容筛选

    按 ALL · ROAD · GRAVEL · MTB · TT 划分的筛选,是现有网站上没有的。在主设计方案里,它成了横向滚动产品阵容上方的标签页。

  5. 5

    修改的部分

    经销店与略图

    一张地图只显示一处总部。主设计方案把十二处按地区标签分开,能立刻找到最近的一家。

第一版设计方案画面上的联系方式、地址、代表人、营业执照号,已换成其他字符或做了遮挡。

06 / THREE LINES三条线

时间 · 道路 · 风,
用三条线来画

在画第二版设计方案之前,我们以「线」为题目画了三次首屏。从 1952 年起始的时间之线,从首尔延伸到岭南阿尔卑斯的道路之线,以及勾勒自行车轮廓的风之线。三个画面讲的是同一家公司,但第一句的主语不同。

ALINE OF WIND

最快的线,由风来画

风洞的流线画出自行车轮廓,光再把轮廓换成真实的 DOGMA F。我们把 Pinarello 削减车架的理由——空气动力学——搬到了首屏的呈现里。

  • 风洞
  • 轮廓
  • 影棚光
  • Ink#050809
  • Teal#1FC2B0
  • Orange#FF5A1F
  • Paper#F3F1EC

Archivo 125% · 900 · Italic

优点
产品成为首屏的主角,从只有 Pinarello 才有的故事开始。
不足之处
因为影片必须亲手渲染,投入的工夫最多。
风之线方向的 PC 首屏
风之线方向的移动端首屏

BLINE OF TIME

最古老的线,由时间来画

我们用一条时间尺,画出 Pinarello 自 1952 年在特雷维索起步至今的时间。奶油色纸张上的长体数字与一条红线,像翻开一本意大利自行车杂志的封面。

  • 1952
  • 特雷维索
  • 杂志封面
  • Paper#F2ECE0
  • Ink#15130F
  • Treviso Red#C42B1C
  • Stone#B9AE9C

Archivo 62% · 900

优点
品牌的重量立刻传出来,也便于与印刷品衔接使用。
不足之处
「老品牌」这句话,其他进口品牌也说得出来。
时间之线方向的 PC 首屏
时间之线方向的移动端首屏

CLINE OF ROAD

最远的线,由道路来画

在等高线地图上画一条从首尔直营店延伸到岭南阿尔卑斯山脊的线。十二家经销店成为线路图上的站点。

  • 等高线
  • 站点
  • 海拔
  • Slate#101418
  • Contour#26313A
  • Road#EEF0EA
  • Amber#FFB21A

Archivo 125% · 800 · Italic

优点
NEOFLY 在做的事(经销店、活动)看得最清楚。
不足之处
首屏里没有自行车,而道路是所有自行车品牌都能讲的故事。
道路之线方向的 PC 首屏
道路之线方向的移动端首屏
比较三个首屏的标准
标准A 风B 时间C 道路
是否从只有 Pinarello 才有的故事开始很合适一般较弱
首屏里看得见产品吗很合适很合适较弱
看得见 NEOFLY 在做的事吗一般一般很合适
新涂装推出时是否容易更换很合适一般一般
移动端首屏能否独立成立很合适一般一般

很合适一般较弱

选了风,
道路则放进骑行场景

首屏交给了风。因为从只有 Pinarello 才有的故事开始,又能把产品放到最大。舍不得丢掉的道路之线,移到了主设计方案的骑行场景里。Trans Alps 的海拔线与按地区划分的经销店标签,就是它的痕迹。

07 / COLOR颜色

底色是 Ink 与 Paper,
强调色取自车架

主设计方案的底色是接近黑色的三级 Ink 与 Paper 色。画面的大部分用这四种颜色涂成,再在上面极少地使用两种强调色。

橙色 #FF5A1F 是首屏末尾第四个颜色按钮,与 INEOS Replica 同色。青绿色 #1FC2B0 是风洞影片流线的颜色,接近 Aqua Alloy 涂装的亮面(#20BBC2)。量过主设计方案的 15 张 PC 画面截图,两种强调色加起来也不到画面的 1%。

  • Ink

    #050809RGB 5 8 9

    默认背景

    这是首屏与暗场景的底色。

  • Ink 2

    #0B1214RGB 11 18 20

    重叠边

    用于暗场景里的卡片与菜单板。

  • Ink 3

    #131C1FRGB 19 28 31

    分得的一面

    卡片的边框与亮一阶的面。

  • Paper

    #F3F1ECRGB 243 241 236

    明亮的背景

    这是概览、零件、经销店这类阅读场景的底色。

  • White

    #FFFFFFRGB 255 255 255

    文字 · 影棚

    深色底上的文字,影棚照片的白色背景。

  • Teal

    #1FC2B0RGB 31 194 176

    线 · 进度

    只用于风洞影片的流线、进度条与当前位置标记。

  • Teal Deep

    #0C7F75RGB 12 127 117

    明亮背景上的青绿色

    在明亮底色上,需要把青绿色用作文字时使用。

  • Orange

    #FF5A1FRGB 255 90 31

    一点

    只在像假冒产品提示这样必须看到的地方,一点一点地用。

三级 Ink56.6% Paper · White22.9% 照片 · 影片20.2% 青绿色0.2% 橙色小于 0.1%
这是主设计方案 15 张 PC 画面截图中,与方案色相近(RGB 距离在 26 以内)的像素占比。青绿色与橙色只用在细线和圆点上,在条形图里几乎看不见。

同一个车架,四种表情

DOGMA F Jade Spectra

JADE SPECTRA

设计方案的颜色按钮 #0F8F84

  • #19423B46.2%
  • #226B6329.5%
  • #9B462E12.7%
  • #5FB5B211.6%

这是去掉白色背景与轮胎、零件的无彩色之后,把剩下的涂装像素分成四组的比例。

RIDE THE SENSES,四种艺术涂装

  • DOGMA F Obsidian Emerald 海报

    OBSIDIAN EMERALDObsidian Emerald

    1. #054248 48.1%
    2. #449484 29.5%
    3. #1F2223 13.6%
    4. #256762 7.6%
    5. #DAE4E3 1.2%

    #054248#449484#1F2223

  • DOGMA F Molten Sand 海报

    MOLTEN SANDMolten Sand

    1. #F0D9BC 41.5%
    2. #A38866 23.1%
    3. #C9B08F 20.3%
    4. #201F1E 10.6%
    5. #4E4944 4.6%

    #F0D9BC#A38866#C9B08F

  • DOGMA F Cobalt Phantom 海报

    COBALT PHANTOMCobalt Phantom

    1. #6A5E90 38%
    2. #9EC32D 36.9%
    3. #262627 14.4%
    4. #6B6B69 5.5%
    5. #8E9E59 5.2%

    #6A5E90#9EC32D#262627

  • DOGMA F Phantom Ice 海报

    PHANTOM ICEPhantom Ice

    1. #D6D7D6 40.2%
    2. #9D8D9C 36.3%
    3. #222222 12.6%
    4. #B9B0B9 8%
    5. #595457 2.9%

    #D6D7D6#9D8D9C#222222

可用于文字的配对

文字 / 背景看对比结果用途
White / Ink20.09:1小字也可暗场景的标题与正文
Teal / Ink8.99:1小字也可进度条、当前位置、短标签
Orange / Ink6.44:1可用于正文像假冒产品提示那样的一点警示
Ink / Paper17.80:1小字也可明亮的场景文字
Teal / Paper1.97:1不可用于文字明亮背景上不用于文字
Teal Deep / Paper4.31:1仅限大字亮场景中的小号强调文字
Orange / Paper2.76:1不可用于文字只用于大号数字或圆点
Ink / Teal8.99:1小字也可青绿色按钮上的文字

对比度按 WCAG 2.1 计算。4.5:1 以上用于正文,3:1 以上用于大字。

08 / TYPE字体

英文宽而倾斜,
韩文立正

英文标题用 Archivo,这是一款可在同一字体里改变字宽、字重和倾斜的可变字体。把字宽放到最宽(125%)、字重加到最重(900)、再设为斜体,字母就像 Pinarello 标志那样向前倾。

韩文用 Pretendard 立着写。因为把韩文倾斜或拉开字距,反而更难读。只有英文标签才放宽字距。

RIDE WITH NEOFLY

DISPLAY · LATIN

DOGMA F
RIDE THE SENSES

Archivo · 125% · 900 · Italic

只用在车型名称、场景编号、大号收尾句这类简短的英文上。

HEADLINE · KOREAN


Pretendard · 800 · 字距 −3.5%

韩文标题加粗立正,只把字距略微收紧,不做倾斜。

LABEL

PINARELLO OFFICIAL IMPORTER · KOREA

Archivo · 112% · 600 · tracking 16%

场景名称、菜单这类英文标签,字宽稍放宽,字距加 16%。

09 / THE FILM风洞影片

以 240 帧画出的
风

首屏影片没有购买视频素材,而是用浏览器的 Canvas 亲手绘制。把画面分成 4px 网格,逐一计算每个网格点到自行车轮廓的距离,让 210 条流线顺着这段距离绕开自行车。因为用同一个随机种子绘制,重画多少次都是同一场景。

风洞影片中的一个场景

WIND风

FRAME 061 / 240

  1. 001 – 060 · WIND

    流线 389 条

    近处的流线 210 条、背景中的远线 170 条、从画面前方虚化掠过的线 9 条,层叠在一起。流线中约 12% 是橙色,其余是青绿色与浅薄荷色。

  2. 061 – 150 · FORM

    缠绕轮廓的两种半径

    线同时遵循两种半径:紧贴轮廓缠绕的小半径,与从远处大幅弯来的大半径。激光膜从上面经过,留下车架与车轮的线。

  3. 151 – 240 · LIGHT

    线褪去,只留下照片

    影棚灯光斜掠而过,流线慢慢消失,最后一个场景只剩白底上的 DOGMA F 照片。竖屏用的 720 × 1280 版本另行渲染。

10 / STRUCTURE结构

要买的人,已在骑的人,
要去骑的人

来进口商网站的人大致有三类:正在挑买哪款车的人、想把已经买下的车骑得久的人、在找一起骑的场合的人。五个菜单和一个购物按钮,就按这三类人的路来安排。

BUY

要买的人

在挑买哪款车的人

  1. PINARELLO产品阵容的七个分支与涂装
  2. PARTS & WHEELSMOST 零件与车轮
  3. SHOPS可试骑 · 可做 Fitting 的经销店
  4. SHOPPING ↗Smart Store

OWN

已在骑的人

想把已经买下的车骑得久的人

  1. SUPPORT假冒产品提示 · 说明书 · 保修
  2. SUPPORT售后服务咨询
  3. SHOPS就近维修

RIDE

要去骑的人

在找一起骑的场合的人

  1. RIDETrans Alps · Gran Fondo
  2. SUPPORT社区 · 博客 · 消息

八个场景,32,571px

  1. 风洞影片 · 四种颜色7,380
  2. 概览1,424
  3. 产品阵容8,254
  4. 艺术涂装3,780
  5. 零件 · 车轮4,233
  6. 骑行 · Trans Alps3,610
  7. 官方经销店1,711
  8. 支持 · 收尾1,880
这是主设计方案在 1440 × 900 画面上从头滚到底的滚动长度。深色条带是画面固定、场景切换的区段,占全部的 84%。
11 / MAIN DRAFT主设计方案
主设计方案 · 风之线

LINE OF WIND以风洞影片开场、以经销店与支持收尾的八个场景

从风画出自行车的影片开始,依次往下是四款涂装、七个分支的产品阵容、艺术涂装、零件与车轮、骑行活动、经销店、支持。

  • 随滚动翻过的风洞影片 240 帧与四款涂装
  • 把纵向滚动改为横向的产品阵容七个分支
  • 用地区标签收窄查看的十二家官方经销店
  • 移动端单独渲染 240 帧竖版影片
Ink · Teal · Orange · Paper
  1. 同一个车架,四种表情

    影片结束后,滚动翻过同一台 DOGMA F 的四款涂装。底色也跟着涂装变化。

  2. 横向滚动的产品阵容

    把纵向滚动换成横向移动,七个分支的车型排成一行经过。上方的标签页显示当前所在的分支。

  3. 艺术涂装海报

    RIDE THE SENSES 的四种涂装,像海报一样一张张抹开翻过。

  4. 叠起的零件卡片

    MOST · PARTINGTON · ONE-K · CRW 的卡片一张张向上叠起。

  5. Trans Alps 的海拔线

    用一条线画出岭南阿尔卑斯山脊的起伏,用数字计出三条路线的距离。

  6. 按地区找经销店

    用全部 · 首尔 · 京畿仁川 · 岭南标签,把十二家收窄看看。

移动端风洞影片
移动端 DOGMA F
移动端产品阵容
移动端艺术涂装
移动端零件 · 车轮
移动端骑行
移动端官方经销店
移动端支持

录制画面中的骑行视频,只保留不出现人脸的镜头,替换为等长的影像;NEOFLY 的地址、电话,以及经销店的地址、电话与邮箱,都换成了其他字符或做了模糊处理。

12 / DETAIL细节

选择、查找、
确认的装置

主设计方案里,访客能亲手操作的地方有三处:把产品阵容按分支分开的标签页、把经销店按地区收窄的标签页,以及辨别假冒产品的说明。可以在下面直接点开看看。

01 · LINEUP

骑的路不同,标准只有一个

  • DOGMA F
    01

    ROAD · RACE

    DOGMA F

    承载 Grand Tour 速度的竞赛自行车

  • DOGMA X
    02

    ROAD · ENDURANCE

    DOGMA X

    更远,更舒适。为漫长的一天而生的 DOGMA

  • F SERIES
    03

    ROAD · RACE

    F SERIES

    把竞赛几何做成整车

  • DOGMA GR
    04

    GRAVEL · RACE

    DOGMA GR

    为砾石赛而生的 DOGMA

  • GREVIL MX
    05

    GRAVEL · ADVENTURE

    GREVIL MX

    从柏油路尽头开始的砾石自行车

  • DOGMA XC
    06

    MTB · CROSS COUNTRY

    DOGMA XC

    为越野赛打造的全避震

  • BOLIDE F
    07

    TIME TRIAL · TRIATHLON

    BOLIDE F

    为与时间赛跑的骑手打造的气动战车

在主设计方案里,这份列表随纵向滚动横向经过,上方的标签页显示当前所在的分支。

02 · OFFICIAL SHOPS

到附近亲眼看一看

12处

  1. 首尔松坡直营店 · Pinarello House
  2. 首尔松坡
  3. 首尔松坡
  4. 首尔瑞草
  5. 京畿道城南
  6. 京畿道九里
  7. 京畿道金浦
  8. 仁川西区代理销售点
  9. 大邱寿城
  10. 庆尚北道龟尾代理销售点
  11. 蔚山中区
  12. 庆尚南道河东

主设计方案里有店名、地址和电话。这里只保留了地区名。

03 · NOTICE

DOGMA 假冒产品提示

市面上有非正规进口的假冒产品流通,所以在支持场景的第一张卡片上放一个橙色圆点和提示。点开「查看辨别正品的方法」,会展开一份把正品与假冒产品的头管、标志、收尾并排比较的说明。

DOGMA 假冒产品提示说明的上半部分:正品与假冒产品车架照片对比
13 / RETROSPECT回望

选择风的理由
如今依然一样

8 月的第一版设计方案、11 月的主设计方案,加上其间试画的三条线,我们提出了多个方向,但都没有走向最终选择。

但我们把首屏交给风的这个判断,现在再做一次也仍会相同。因为 Pinarello 那样削减车架的理由,与 NEOFLY 把这辆车带到韩国的理由,就在同一个画面里。

  1. ROUND 18 月的第一版设计方案

    深色网格画面上放入产品阵容筛选与售后服务说明的首版主页面

  2. ROUND 2三条线

    以时间 · 道路 · 风画出的三个首屏与评估表

  3. ROUND 3风洞影片

    用 Canvas 直接渲染的 240 帧,横版与竖版各一套

  4. ROUND 411月的主设计方案

    影片 · 四种颜色 · 产品阵容 · 艺术涂装 · 零件 · 骑行 · 经销店 · 支持的八个场景

  1. 01有两个名字的公司,先定好顺序。

    第一版设计方案的标题用大写 PINARELLO,主设计方案的初版页头标志也是 PINARELLO。最后的修改版把页头标志换成 neofly,PINARELLO 标志则一起放在页脚。故事由 Pinarello 来讲,引导由 NEOFLY 来做。

  2. 02颜色各有一场专属场景

    新涂装每季都会推出。事先留好只换一张照片就够的位置,出了新色也不必改动整个网站。

  3. 03联系方式,交给十二家经销店

    进口商直营的店只有一处,而咨询与维修由十二处承担。用地区标签收窄列表,能立刻找到最近的一家。

14 / CREDITS制作信息
PROJECT CARD2026

NEOFLY · WEBSITE RENEWAL

风画出的线

Pinarello 官方进口商 NEOFLY 网站改版提案

ClientNEOFLY · Pinarello 官方进口商
Scope网站改版提案 · 读标志 · 主设计方案
Period2026 年 8 月至 11 月
Rounds8 月的第一版设计方案 · 三条线 · 11 月的主设计方案
Film风洞影片 240 帧(Canvas 2D 渲染,横版 · 竖版各一套)
Identity现在的标志 · Ink #050809 · Teal #1FC2B0 · Orange #FF5A1F · Paper #F3F1EC
ToolsGSAP · ScrollTrigger · Lenis · Canvas
TypefaceArchivo · Pretendard
StudioBlueCanvas
NEXT一起画一个从品牌已有的线出发的网站。

最快的线,
一起画

从标志中的一小笔与十二年的资料出发,做一个骑得久的人会再回来的网站。

其他项目

    Contact

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

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

    4个问题 · 约2分钟

    项目范围

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

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

    预算

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

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

    项目说明

    请告诉我们目前的情况。

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

    0

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

    联系方式

    我们回复到哪里?

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