大家好,小弟许久没有发文,
因为工作的关系都是与行销间接相关
个人认为是 50% 设计+50% 行销,一半一半,
没有说谁重要或谁不重要
因此比较难有比较精准的心得上来分享
但经历行销板板主几年了,
从发文的使用者,到版面文章的管理者,
其实我一直觉得自己有包袱,
总觉得不能随心所欲的书写有点心累,
2022 年了,总觉得自己这样下去也不是办法,
无法分享工作上的心得,(对我来说)真的是一件很不自在的事情,
因此,还是决定上来贴贴文章,
即使只有 50% 行销的成分
(相信大部分公司要启动一个网页设计专案,都是由行销人员负责接洽)
今天要介绍的,是一个来自台大的网页设计案
先说,我的工作严格来说是网页设计师,
但因为过去工作背景的关系,在跟客户讨论案子的时候,
基本上都是以行销作为核心,去验证网站的有效性与设计上的合理性
部落格文章原文在此:
来自台大的案子 – 网页设计案例
https://zeals75.com/blog/33028
转贴文字重排如下
- - - - -
回顾 2021 年,
我一整年竟然都没有把新完成的案子放上来,实在不应该,
最近趁著解除几个案子压力后,
让自己可以好好静下心的慢慢处理,
总算,陆陆续续都放上了公司官网,
盘点之后一共有 8 个案例。
从现在开始,我打算每一个客户案例,
都需要强迫自己写一篇文章来介绍。
首先,是这个来自台大的案子:
https://i.imgur.com/dGR2bKh.jpg
客户名称:国立台湾大学国际体育运动事务学士学位学程
专案期间:4.5 个月(2021/8/12 ~ 2021/12/27)
上线网址:https://bpisa.ntu.edu.tw
这个案子来自当兵朋友的介绍(谢谢明刚!),
当初听到是台大其实自己很兴奋,
因为在此之前,我曾经有接洽两个学校的案子,
都因为不可抗力的因素导致最后没有成功。
我非常希望可以做到台湾学校的案子。
在当初窗口跟我 Brief 的时候表示,
这是一个全新招生的学程,
我自己则是解读这个任务,意义重大,
如果可以的话,我希望可以制作出“前无古人”的网站
(“后无来者”就不敢当了)。
因此,为了积极争取此案,
我额外花很多时间在制作完整的提案,
就是制作一个真实的网站给客户,
我希望窗口在将网站呈现给校方内部的时候,
可以用真实的网站,而不是一张静态图片,
需要缩缩放放才能看得清楚,那不是我的风格。
我认为网站是一个动态的产品,
它是一个需要使用者去互动、体验,
才会感受到它的价值的东西,
假如你的网站只是一张图片丢给客户,
客户无法透过操作去体验操作性与视觉动线的话,
那么到最后客户就很容易盯着某个地方开始吹毛求疵,
例如一块背景图,或者说不出来由的觉得配色不对劲。
通常这种时候并不是客户的问题,
而是设计师让客户别无选择。
我认为一个好的提案,就是拉近构想与现实的差距,
差距愈小,提案就愈真实,这对设计师与客户双方彼此都好。
当你给客户一张静态的图片,
十个客户有八个客户可能都会问
“这个网站会有什么动画效果吗?”
但动画可能对于使用者阅读这个网站的内容无济于事,
可能还是一种额外的干扰。
假如设计师一开始就不打算加入太多多余的动画效果在网站上,
那么初期一旦让客户开启了动画效果的想像,
那么后续就很难收回来了,
就会造成专案进展上的失焦与阻碍。
再回到台大这个案子。
这个案子真的是老天保佑,
在提案的过程我自认为还算顺利,
客户没有什么调整,能够做到这种案子,真的是很令人感动。
这个案子当初最大的挑战就是只有文字,没有图片。
通常一个体育相关的网站,若是放上运动员的照片,
会让整个网站的讯息非常明确,
但这个案子因为是新招生的系所学程,
因此没有任何校友运动员的素材可以使用,
再加上“体育”的这个主题其实很大,
运动的种类没有百百种也有数十种,
我们很难用几个运动的意象来以偏概全,
这样对其他运动并不公平。
我认为照片对现代网站来说非常重要,
照片挑得好,网站就成功一半了,
所以我并不想轻易地放弃使用照片这件事情。
因此,我改用体育场地来当作运动的意向,
因为不同体育场地,通常会有不同的颜色,
刚好也代表这个学程运动类别的多元性,
透过适度的遮罩处理,让体育场地变成几何的衬图。
文字部分,一般运动相关的网站都是使用黑体,
但我其实一直很喜欢明体用在人文领域的感觉,
特别这是一个做研究与教育的学术单位,
因此,字体我选择的是 Noto Serif TC(思源宋体),
做为标题字使用,
内文小字则是使用 Noto Sans TC(思源黑体),
明黑混用,
这部分其实有参考美国哈佛大学的案例,
哈佛大学学校的官网也是使用 WordPress 架构,
这点在三、四年前我在谈其他学校的案子的时候刚过做功课时有研究到,
因此就记下来了,想不到几年之后,
哈佛还是一样维持使用 WordPress 架构不变,备感安心,
不然偶尔会碰到客户对 WordPress 没有信心的,
这时候就是需要跟客户分享一些全球知名的成功案例,
帮助客户评估。
备注:史丹佛大学也是使用 WordPress 架构喔!
基本上图片和字体选定后,
网站的风格就大致抵定了。
剩下来的就是一些功能面的细节,
这个网站有个满特殊的需求,
就是希望老师们以后可以自行更新自己的教师个人页面,
里头主要是放学术论文发表的研究成果。
由于 WordPress 架构的可调性太大,
当你要开放页面让一般 User 可以自由编辑的时候,
实在是很容易出问题,特别是很多排版上的效果很怕被动到。
为此,
我的做法是尽可能地使用全域 CSS 来控制排版效果,
让未来老师自己在改东西的时候,
比较不需要担心会动到东西,
就算不小心动到东西,排版跑掉了,
也很容易找出问题进而修复。
曾经想过是否要写固定字段,
让老师照填格子的内容就好,
这样是不是就不会让排版出错了?
但考虑到这样子会提高之后到维护难度,
因此没有决定这么做,实际上我并不会这块的技术。
我曾经帮一个客户看过他们的网站,
他们想调整一些东西,
但当初他们的厂商用 WordPress 架构搭配海量的自订字段,
把 WordPress 编辑器变成一个萝卜一个坑的固定式后台,
我觉得这很恐怖。
我因为无法参透(也没时间参透)这个自订字段架构,
所以之后作罢没接。
以上,是关于这个网站在开发时的一些介绍,
未来这个网站没有意外的话,
应该还是会做其他的功能上去,
目前是因为要争取招生时间,
所以用分阶段的方式上线
谢谢收看!