Rain Lee Productions ↗马来西亚巴生谷 · 创意与技术

网站设计 · 研究 · UX/UI

每一次浏览,都有一个目的。

我围绕完整用户旅程设计网站:从第一印象,到找到资讯、提出咨询或完成访问目的。研究、沟通、视觉设计与技术交付共同服务这个过程。

从人的需要出发,让设计发挥实际作用。

简洁、资讯优先的网站与富有叙事感的视觉体验,都可以适合用户。选择取决于访问者、需要、设备与机构的维护能力。清晰导航、易读内容、无障碍控件和手机布局,让旅程更顺畅。

一个设计者,多种理解问题的角度。

我是Rain Lee Lin Jun(李林骏),心理学毕业生、Monash University Malaysia国际商务硕士在读生、多领域设计者、创业者及rainleelj.com经营者。心理学帮助我考虑注意力、理解与行为;传播学和性别研究帮助我理解语言、呈现方式与受众情境。商科训练支持可行性与优先级判断,早期工程及IT学习支持技术评估与实施。

发现 → 研究 → 评估 → 设计 → 测试 → 实施 → 改进

先理解与判断,再开始构建。

重新开发网站时,我先了解现有内容:什么有效、什么失效、哪些人的需要尚未满足。发现与研究阶段通常可能约两周,视范围、权限与参与者档期而定。小项目采用适度研究,并非每个网站都必须进行完整问卷调查。

  1. 01

    发现

    确认访问任务、相关人员、限制、预算与成功指标,评估原有内容、系统、网址及重要服务。

  2. 02

    研究

    按约定使用访谈、问卷、分析数据及可用性评估,研究人口与心理特征、受众分群及基于证据的人物画像,避免刻板印象。

  3. 03

    评估

    比较局部修正、内容重组、平台调整与重新开发,说明成本、无障碍、维护与技术取舍,再建议可行方向。

  4. 04

    设计

    将资讯架构、内容策略、品牌形象及视觉叙事整合为响应式界面与清楚的任务流程。

  5. 05

    测试

    检查原型、约定旅程、手机布局、键盘操作、表单及语言清晰度。包含用户测试时,预先规划并记录局限。

  6. 06

    实施

    构建获批准的方案,保留约定网址及整合,检查内容与权限,交付管理员访问权和编辑说明。

  7. 07

    改进

    上线后检视约定指标,优先处理有用的改进,并清楚说明证据支持什么。后续工作依已同意的支持范围进行。

探索阶段应带来什么

按优先级整理的评估、受众与任务图、内容结构、备选方案及取舍,以及建议范围。书面配套列明所含研究、问卷日期、建议与成果,避免已包含的准备工作变成额外收费。

谨慎衡量,清楚说明不确定性。

有合适数据时,可使用时间序列分析、回归与比较指标检视趋势或模拟可能的改善。季节、推广活动、缺失数据及样本量都须考虑。预测是有假设的情境,并非已验证成果;前后差异本身不能证明改版造成变化。不承诺特定销售、转化或搜索排名增长。

UX / Ti-Ratana Heights

Ti-Ratana Heights:从欢迎到实地到访

社区网站贡献 · 马来西亚史里肯邦安。现有网站公开注明“Designed by Rain Lee Lin Jun”,为Ti-Ratana Youth Buddhist Section设计。这是社区作品证据,不代表付费委托或机构商业背书。

  1. 01

    欢迎

    佛教影像与佛像先营造场所氛围,传达尊重与亲切。

  2. 02

    理解

    先介绍机构与宗旨,再让初次访问者选择下一步。

  3. 03

    发现

    呈现活动与即将举行的节目,让兴趣有可继续探索的方向。

  4. 04

    探索

    为需要进一步背景或了解机构的人提供更多资讯。

  5. 05

    到访

    以联系及到访资讯收尾;桌面端预期的影像顺序逐步走向入口与大门。

可用性考虑:为常客保留活动与联系直达链接,确保图片上的文字清晰,优化图片体积,保持手机阅读顺序合理,并让关键到访资讯无需看完整段视觉故事也能找到。

这些步骤说明预期的桌面体验。实际访客如何使用,仍需用户测试确认。不声称已有可用性测试结果或绩效提升。

