{ "categories": [ { "id": "all", "label": { "zh": "全部案例", "en": "All Work" } }, { "id": "trade", "label": { "zh": "外贸独立站", "en": "Trade Sites" } }, { "id": "wp", "label": { "zh": "WordPress 主题", "en": "WordPress Themes" } }, { "id": "tool", "label": { "zh": "工具与系统站", "en": "Tools & Systems" } } ], "cases": [ { "id": "flowtech", "name": { "zh": "FlowTech 仪器外贸独立站", "en": "FlowTech Instruments B2B Site" }, "client": { "zh": "工业仪表制造 · 苏州", "en": "Industrial Instruments · Suzhou" }, "category": "trade", "year": "2026", "cover": "assets/shots/flowtech-1.webp", "shots": [ "assets/shots/flowtech-1.webp", "assets/shots/flowtech-2.webp", "assets/shots/flowtech-3.webp" ], "tags": ["HTML/CSS/JS", "中英双语", "B2B 询盘", "SEO 结构化数据", "Cloudflare Pages"], "summary": { "zh": "为工业流量计制造商打造的多页面英文官网：产品线、行业解决方案、企业沿革与询盘转化一应俱全，中英双语文案全量数据驱动。", "en": "A multi-page English website for an industrial flow-meter manufacturer: product lines, industry solutions, company history and inquiry-driven UX, fully bilingual via data-driven i18n." }, "highlights": [ { "zh": "8 大产品线 + 独立详情页，参数表与选型引导完整", "en": "8 product lines with dedicated detail pages, spec tables and selection guides" }, { "zh": "WhatsApp / 邮件 / 表单三路询盘直达，转化路径最短化", "en": "Three inquiry channels (WhatsApp, email, form) for the shortest conversion path" }, { "zh": "i18n.json 单文件管理中英全部文案，改文案不动代码", "en": "All copy managed in one i18n.json — edit text without touching code" }, { "zh": "SEO 结构化数据（Organization / Product）+ 自动 sitemap", "en": "Structured data (Organization / Product) with auto-generated sitemap" } ], "metrics": [ { "value": "8", "label": { "zh": "产品线", "en": "Product lines" } }, { "value": "2", "label": { "zh": "站点语言", "en": "Languages" } }, { "value": "95+", "label": { "zh": "Lighthouse 综合分", "en": "Lighthouse score" } } ] }, { "id": "bambglow", "name": { "zh": "BambooGlow 手作竹艺灯具站", "en": "BambooGlow Handcrafted Lighting" }, "client": { "zh": "手工艺品出海 · 品牌零售", "en": "Handcraft Export · Brand Retail" }, "category": "trade", "year": "2026", "cover": "assets/shots/bambglow-1.webp", "shots": [ "assets/shots/bambglow-1.webp", "assets/shots/bambglow-2.webp" ], "tags": ["HTML/CSS/JS", "品牌叙事", "产品集合页", "响应式"], "summary": { "zh": "手工竹艺灯具的出海品牌站：以自然材质摄影和沉浸式叙事呈现工艺价值，产品集合页支持分类筛选与新品标记。", "en": "A brand site for handcrafted bamboo lighting: immersive storytelling with natural-material photography, plus a filterable collection page with new-arrival badges." }, "highlights": [ { "zh": "首屏沉浸式品牌叙事，突出手作工艺与自然质感", "en": "Immersive hero storytelling highlighting craftsmanship and natural texture" }, { "zh": "集合页分类筛选 + 排序，新品/热卖标签体系", "en": "Collection page with filtering, sorting and NEW / BEST badges" }, { "zh": "品牌故事页强化信任，衔接批发与零售询盘", "en": "Brand story page building trust for both wholesale and retail inquiries" }, { "zh": "图片懒加载 + 响应式断点，移动端体验完整", "en": "Lazy-loaded imagery and full mobile breakpoints" } ], "metrics": [ { "value": "20+", "label": { "zh": "产品陈列", "en": "Products listed" } }, { "value": "100%", "label": { "zh": "响应式页面", "en": "Responsive pages" } }, { "value": "95+", "label": { "zh": "Lighthouse 综合分", "en": "Lighthouse score" } } ] }, { "id": "apexcommerce", "name": { "zh": "ApexCommerce 企业电商主题", "en": "ApexCommerce WooCommerce Theme" }, "client": { "zh": "WordPress 主题产品", "en": "WordPress Theme Product" }, "category": "wp", "year": "2025", "cover": "assets/shots/apex-1.webp", "shots": [ "assets/shots/apex-1.webp" ], "tags": ["WordPress", "WooCommerce", "PHP", "企业级电商"], "summary": { "zh": "面向企业客户的 WooCommerce 企业级主题：完整电商闭环、多语言就绪，配套安装指南与开发文档，开箱即用。", "en": "An enterprise-grade WooCommerce theme with a complete commerce loop, translation-ready strings, shipped with install guides and developer documentation." }, "highlights": [ { "zh": "购物车、结账、会员与订单全流程适配", "en": "Full adaptation of cart, checkout, account and order flows" }, { "zh": "翻译文件编译脚本，多语言开箱即用", "en": "Translation compile pipeline — multilingual out of the box" }, { "zh": "主题定制器可视化配置，无需改代码换风格", "en": "Customizer-based visual configuration, no code needed" }, { "zh": "附安装教程与开发文档，交付即文档齐全", "en": "Install tutorial and dev docs included in delivery" } ], "metrics": [ { "value": "全流程", "label": { "zh": "电商功能覆盖", "en": "Commerce coverage" } }, { "value": "i18n", "label": { "zh": "多语言就绪", "en": "Translation ready" } }, { "value": "文档", "label": { "zh": "安装 + 开发双文档", "en": "Install + dev docs" } } ] }, { "id": "astras", "name": { "zh": "AstraS 高性能通用主题", "en": "AstraS Versatile Theme" }, "client": { "zh": "WordPress 主题产品", "en": "WordPress Theme Product" }, "category": "wp", "year": "2025", "cover": "assets/shots/astras-1.svg", "shots": [ "assets/shots/astras-1.svg" ], "tags": ["WordPress", "轻量高性能", "页面构建器兼容"], "summary": { "zh": "轻量级多用途 WordPress 主题：极低资源占用，兼容主流页面构建器，适配博客、企业官网与作品集多种场景。", "en": "A lightweight multi-purpose WordPress theme: minimal footprint, compatible with major page builders, suited for blogs, corporate sites and portfolios." }, "highlights": [ { "zh": "极简依赖，核心样式体积极小，加载飞快", "en": "Minimal dependencies with a tiny core stylesheet for fast loads" }, { "zh": "兼容 Elementor / Gutenberg 编辑器生态", "en": "Compatible with the Elementor / Gutenberg editor ecosystem" }, { "zh": "多场景首页模板：博客、企业、作品集一键切换", "en": "Multiple starter layouts: blog, corporate and portfolio" }, { "zh": "SEO 友好的语义化结构与架构化标题输出", "en": "SEO-friendly semantic structure and heading hierarchy" } ], "metrics": [ { "value": "轻量", "label": { "zh": "核心资源体积", "en": "Core footprint" } }, { "value": "3+", "label": { "zh": "场景模板", "en": "Starter layouts" } }, { "value": "兼容", "label": { "zh": "主流构建器", "en": "Builder support" } } ] }, { "id": "b2b-theme", "name": { "zh": "B2B 展示型通用主题", "en": "B2B Showcase Theme" }, "client": { "zh": "WordPress 主题产品", "en": "WordPress Theme Product" }, "category": "wp", "year": "2025", "cover": "assets/shots/b2b-1.svg", "shots": [ "assets/shots/b2b-1.svg" ], "tags": ["WordPress", "B2B", "询盘表单", "通用展示"], "summary": { "zh": "面向制造与贸易企业的 B2B 通用展示主题：产品、方案、案例、新闻四大模块齐备，内置询盘表单与多语言适配。", "en": "A B2B showcase theme for manufacturers and traders: product, solution, case and news modules with built-in inquiry forms and multilingual support." }, "highlights": [ { "zh": "产品 / 方案 / 案例 / 新闻四大内容模块", "en": "Four content modules: products, solutions, cases and news" }, { "zh": "内置询盘表单，对接邮件通知", "en": "Built-in inquiry form wired to email notifications" }, { "zh": "多语言适配，适配外贸企业官网", "en": "Multilingual-ready for export companies" }, { "zh": "主题选项面板，内容全后台管理", "en": "Theme options panel — all content managed in the dashboard" } ], "metrics": [ { "value": "4", "label": { "zh": "内容模块", "en": "Content modules" } }, { "value": "内置", "label": { "zh": "询盘系统", "en": "Inquiry system" } }, { "value": "开箱", "label": { "zh": "即用型交付", "en": "Out-of-box setup" } } ] }, { "id": "navstar", "name": { "zh": "航迹集 · 效率导航站", "en": "TrackSet Navigation Hub" }, "client": { "zh": "个人工具产品", "en": "Personal Tool Product" }, "category": "tool", "year": "2026", "cover": "assets/shots/nav-1.webp", "shots": [ "assets/shots/nav-1.webp" ], "tags": ["HTML/CSS/JS", "Lighthouse 100", "暗色模式", "数据驱动"], "summary": { "zh": "自研效率导航站：JSON 数据驱动、全本地图标资源、多配色系统。Google PageSpeed 四项性能指标全部满分。", "en": "A self-developed navigation hub: JSON-driven data, fully local icon assets and multi-palette theming. Perfect scores across all four Google PageSpeed categories." }, "highlights": [ { "zh": "Lighthouse 性能/无障碍/最佳实践/SEO 全项 100 分", "en": "Lighthouse 100/100/100/100 across performance, a11y, best practices and SEO" }, { "zh": "两列 JSON 文件管理全部导航内容，改完即生效", "en": "All navigation content managed by two JSON files — edits go live instantly" }, { "zh": "23 条站点图标全本地化，0 外部请求、0 控制台错误", "en": "23 site icons fully localized — zero external requests, zero console errors" }, { "zh": "深浅双主题 + 6 套配色实时切换，自定义主题色", "en": "Dark / light themes with 6 palettes and custom accent colors" } ], "metrics": [ { "value": "100", "label": { "zh": "Lighthouse 四项全满分", "en": "Perfect Lighthouse ×4" } }, { "value": "0", "label": { "zh": "控制台错误", "en": "Console errors" } }, { "value": "1.7s", "label": { "zh": "弱网 LCP", "en": "LCP on slow 4G" } } ] } ] }