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

Changjo Tax & AccountingCHANGJO TAX · HOMEPAGE RENEWAL · 2026

十一笔写成的名字

这家税务会计事务所的徽标里,用两个圆和九条直线刻着“창조”两个字。本文记录了我们从这十一笔出发,从零开始重新绘制网站的过程。
1月初稿2版 · 10月滚动式改版方案 · 3D徽标影片 · 静物照片10张

阅读案例

01 · 14 PIECES散落的十四块金色碎片,
飞向同一个圆

02 · ASSEMBLY圆的四段与立柱先各就各位,
最后由小圆为印章收尾

03 · ELEVEN STROKES全部聚齐,便成了Changjo这两个字
两个圆和九条直线,一共十一笔

01 / OVERVIEW项目概况

托付账簿之前,
先看到的首屏

Changjo Tax & Accounting是一家税务会计事务所,业务涵盖记账与申报代理、转让 · 继承 · 赠与、更正请求与税务异议、免费设立公司、政府补贴,以及劳务 · 法律咨询。事务所在网站上开口的第一句话是“老板,现在起只管专注经营”。对于想找一家事务所托付账簿与申报的企业主来说,网站是第一次认识事务所的地方,也是决定要不要托付的地方。

现有网站是2021年秋天用WordPress制作的单页网站。我们把这个网站重新画了两次:1月做了两版整理内容的导览式初稿,10月则从徽标重新出发,做了滚动式改版方案。本页按顺序记录了这期间我们解读的标志与颜色、挑选和舍弃的照片,以及新增的图标和税务日历。

CLIENT
Changjo Tax & Accounting
税务会计事务所
SITE
changjotax.com
单页WordPress网站
OUR ROLE
品牌解读、信息结构、
UI · 动效设计、3D渲染、摄影指导
DELIVERABLE
1月初稿2版 · 10月滚动式改版方案,
徽标影片 · 静物照片10张 · 图标8种
  • 11笔构成徽标的笔画两个圆和九条直线
  • 150帧用Blender渲染的首屏十四块碎片聚拢的5秒
  • 8张每项服务各拍一张的静物舍弃八张金色道具照后重拍
  • 73°标志色与阳光的色相角标志 73.1° · 照片中的阳光 74.4°
  1. 现有网站

    这是一个用WordPress制作的单页网站,四个菜单分别链接到同一页面内的区块。

  2. 第一轮提案两版初稿

    把现有网站的内容重新整理成十二个区块,首屏做了两个版本。

  3. 第二轮提案滚动式改版方案

    用Blender重新制作徽标的十一笔,并分享了九个场景的滚动式方案。

  4. 重做照片

    舍弃八张金色道具照片,换成十张自然光静物照片。

  5. 图标 · 税务日历

    整理这份记录时,我们用徽标的笔画画了八个图标,并加上了税务日历。

02 / COPY现有网站的文案

现有网站里
保留的话与改写的话

2021年的网站并不缺内容。四步咨询流程、免费设立公司包含的六项内容、建议转为公司的四种情况,乃至一家只有两名员工的公司获得的补贴优惠,企业主想了解的内容都已经在上面了。

所以内容保持不变,只改写文案:把用斜杠串起来的词语展开成句子,删去已经结束的扶持制度,并写清楚哪些免费、哪些需要另付费用。

  • 4个菜单全部跳转到同一页面内的区块
  • 4,618px页面长度在 1440 × 900 屏幕上测量的长度
  • 2021年照片上传年份大部分图片地址位于2021年9月文件夹中
  1. 01 首句

    老板,现在起只管专注经营吧!

    老板只管专注经营

    这是事务所开口说的第一句话,所以保留原句,只去掉感叹号和“现在起”,让语气更沉稳。

  2. 02 介绍文案

    税务管理 / 资金管理 / 资金筹措 / 劳务咨询 / 法律咨询 / 网站制作,全都包办!

    从税务记账与节税,到政府补贴、公司设立、劳务·法律咨询,与企业一起为创办和经营负责。

    把用斜杠串起来的六个词,展开成一句能让人看懂事务所负责什么的话。

  3. 03 免费设立公司

    从100%免费设立公司到营业登记证,One-Stop全程办理

    设立公司,除规费外不收取任何费用

    不再用“100%”和“One-Stop”,而是用一句话讲清哪些免费、哪些另行收费。

  4. 04 扶持制度

    青年招聘补贴、新员工招聘补贴、就业稳定资金、Durunuri社保补贴、明日充实共济金……

    青年招聘补贴 · 新员工招聘补贴 · Durunuri社保补贴 · 明日充实共济金 · 分行业税额抵免……

    就业稳定资金是已经结束的制度,因此从清单中删去。

