產品展示

預約流程展示

1.使用者透過預約系統，選擇預約時間完成預約，會後可持條碼至健檢中心報到。
2.若有填寫emlil:則會寄出預約成功通知單。

產品規劃

Wireframe

為打造使用者感受優良的預約系統網站，使用AdobeXD 製作wireframe，反覆確認使用流程順暢與畫面配置良好，讓預約使用者能順利完成預約動作。

視覺設計

色彩搭配

1.為配合logo顏色，主色選用了鮮明的黃色(#F6D365)，也帶來溫暖有朝氣的感受，配合飽和度較低的綠色(#B4CFC6)，希望帶出健康的感受 2.文字選用非純黑色的(#2C291F)，讓畫面整體較為平衡，但顏色對比度仍可清楚有達到WCAG 2.11 AAA，可以帶來舒適的觀看感受。

前端撰寫

Vue CLI

1.使用Vue CLI建立專案、v-router切換頁面，為了學習也將建立過程寫成文章 (點我看文章)

2.