浏览Heights现有网站 ↗

不同受众,不同旅程。

以下现有项目兼具资讯优先界面与叙事呈现。这些说明描述预期任务与可见设计选择,并不代替实际用户研究或成效数据。

社群组织

展示我在社群职务中参与的设计与网站工作;不代表有关组织的商业背书。

monashbuddhistsociety.my

Monash Buddhist Society

学生与新朋友:了解社团、活动及参与方式。面向学生的资讯层级支持这段旅程。

浏览网站 ↗

www.ti-ratana.org

Ti-Ratana · HQ

全会受众:认识机构及寻找分会。我的角色是Media & IT团队协作设计贡献,并非独自创作。

浏览网站 ↗

puchong.ti-ratana.org

Ti-Ratana · Puchong

本地访客与常客:从近期活动和时间表,进入到访资讯及相关服务。社区网站设计与持续资讯工作。

浏览网站 ↗

独立公益项目

自发项目展现我的设计范围,并非外部客户委托项目。

themiddleway.my

The Middle Way

初学者与好奇的读者:选主题、读易懂内容,再用偏好语言浏览视觉指南或海报。独立公益项目。

浏览网站 ↗

dhammastop.my

DhammaStop

规划到访的人:搜索地点、筛选结果、检视地图及来源,再规划行程。筛选与待核实标签支持资讯优先目录。

浏览网站 ↗

buddhist.my

Buddhist.my

佛教学习者与社区访客:辨认适合资源并继续阅读。独立项目,并非官方机构网站。

浏览网站 ↗

自有品牌

自发项目展现我的设计范围,并非外部客户委托项目。

media.rainleelj.com

Rain Lee · Media

观众与潜在合作伙伴:浏览摄影或影片,查看项目与署名。影像带路,文字提供背景。

浏览网站 ↗

about.rainleelj.com

Rain Lee · About

希望了解背景的读者:沿传记与时间线,探索相关作品。以个人叙事为主的网站。

浏览网站 ↗

shop.rainleelj.com

Rain Lee · Shop

潜在客户:比较收费与所含内容、理解范围,再提出知情咨询。咨询并非已确认预约。

浏览网站 ↗

music.rainleelj.com

Rain Lee · Music catalogue

寻找录音的听众:找到发行、歌词与故事,再前往收听平台。深入目录支持定向探索。

浏览网站 ↗

rainleemusic.com

Rain Lee Music

新听众:快速认识艺人并找到作品或收听平台。精简首页与深入目录互相补充。

浏览网站 ↗

studio.rainleelj.com

Rain Lee · Studio

潜在客户:了解服务、检视相关作品,再进入范围明确的Shop咨询。克制的概览连接多个领域。

浏览网站 ↗

scatteredstill.com

Scattered Still

考虑非临床生活指导的成年人:先了解方法、收费及界限,再决定是否咨询。清晰与平稳节奏引导旅程。

浏览网站 ↗

www.rainleelj.com

Rain Lee · Main website

读者与关注者:探索个人文章,再选择相关专业网站。主站作为整个网络的入口。

浏览网站 ↗

网页应用与资源

展示我在社群职务中参与的设计与网站工作;不代表有关组织的商业背书。

app.ti-ratana.org

Ti-Ratana · Community app

社区成员:从中心入口寻找分会、活动与资源。社区贡献;连接系统各自保留运作责任。

浏览网站 ↗

dhamma.ti-ratana.org

Ti-Ratana · Dhamma

读者与诵读者:找到教导或诵文,再选择语言与阅读方式。可读性与导航是核心。

浏览网站 ↗

sukhadhammaschool.ti-ratana.org

Ti-Ratana · Sukha Dhamma School

家长与学生:认识佛学班并找到课程资讯。面向明确学校受众的社区工作。

浏览网站 ↗

摄影、影片、音乐及其他创作

从你需要的结果开始。

请提供现有网址、受众、希望访客完成的任务、语言、预算与期限,再判断适合评估、局部改善还是全新构建。

学业文件 · My eQuals

通过My eQuals查看我分享的学业文件。这些记录对应我已完成的本科学位。