19 — 26
过往作品。
涵盖品牌设计、UI/UX 与完整网页开发的案例研究 —— 每个项目在 Figma 中设计，素材在 Adobe Illustrator 与 Photoshop 中制作。位于 Dunfermline，承接 Fife 本地项目 与英国远程客户。
案例研究
- 01
ConsultADHD
A calm, accessible digital home for private ADHD assessment — bridging the gap between diagnosis and effective care for adults and children.
Web Design · Web Development · Brand Design
HTMLCSSJavaScriptPHP查看案例 → - 02
Scout Camp Manager
Cloud camp operations for large Scout events — registrations, QR attendance, scheduling, transport and leader communications. Proven at 800+ people.
Product Design · Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 03
Coasters & Crafters
A community platform for Minecraft creators, parks and theme-park builders — now evolving into Atlas with a dark, high-visibility interface.
Web Design · Web Development
HTMLCSSJavaScriptTypeScript查看案例 → - 04
ScoutingSite
A website builder made for Scout groups, districts and counties — drag-and-drop sites, group email, domains and OSM-ready tools.
Product Design · Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 05
Fife Cycle Speedway
A high-energy club site for Scotland’s fastest grassroots cycling sport — riders, results, live scores and joining info in one place.
Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 06
Kinross After School Club
A warm, playful digital home for a Kinross charity providing wraparound childcare — brand, site and parent-facing information in one clear system.
Web Design · Web Development · Brand Design
HTMLCSSJavaScriptPHP查看案例 → - 07
Euan Livingstone Portfolio
My own portfolio rebuilt in Next.js — a minimalist personal site with motion, theming and case studies that doubles as a live product demo.
Web Design · Web Development · Brand Design
HTMLCSSJavaScriptTypeScript查看案例 → - 08
2nd Fife Scouts
Group website for 2nd Fife (Dunfermline) Scouts — sections, Nine Acres links and volunteering made simple.
Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 09
3rd Fife Scouts
Clean group site for 3rd Fife (Royal British Legion) Scouts — programmes, volunteering and joining at a glance.
Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 10
Dunfermline District Scouts
District-level Scout website covering sections, volunteering, camping and youth-shaped programmes — and the original home of ScoutCamp for an 800+ person district event.
Web Design · Web Development
HTMLCSSJavaScriptPHP查看案例 → - 11
Nine Acres Memorial Campsite
A calm, practical site for a Scout memorial campsite in Fife — facilities, directions and booking in a respectful tone.
Web Design · Web Development · Brand Design
HTMLCSSJavaScriptPHP查看案例 → - 12
Community Barter
Brand and platform for a local skills-sharing network across Edinburgh & the Lothians — connect, offer and receive without cash.
Web Design · Web Development · Brand Design
HTMLCSSJavaScriptPHP查看案例 →
流程
通往成功网站的步骤。
每个案例都遵循同一套严谨路径 —— 从策划到设计、构建、打磨与上线。
- 01
策划
目标、受众与范围 — 在绘制任何布局之前，先明确网站必须达成什么。
- 02
设计
在 Figma 中完成线框与界面，品牌与视觉素材精炼，让体验更有意图。
- 03
开发
构建快速、响应式的网站，结构清晰，无障碍与 SEO 从一开始就内置。
- 04
调整
评审与打磨 — 完善内容、交互与细节，直到感觉恰到好处。
- 05
上线
上线检查、交接与支持 — 自信发布，并易于长期维护。