掃碼購物小程序系統架構

商品詳情：個人中心、購物車、商品信息、掃碼換購、立即購買

個人中心：商品詳情、購物車、個人信息、尊貴會員、我的訂單、視力檔案、地址管理、服務訂單、發票管理、活動

購物車：商品購買

掃碼購物小程序頁面詳細介紹

商品詳情

1、左上角除了個人中心以外還新增了一個購物車跳轉頁面

2、把狀態欄和導航欄都利,用了起來把原來16:9的banner尺寸改成為1:1同時還增加了視頻(當視頻狀態下則在1:1上下中間選取16:9的范圍)。

3、可配鏡片系列 的呈現開始在1.0是想要給顧客預先展示該品類可以搭配哪些鏡片，經過用戶調查數據，此模塊對于用戶來講意義不大，反而會造成用戶操作的干擾; 進而根據業務需求調整，解決定位不準無法拉取用戶所在的門店，增加了服務門店板塊的顯示。

鏡片選購

1、鏡架更換按鈕表達不夠清晰，更改為直接通過點擊商品圖片來進行更換

2、顯示驗光數據信息在當前頁面不是重要信息、且也不需要模塊占屏面積過大，所以把數據信息和商品名稱放在了一起只顯示重要的度數信息( 依舊保留查看和更換》;節省更多的空間展示鏡片信息。

3、鏡片的搭配選擇，借鑒了自助點餐模式，把大類選項的tab放置左側進行切換，右邊選擇鏡片。

個人中心

1、在左上角和商品詳情頁一樣可以一鍵跳轉到購物車。

2、除了在對色調上做了調整也對每個模塊進行了重新的微調，讓頁面看上去飽滿和有條理。

尊貴會員

1、在設計1.0版本會員卡上，領導說要有錢的感覺，于是從RMB10元上選取了一個顏色;雖然有了錢的感覺，但因為主色調是灰色緣故，整個頁面整體上比較素。到了2.0的版本上，采用了VI上有的黑、加上領導需要的五顏六色白使整個頁面視覺上沒有1.0的單調。

2、除了在對色調上做了調整也對每個模塊進行了重新的微調，讓頁面看上去飽滿和有條理。