03 / ROUND 1第一轮 · 1月的两版初稿

整理得井井有条,
却面目模糊的方案

1月的初稿是一个导览式页面,把现有网站的内容拆成十二个区块重新整理。页面先用烦恼清单引起共鸣,再依次接上服务介绍、公司转换、政府补贴、费用比较、分阶段经营咨询、常见问题和咨询申请。首屏做了浅色背景和办公室照片两个版本。

回头再看,这份方案虽然把信息整理得很好,却是换上其他税务事务所的名字也照样成立的页面。标志只剩左上角的一个小图,页面里还放了未经核实的数字和示例评价。红笔标出的地方,就是10月方案重新处理的部分。

1月初稿的浅色首屏:奶油色背景上是“老板,现在起只管专注经营”这一标题和烦恼清单卡片
A奶油色背景上浮着烦恼清单卡片的首屏
1月初稿的深色首屏:办公室照片上叠着同样的标题和烦恼清单卡片
B以办公室照片铺底的首屏 · 其余十一个区块相同
  1. 01标志只剩左上角的一个小图

    徽标在页面上再也没有出现。即使换上其他事务所的标志,页面也照样成立。

  2. 0298% · 未核实依据的数字

    没有核实这个数字的出处,就放上了首屏。10月方案已将其删除。

  3. 03最高3,200万韩元 · 示例对话里的数字

    节省金额写在了示例对话里,而不是真实的咨询。10月方案只保留了事务所亲自公开的一个案例。

  4. 04就业稳定资金 · 已结束的制度

    已经结束的补贴仍在清单上。

  5. 05每月8万韩元起 · 未商定的价格

    把未与事务所商定的记账费放进了比较表。10月方案已将其删除。

  6. 06客户评价 · 作为示例编写的文字

    三条示例评价还附上了姓名和行业。本页已将其模糊处理。

1月初稿B从上到下拼接而成的长图。示例评价已做模糊处理。 01 02 03 04 05 06

所以到了10月,在重新整理内容之前,我们先从标志重新读起。

04 / EMBLEM十一笔

刻在圆里的
两个字

Changjo Tax & Accounting的徽标不是图画,而是文字。圆里用同样粗细的线条刻着“창”和“조”两个字。打开原始SVG逐一读取坐标后发现,笔画一共十一笔,粗细都是直径的4%。

只有弄清每一笔从哪里起、到哪里止,碎片打散后再聚拢,才能还原成同一个徽标。向下滚动,笔画会一笔笔归位。

  1. 01圆 · 印章的边框

    外圆像印章的边框一样环抱着两个字。若把直径设为100,笔画粗细就是4.04,而且所有笔画粗细一致。

  2. 02上横线 · 1/3

    第一条横线横贯圆自上而下1/3的高度。这一条线由两个字共用。

  3. 03ㅊ · 上方短笔与两条腿

    横线上方的短竖、横线的左半段,加上向下张开的两条腿,合起来就是ㅊ。

  4. 04ㅏ · 竖向中心线

    上下贯穿圆的竖线是ㅏ的竖干,位于2/3高度的下横线则成为ㅏ右侧的一笔。

  5. 05ㅇ · 小圆

    左下方的小圆是收音(韩文终声)ㅇ。到这里,“창”字就完成了。

  6. 06ㅈ · 同一条横线,另一对腿

    横线的右半段,加上再次张开的两条腿,就成了ㅈ。内侧那条腿与ㅊ的腿在竖向中心线上相会。

  7. 07ㅗ · 短竖线与下横线

    从ㅈ顶点垂下的短竖线与下横线相交,构成ㅗ。到这里,“조”字就完成了。

  8. 08十一笔 · 共用的两条线

    两个圆和九条直线,一共十一笔。上横线由ㅊ和ㅈ共用,下横线由ㅏ和ㅗ共用。

  • 01精打细算的笔画

    为了用十一笔写出两个字,两条横线由两个字分着用。能省则省,这和节税是一个道理。

  • 02盖印的圆

    外圆让人联想到盖在申报书和合同上的印章。我们把它理解为:以名字担保,承担起责任。

  • 03同一粗细

    所有笔画粗细一致,都是直径的4%。像账簿格线一样均匀的线条,体现了事务所的做事方式。

