为一位独立珠宝设计师搭建的品牌官网与在线展示站。项目从零开始,包含首页、产品列表支持分类筛选和搜索、产品详情页、品牌故事页四个核心页面。
技术上用 Next.js 14 搭建前端,Tailwind CSS 做样式,Framer Motion 处理滚动动画。产品数据全部用真实摄影图(从 Unsplash 选取的高质量珠宝实拍),每款产品配有完整的参数表、材质说明和规格信息。深色背景配香槟金主色调,整体走简洁高级路线,没有使用任何 emoji 或模板感素材。
我负责了全部前端开发工作,包括响应式布局适配、玻璃态卡片效果实现、图片懒加载优化,以及产品数据结构的设计。站点部署后首屏加载控制在 2 秒以内。目前作为设计师的作品集展示站使用,后续可扩展购物车和支付功能。