• Version: 1.0
  • Update: 2019/8/4

又名:论一个咨询师的个人主页设计

当一名咨询师想要做出个人主页,那么她的目的一定是: ——招募来访

换句话说:

一切不以招募来访为目的的个人主页搭建都是耍流氓。

所谓以招募来访为目的,意思是处处设计都要考虑来访需求

首先,界面设计相对友善——虽然是 UI/UX 的基本要求,但是对于咨询来说额外重要;其次,简明呈现咨询师值得被了解的一切信息;最后,明确咨询将会如何进行,确保预约过程简单、清晰。

关于咨询师的个人主页,经验最早来自之前寻找欧美分析师时的浏览,大约彼处缺乏互联网产品的入侵,咨询师大多如小店老板一样自架网站。我的 Ms. V 就是如此。几个页面分别介绍心理咨询,流派,自己,以及治疗流程,收费等,一应俱全,带来一种相当古典的感觉。

至于国内则一定受到简单心理知我等主流应用的影响。由于用户基础较好(教育完备) + 无需事务工作(平台承担),版面更多集中于咨询师本人的受训介绍。

造成两种设计差异的另外一个原因则是受训背书的级别不同:由于国外的入行门槛已是硕博,因此不再需要攀比继续教育,个人分析,个案时数等。

我的上一版本设计也仿照了上述应用的 One Page Design:列举受训经历,辅以咨询寄语,以联络方式告结。作为个人的自定制,我只是增加了项目一栏,用以说明翻译等其他杂项,部分原因在于,我更希望通过实在做过的事情而被了解。

这次重新设计,想要达成以下需求:

  • 增加文章页面:之前并没有感到写作会在主页之中起到很大作用(毕竟自己张罗的何苦开心尚且只有两篇投稿),不过,随着为了整理思路而自主写作的手记增多,逐渐感到文章页面的必要。
  • 保留线上寄信表单,并且增加预约相关说明:对于咨询师的个人主页来说,可能会是一个必备功能,在 Wix 处试用了一下,手感良好。预约说明则是学习国外分析师的页面之后想到的主意,同时也是在流程不断优化之后的结果。
  • 保留个人项目:毕竟它们大多与心理治疗相关,或许能够帮助读者更加了解我,进而做出更好判断。

如此一来,该以怎样的设计呈现,我多少有些摸不清楚:文章与 One Page Design,似乎只有一个能够作为入口,但是,无论哪个看起来都不那么贴切。

直到在主题 Compass 处看到了 Personal Landing Page 这个概念,一下感觉豁然开朗:类似 About Me,它更多只是个人社交账号的集锦,但是,作为思路,我联想到可以通过一段介绍文字,链接至项目受训文章预约。比起菜单导航,它更有设计感,也更为亲和(对于一个咨询师的个人主页来说或许是重要的)。

文章列表在 Papyrus 处找到了很好参考:比起一个中规中矩的 timeline,分类呈现对我来说更有意义。

Hack Day

7 月做了一版个人网站,当时希望省力,更愿美观,基于 Portfolio 的思路寻到了 WixSquarespace,并且最终选用了前者。最终结果表明,我依然并不适合傻瓜工具。一方面,拖拽操作实在笨重,另一方面,自定制化总嫌不够。带着这一遗憾,兜转回到 Jekyll + Github Page 的老路。

如上所述,基本确定在 Compass 基础上进行修改,但是,为了达成我的需求,需要修改的内容还不少:

  • 修改中文样式
  • 增加受训样式
  • 增加文章列表
  • 增加文章样式
  • 增加线上寄信表单
  • 增加中文社交图标
  • 绑定域名
  • 社交网站发布

不过,也都不是什么大事,值得拿出来说的就这么几点。

线上寄信表单

诸如 Jekyll 这种静态页面,不需 JS,PHP 就能发送邮件的服务,我选择了 Formspree.io

中文社交图标

使用阿里 iconfont 解决。

社交网站发布

使用插件 Jekyll Crosspost to Medium 解决 Medium 发布。

使用 ifttt 解决微博发布,需要搭配插件 Jekyll Feed

其他国内网站没有找到什么好的方法。

未来

未来可能还会折腾,但是,眼下,主页还有不少内容需要填充;而内容也是它最重要的部分。