05 / GRID基准线与图标

用画出标志的线条,
把图标也画出来

徽标的两条横线分别位于圆的1/3和2/3高度,竖线穿过圆心。把这些基准线延伸到圆外,就成了把画面上下分成三份的网格。

整理这份记录时,我们用同样的网格、同样的粗细,重新画了八个服务图标。只用直线和圆,线端像徽标一样切得平直。无论是大屏幕上的图标,还是手机菜单里的小图标,笔画比例都与徽标一致。

1/3 · y 33.9 2/3 · y 66.0 1/2 · x 49.8 笔画 4.04 · 直径 100
  • 记账 · 申报代理
  • 转让 · 继承 · 赠与
  • 更正请求 · 税务异议
  • 公司设立 · 转换
  • 政府补贴 · 政策资金
  • 劳务 · 法律咨询
  • 税务会计应用
  • 网站 · 营销

这些图标是整理这份记录时新画的。全部画在100 × 100的画布上,笔画粗细4.04,与徽标比例相同。

06 / COLOR颜色

在白色背景上
无法成为文字的颜色

标志的颜色是带香槟色调的米色#BCA486。在白色背景上用这个颜色写字,对比度只有2.38:1,即使做成大标题也难以阅读。同样的颜色放在墨色#0B0B0D背景上,对比度达到8.23:1,连小号文字都清晰可读。

因此10月方案把背景定为墨色,徽标使用标志色,按钮和金色线条则使用亮一级的香槟色#CFB68E。在公司设立场景中,背景换成浅色纸张时,文字也随之改为墨色。

白色背景 #FFFFFF

每年4,800万韩元

设立公司,除规费外不收取任何费用。

2.38:1不可用于文字

10月方案的纸色 #EBE9E4

每年4,800万韩元

设立公司,除规费外不收取任何费用。

1.96:1不可用于文字

10月方案的墨色 #0B0B0D

每年4,800万韩元

设立公司,除规费外不收取任何费用。

8.23:1小号文字也可用

点击色阶,放到三种背景上比比看 · #BCA486

400即标志色。以白色背景为准,500、600、700分别是最先跨过大号文字(3:1)、正文(4.5:1)、小号文字(7:1)门槛的色阶。

  • 墨色#0B0B0D每个场景的背景--bg
  • 香槟色#CFB68E按钮 · 强调 · 金色线条--gold
  • 标志色#BCA486徽标与标志--gold-brand
  • 印章色#9A7B50“免费”印章--stamp
  • 纸色#EBE9E4公司设立场景的背景--paper
  • 象牙色文字#F2EEE7墨色背景上的文字--text

标志的金色,
改由阳光来呈现

10月方案的照片里没有放任何金色物件,只让一缕午后斜阳照进来。把十张静物照片的像素归并为七种颜色后,第二亮的#BB9E80与标志色几乎无法区分(OKLab色差1.6);阳光照到的最亮1.5%像素,其平均色#EDD6B8的色相角为74.4°,与标志的73.1°落在同一位置。

  • 4.7%#E9D0B4
  • 8.7%#BB9E80
  • 8.0%#937960
  • 9.7%#6A5846
  • 17.7%#473D34
  • 27.5%#2D2822
  • 23.7%#191612

将OKLCH色相角60°~90°区间放大显示的标尺

