审计与数据分析作品集
单页式求职作品集・中英双语
作品
工作室刚成立，先放上我们替自己做的网站：两个个人网站，还有你正在看的这个工作室网站和它背后的订单后台。每个作品都附上技术重点和实际画面；鼠标移到缩略图上，可以看到整页。
01
审计与数据分析作品集
求职用的单页式作品集。学历、研究项目、经历和技能整理在同一页，招募方往下滑就能看完重点，也能直接下载履历。
- 对象
- 符立恒（Fu Lap Hang, Ivan）
会计与金融毕业生 - 类型
- 单页式个人网站
- 使用技术
- HTML、CSS、JavaScript、Tableau、GitHub Pages
技术重点
- 中英双语切换同一页直接切换中文和英文，访客的选择会记在浏览器里，下次打开还是同一种语言。
- 深色模式一键切换浅色和深色，选择同样会被记住。
- 嵌入 Tableau 交互报表用 Tableau 官方的嵌入套件，把超过 22 万笔组屋数据的交互分析直接放进页面。
- 底部快速导览导览列固定在画面底部，滑到哪里都能一键跳到学历、研究、履历和联系方式。
- 履历 PDF 下载招募方不用离开页面，就能直接下载履历。
- 免主机费纯静态网页放在 GitHub Pages，不需要另外租主机。
02
会计与金融研究个人网站
同时给招募方和研究所审查委员看的个人网站。首页说明能力与研究重点，另有研究报告、完整履历和一页式履历。
- 对象
- 赵于桢（Yu-Chen Chao）
会计与金融毕业生 - 类型
- 多页式个人网站
- 使用技术
- HTML、CSS、JavaScript、Python、GitHub Pages
技术重点
- 依读者安排的多页架构招募方第一眼看到学历和履历下载，审查委员则在研究页读完整的研究报告。
- 中英双语与翻译检查英文写在网页里、中文放在独立的翻译档，再用 Python 脚本检查每段文字都有翻译、没有过期的译文。
- 一页式 A4 履历专为打印设计的版面，直接打印或存成 PDF 刚好一页；下载用的履历 PDF 也由脚本自动产生。
- 逐步导读研究结果研究页用分步骤的图表，带读者一段一段看懂研究发现。
- 深色模式跟随系统预设跟着电脑或手机的深浅色设置，也可以手动切换。
- 不用框架、不用建置纯静态网页，文件打开就能用，放在 GitHub Pages。
03
工作室官网与订单后台
你正在看的这个网站。客户从网站提交询价，数据直接存进数据库，我们在后台追踪每一张单从询价到交付的进度。
- 对象
- TechStarterWeb Consulting（本站）
- 类型
- 工作室官网＋询价管理后台
- 使用技术
- Astro、Cloudflare Workers、D1、Access、OpenCC
- 客户填表繁体、简体、英文三种版本
- 检查与防垃圾服务器检查字段、挡掉机器人
- 存进数据库每一笔询价都留下来，不会漏单
- 后台处理只有指定的 Email 能登录
- 追踪进度询价 → 报价 → 签约 → 制作 → 交付
后台截屏使用范例数据。
技术重点
- 三种语言繁体是原稿，简体版在建置时用 OpenCC 自动转换，英文版另外撰写；第一次来的访客会依浏览器语言自动导向。
- 询价直接进数据库表单提交后，服务器先检查字段、挡掉机器人，再存进 Cloudflare D1 数据库，不会淹没在邮箱里。
- 订单后台依状态筛选、搜索，写内部备注，每一次状态变更都留下纪录。
- 内置流量统计后台直接看每日造访、热门页面、访客从哪里来和询价转换率；不用 cookie，也不存 IP。
- 后台登录保护用 Cloudflare Access 限定指定的 Email 才能登录，服务器再验证一次登录凭证。
- 各地习惯的联系方式WhatsApp、微信、LINE、小红书都能选；简体版预设微信，英文版预设 WhatsApp。
- 推上 GitHub 就自动上线内容改好推上 GitHub，Cloudflare 会自动建置并更新网站。