案例研究
b18 品牌官網
為新創服裝設計師打造的品牌官網，整合視覺語彙、品牌故事與社群導流。
上線
2 週內
技術
Next.js + Vercel
導流
IG 整合
挑戰
新品牌需在同時建立視覺識別、產品敘事與 Instagram 導流，且預算與時程有限。
解法
以 Next.js 建置輕量官網，整合品牌故事、Lookbook 與社群 CTA，並優化行動端首屏轉換。
B18 品牌官網
Tags: vibe coding, Next.js, Instagram, UI/UX Design, Vercel
專案簡介
為新創服裝設計師打造的品牌官網，聚焦視覺語彙與品牌故事的呈現，並整合社群觸點以提升互動與轉換。
設計與體驗
- 以版型與留白凸顯產品質感與品牌定位
- 以導購節點導流至社群與購買流程
- 具一致性的設計系統與元件
技術棧
- 前端：Next.js
- 佈署：Vercel
- 社群整合：Instagram 嵌入/導流
截圖
連結
相關鏈接