阳光 74.4° 香槟色 79.3°
07 / LIGHT用光呈现的金色

舍弃金色道具,
一缕阳光取而代之

起初,我们为每项服务各做了一件金色道具:烫金账本、钥匙、天平、印章、堆叠的金币、钢笔、手机和扩音器。单张放在黑色台面上看还闪闪发亮,可八张并排一放,第一句冒出来的话却是“好土”。那时我们才知道,把金色涂在物件上反而显得廉价。

于是我们当天就从头重做了照片。不用任何金色物件,只摆放哑光的纸张、石膏、洞石、橡木、陶瓷和玻璃,金色则交给从左侧窗户照进来的一缕阳光。向下滚动时,照片会从阳光扫过的地方开始替换。

  • 弃用的初版照片:三本烫金账本重拍的照片:用夹子夹起的一叠纸
    记账 · 申报代理三本烫金账本用夹子夹起的一叠纸
  • 弃用的初版照片:金色钥匙与房子重拍的照片:两座石膏小屋
    转让 · 继承 · 赠与金色钥匙与房子两座石膏小屋
  • 弃用的初版照片:金色天平重拍的照片:木条上的石头与纸张
    更正请求 · 税务异议金色天平木条上的石头与纸张
  • 弃用的初版照片:金色印章重拍的照片:叠成台阶状的洞石
    公司设立 · 转换金色印章叠成台阶状的洞石
  • 弃用的初版照片:堆叠的金币重拍的照片:石花瓶里的橄榄枝
    政府补贴 · 政策资金堆叠的金币石花瓶里的橄榄枝
  • 弃用的初版照片:金色钢笔与纸张重拍的照片:文件夹上的眼镜与钢笔
    劳务 · 法律咨询金色钢笔与纸张文件夹上的眼镜与钢笔
  • 弃用的初版照片:浮着金色波纹的手机重拍的照片:咖啡杯旁的手机
    税务会计应用浮着金色波纹的手机咖啡杯旁的手机
  • 弃用的初版照片:金色扩音器重拍的照片:分散阳光的玻璃棱镜
    网站 · 营销金色扩音器分散阳光的玻璃棱镜
  1. 01不用金色物件

    去掉了金属、亮面地板、反光,以及硬币 · 天平 · 法槌这类俗套的象征。

  2. 02只摆哑光的真实材质

    只用了纸张、石膏、洞石、橡木、石头、亚麻、陶瓷和玻璃。

  3. 03只引入一缕光

    午后斜阳从左侧窗户低低照进,带着窗框的影子斜斜掠过。

  4. 04十张照片宛如在同一个房间拍摄

    十张照片统一使用同样的石灰墙、玄武岩桌面,以及同样的光线与色调。

  5. 05画面中不放文字

    照片中没有文字 · 数字 · 标志,上下留白,即使裁成4:5,主体也能保留。

阳光斜照的深色石阶
补贴案例场景的背景 · 台阶
咨询室里的一张圆桌,午后的阳光透过薄薄的窗帘照射进来。
咨询指南场景的背景 · 咨询室
08 / STRUCTURE九个场景

把十二个区块
浓缩为九个场景

10月方案把1月初稿的十二个区块精简为九个场景,同时为每个场景各定下一件由滚动来完成的事:首屏里碎片逐一聚拢,介绍文案随阅读速度逐词点亮,八张服务卡片则把纵向滚动转为横向移动,一张张翻过。

在补贴案例场景中,数字一路升到4,800万韩元;到了公司设立场景,背景换成浅色纸张,盖上“免费”印章。场景减少了,每个场景停留的时间也随之变长。

  1. 01徽标组装滚动影片十四块碎片聚成徽标2,610px
  2. 02介绍文案文字填色词语随阅读速度逐一点亮675px
  3. 03八项服务横向轨道纵向滚动变成横向移动3,760px
  4. 04补贴案例数字递增从0升到4,800万韩元1,980px
  5. 05免费设立公司浅色纸张 · 印章背景切换,盖上“免费”印章2,321px
  6. 06咨询流程金色线条一条线串起四个步骤1,105px
  7. 07三个原则流动的词语重新画出徽标,词语交错流动1,380px
  8. 08Changjo之窗文字遮罩“창조”两个字化作窗口,打开城市2,790px
  9. 09咨询指南流动的条带服务名称化作条带流动1,592px

