Katelyn's Crystal & Ore

使用技術

• HTML
• CSS / Tailwind
• JavaScript

套件

• GSAP
• Swiper
• C3.js
• Validate.js
• SweetAlert

資料庫

• JSON Server Auth
• Vercel -> Render

UX 開發流程

User Story 使用者需求

顧客

• 做脈輪測驗，了解自身脈輪能量
• 了解晶礦知識
• 自行設計礦石手串
• 編輯會員資料

店家

• 查看訂單商品設計、製作晶礦手串
• 管理訂單狀態
• 查看客戶資料

Function Map 頁面功能架構

• 使用 Whimsical 繪製

Wireframe 線稿圖

Mockup 視覺設計稿

• 由 F Selina 設計
• 連結：https://www.figma.com/file/aa9QJudM0lVMNV9dY1cajg/Crystal-%26-Ore-%E6%99%B6%E7%A4%A6%E8%A8%AD%E8%A8%88%E6%89%8B%E4%B8%B2%E8%A8%82%E8%A3%BD

DEMO 帳密

帳號：katelyn@crystal.com 密碼：test1234

聲明

本作品所有內容、圖片皆為個人前端開發練習使用，不做任何商業用途。