Lueur — 植物系美妆落地页

背景

Lueur 是一个从零打造的概念品牌，作为演示项目。目标是走出我惯常的领域——SaaS、仪表盘、深色界面——以证明我同样驾驭得了产品营销的语言：一个清晰、编辑化且富有感官气息的美妆品牌。

目标

• 不套用模板，从标志到包装打造一套连贯的品牌识别。
• 展示一套不同于我日常的技术栈：以 Astro 而非 Next.js，做一个性能拉满的静态站点。
• 超越展示橱窗：提供一段真实的购买旅程，从商品直至订单确认。

方案

一个如美妆杂志般构思的编辑式落地页：高级定制感的衬线导语、瓷白与植物绿的色板、考究的产品摄影。

• 仪式 — 三款基础护理，以三个清晰的动作呈现。
• 系列 — 先是整条产品线的平铺展示，再逐一详述每款产品（精华、面霜、油）。
• 购买旅程 — 一个从右侧滑入的抽屉式购物车、数量管理、完整的结账，以及带编号的订单确认。全程持久保存，无需后端。

技术栈与性能

• Astro 静态渲染：显示层不使用任何客户端 JavaScript 框架，仅为购物车保留必要部分。
• 图片自动优化为 WebP，并按屏幕提供多种尺寸。
• 滚动动画、移动端导航，以及对无障碍与对比度的用心。

这是一个演示项目，却以交付客户网站的同等标准构建：快速、干净、且推敲至每一处细节。