合计 18,213px · 在 1440 × 900 屏幕上逐个场景测得的滚动长度。只有第五个场景是浅色纸张背景。

  • 2021 · 现有网站4个菜单4,618px
  • 2026.01 · 初稿12个区块12,040px
  • 2026.10 · 滚动式改版9个场景18,213px
09 / ROUND 2第二轮 · 10月的滚动式改版方案
第二轮提案 · 10月28日

FOCUS ON YOUR BUSINESS老板只管专注经营

这份方案从徽标碎片聚拢的首屏出发,用一次连贯的滚动串起九个场景。墨色背景上配以香槟色线条和自然光静物,只有公司设立场景会切换成一次浅色纸张。

  • Blender渲染的150帧随滚动完成组装
  • 以静物照片卡片横向翻动展示八项服务
  • 公司设立费用表上依次印上0韩元,随后“免费”印章落下
  • “창조”两个字化作窗口,打开城市的夜色
墨色 · 香槟色 · 标志色 · 纸色 · 象牙色文字
  1. 碎片聚拢的首屏

    散落的十四块碎片随滚动聚入圆内,全部聚齐后,浮现出一句话:“把分散的数字汇聚为一,搭建成长的架构”。

  2. 横向翻动的八张服务卡片

    纵向滚动转为横向移动,配有静物照片的服务卡片一张张移入画面中央。

  3. 升至4,800万韩元的数字

    在台阶照片上,一家两名员工的公司每年获得的优惠从0一路升到4,800万韩元。这是事务所在自家网站上亲自公开的案例。

  4. 印上0韩元的收据

    背景换成浅色纸张,公司设立费用表的六行依次印上0韩元,随后“免费”印章落下。

  5. 用金色线条串起的咨询流程

    从申请咨询到节税 · 成长策略,一条金色线条依次串起四个步骤。

  6. 用“창조”二字打开的城市

    铺满画面的“창조”两个字化作窗口,透出城市的夜景;文字随之放大,整个画面豁然打开。

10 / FILM制作首屏

十四块碎片,
150帧的组装

10月方案的首屏由我们用Blender亲手渲染。我们直接读取徽标SVG的坐标,为每一笔做出一根金属杆;外圆则在上、下以及两条外侧斜腿相接的位置切成四段。由此得到的十四块碎片先四散漂浮,再按既定顺序各归其位。

顺序里也藏着故事:圆的四段先合拢成外框,竖线与横线立起支柱,两个ㅅ放下双腿,细节笔画进场,最后由小圆为印章收尾。全部聚齐后,一缕光从上到下扫过徽标。

Blender渲染的金属徽标组装影片的最后一帧
  1. 每块碎片缓缓漂浮,直到各自设定的出发时刻。

  2. 外圆在上、下以及两条外侧斜腿相接处分成四段,这四段最先合拢成外框。

  3. 立柱竖起,第一条横线横贯而过。

  4. 四条腿从外侧开始依次落下。

  5. 三道细节笔画依次进场。

  6. 收音ㅇ最后落位,为印章收尾。

  7. 一道细长的面光从上到下扫过徽标。

Blender 5.2
Eevee渲染器
1440 × 1440
正方形画幅,透明背景
150帧
30fps · 5秒
14块
九笔 + 圆的四段 + 小圆
60mm
光圈从 f/1.8 到 f/5.6
约1.5秒
单帧渲染时间
11 / YEAR老板的一年

装进一个圆里的
十二个月的申报期限

“只管专注经营”这句承诺,也意味着由事务所替老板盯紧每个申报期限。整理这份记录时,我们把税务日历画成了网站的下一个场景:徽标的外圆化作一年,形似竖向中心线的指针指向月份。

