楼主:
zeals75 (徐仲威)
2022-03-07 11:45:53大家好，
本篇文章我想一样用行销的角度切入网站规划（而非程式技术面）
有兴趣的板友可以看看
先附上部落格原始连结：
https://zeals75.com/blog/33062
本文开始！
-
本篇文章的案例网站连结是 - 澄格室内装修设计
https://clearstyle.com.tw
这个客户是来自高中同学介绍的客户
（谢谢 Sasha 和小宇！），
当初第一次帮澄格做官网是早在 2016 年，
那时我还在数位行销公司 Isobar Taiwan 上班，
利用下班与假日时间做案子。
一个网站的寿命，
如果当初是用买断的方式进行设计，
那么就我自己的经验法则，
通常网站寿命会落在 3~5 年左右，
超过这个时间，不是说网站就会故障，
而是它可能就开始看得出来岁月的痕迹。
就像一间店面，
你不太可能第一年所投入的美丽装潢，
一直无限制的沿用下去，
经过时间的变化，上面会产生自然地斑驳，
这时候就需要人工去处理、维护，
才能确保它的外观能够维持下去。
网站设计，
因为牵扯到使用者的互动环境，
三年前的金科玉律，
在三年后可能不是很适用，
因为数位行销的每一个环节，
每一天都在变化，
看看十年前几乎每一个网站
必装的 Facebook 赞按钮（Like Button），
现在（2022 年）已经很难看到了，
如果一个网站还在追求单一页面的按赞表现，
那么就暴露出这个网站可能已经好多年没有调整了。
回到澄格室内装修设计官网这个案子，
澄格官网在当初 2016 年的早期设计，
我以现在的审美观来看，
其实是有点不好意思的，
因此只要有机会，
我就跟客户争取改版，
无论客户有没有预算。
所幸，这个愿望终于在 2021 年成真了，
在 2021 年年中，
客户因为希望透过数位行销进行更大规模的推广，
因此有了网页改版的预算，
因此，我也就这次机会，重新帮澄格，
以更成熟的方式进行设计，
希望可以帮助客户对于数位行销预算，
做更有效的使用，
因为官网通常属于数位行销流量的承接点，
如果官网做得不好，
那么用广告费用导进来的流量，
很有可能会因官网没有打动对方的兴趣，
而使对方离开网站，
这样就成了行销费用的浪费。
澄格官网的改版重点分为两个部分，
第一是首页，第二是作品集，
这两个是室内设计陌生客最重视的单元，
透过首页留住使用者，
再透过作品集说服使用者，
让他们愿意进行联系的动作。
为了让首页达到有更好的数位行销承接效果，
我们重新规划首页的设计语言，
让它更具有一致性（布局逻辑与配色等），
让使用者可以顺利读下去，
并且随时找得到“出路”，
意思是说当想看作品的时候，
可以连到“客户案例”的页面，
当想了解收费标准的时候，可以连到“费用参考”页面，
当然，最重要的是，
当有问题或需要想要联系的时候，
可以找得到联络的管道。
关于首页的版面规划逻辑，
我是采用自己惯用的方式处理，就三个原则：
1. 重要性排序：
愈重要的区块就排愈前面
2. 资讯收折：
资讯太多的区块，提供按钮连结到独立页面
3. 永远让使用者有下一步：
阅读动线结束的同时，就给予其他页面的连结
本次改版，
作品集包含目录与内页都重新进行了设计。
在目录的部分，
配合客户希望使用“一行字”作为作品名称的需求，
并兼顾同时浏览多笔作品以有效利用萤幕空间，
因此作品目录采用三栏式排版，
确保每个作品排版有足够的留白空间。
在内页部分，
因为客户属于室内设计领域，
因此作品需要“看图说故事”，
在原本 2016 年的设计，
每一张照片的图说都需要光标移动上去才会显示，
当时这么做是为了排版上的美观，
所以才会默认隐藏文字；
时至今日，
我希望使用者可以动愈少动作，
获得更多资讯，因此改用文字默认展开，
让使用者在进入作品集内页的时候，
可以一目了然有哪些细节重点可以看，
当对特定项目有兴趣，再点击图片放大来看。
以上，就是本次的网页设计案例介绍，
如果对于这个案子有其他想了解的地方，
欢迎向我询问，
我的 Email 是 [email protected]
谢谢你的阅读！