代表项目 · No.02客户交付 · Web 与品牌
全部代表项目客户交付 · Web 与品牌
OK Graniitti Oy — 企业网站与品牌标识
为芬兰花岗岩采石企业设计并交付数字化形象，包括响应式网站、多语言信息架构、生产部署和定制 SVG 品牌标识。
角色：自由职业开发者，负责产品结构、界面设计、实现、部署与视觉识别。
访问网站私有代码仓库
- 语言
- 4
- 架构
- Frontend + API
- 后台
- CMS console
- 部署
- Vercel + Render
§01概述
交付面向生产环境的 Web 系统：Vercel 前端部署、Render 后端部署、PostgreSQL 支持、文件上传校验、后台审计记录和自定义品牌视觉。
§02系统架构
- 01Vite React 前端承载多语言公开页面
- 02Express 后端，包含 Zod 校验与 Helmet 安全中间件
- 03后台管理首页、页脚、石材、项目、应用和媒体元数据
- 04配置 DATABASE_URL 后支持 PostgreSQL 持久化
- 05前端部署到 Vercel，后端部署到 Render
§03案例分析
问题
真实企业网站不只是静态落地页，还需要多语言内容、材料目录、案例项目、报价请求和后台可维护更新。
我的贡献
构建前后端分离网站和 CMS，包含自定义品牌标识、公开页面、后台工具、媒体元数据和带校验的报价请求流程。
工程实现
实现 Vite React 18 TypeScript 前端、Express API、Zod 校验、Multer 上传、Helmet 安全中间件、PostgreSQL-ready 持久化，并拆分部署到 Vercel 与 Render。
成果
交付可通过后台维护的生产型系统，避免每次内容更新都需要改代码。