我们从国税厅的税务日程(2026年)中,只挑出12月决算的法人和个体经营者需要留意的期限。每月10日前后的预扣税用圆内侧的短刻度表示,增值税 · 法人税(企业所得税) · 综合所得税等重要申报则用圆上的圆点标出。期限如逢星期六或公休日会顺延到下一天,因此日期每年都略有不同。

1月申报期限 2

  • 增值税
  • 法人税
  • 综合所得税
  • 预扣税 · 支付明细表
  • 其他申报
    • 增值税确定申报 · 缴纳2025年第2期(7~12月)
    • 免税经营者营业现况申报2025年度
    • 提交支付明细表 · 年终结算预扣税劳动 · 退职 · 经营所得 2025年度
    • 法人税申报 · 缴纳12月决算法人 2025会计年度
    • 增值税预定申报 · 缴纳2026年第1期预定(1~3月)
    • 综合所得税确定申报 · 缴纳2025年度 · 5月31日为星期日,顺延至次日
    • 劳动 · 子女奖励金定期申请2025年度
    • 诚实申报确认对象的综合所得税2025年度
    • 预扣税按半年缴纳申请2026年下半年
    • 增值税确定申报 · 缴纳2026年第1期(1~6月)
    • 法人税中期预缴12月决算法人 2026年1~6月份
    • 增值税预定申报 · 缴纳2026年第2期预定(7~9月)
    • 综合所得税中期预缴2026年1~6月份
    • 综合不动产税缴纳2026年度

资料来源:国税厅2026年税务日程列表(2026年11月2日查阅)。只挑出12月决算的法人和个体经营者通常需要留意的期限。期限可能因行业、决算月份和营业场所而有所不同。

12 / RETROSPECT回顾

两轮提案
留下了什么

我们提出了多个方向,但最终没有被选用。即便如此,两轮提案仍在不同深度上回应了同一个问题:1月把现有网站的内容一项不漏地整理清楚,10月则让这些内容重新披上标志的十一笔与阳光的颜色。

  1. 第一轮提案 · 1月从整理内容入手

    十二个区块的两版导览式页面

  2. 第二轮提案 · 10月从标志重新开始

    九个场景的滚动式改版 · Blender影片 · 十张静物照片

  3. 这份记录画出下一个场景

    用徽标笔画画出的八个图标 · 税务日历

  • 01先从标志重新读起

    直到逐一读完坐标,我们才发现徽标是由十一笔写成的文字。这个发现决定了首屏、图标和日历的样子。

  • 02金色要靠光来呈现

    把金色涂在物件上会显得廉价。用一缕阳光营造的金色,落在了与标志色相同的色相角上。

  • 03只写核实过的数字

    1月初稿里的98%和示例评价都已删除,10月方案只保留了事务所亲自公开的案例数字。

13 / CREDITSCHANGJO TAX · BLUECANVAS WORKS

CHANGJO TAX HOMEPAGE RENEWAL

十一笔
写成的名字

Changjo Tax & Accounting · 初稿2版 · 滚动式改版方案 · 徽标影片

ItemDetail
ClientChangjo Tax & Accounting · 税务会计事务所
Scope网站改版提案 · 首屏3D影片 · 服务静物照片
Period2026年1月 · 2026年10月 ~ 11月
Round 1初稿2版(浅色首屏 · 办公室照片首屏,十二个区块)
Round 2滚动式改版方案1版(九个场景) · Blender徽标影片150帧 · 静物照片10张
Added用徽标笔画绘制的服务图标8种 · 税务日历
Identity徽标十一笔 · 标志色 #BCA486 · 背景 #0B0B0D · 强调色 #CFB68E
ToolsBlender 5.2 Eevee · GSAP · Lenis
TypefacePretendard
StudioBlueCanvas

Goal让老板在托付账簿之前就能信赖的首屏

ELEVEN STROKES, ONE NAME

以名字担保做事的地方,它的首屏,
我们愿与您一起设计

从标志的一笔、照片里的一缕光出发,
我们会打造一个让老板们放心托付的网站。

    Contact

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

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

    4个问题 · 约2分钟

    项目范围

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

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

    预算

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

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

    项目说明

    请告诉我们目前的情况。

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

    0

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

    联系方式

    我们回复到哪里?

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