###### tags: `合作案`

# 經營分析網頁修改想法

## 20210122

### 整體

1.我提案所使用的jQuery動畫要保留

### 首頁

- [ ] 1.思考Slider的呈現方式，使得背景圖片的替換不至於會把文字吃掉

> 設計待改善

- [x] 2.6個打勾的文字搭配圖片那一Row，修改成6個Icon的文字顯示，Icon可以圖片或類別來呈現，Canvas有內建支持一些Icon，可找我討論，原來圖片拿掉。PC將以3欄呈現

> 已修改，但效果不夠好


- [x] 3.在手機版本，白色字會被背景吃掉，須調整設計

- [x] 4.將原本第三頁的影片移到這一頁來顯示

> 影片嵌入效果可再優化

- [x] 5. 如何進行的步驟，把第一步拿掉

> 很不清楚，完全沒有步驟的感覺

> 設計不行

- [x] 6.訂閱信封圖拿掉

### 第二頁

- [ ] 1.提示文字用灰色字放在輸入項下面，Excel檔裏頭的文字視為提示文字

- [x] 2.所有資料全都必填，不需要以紅色標註

- [ ] 3.多做三個底圖版本讓客戶挑，盡量選和美髮有關的底圖

> 目前只有改出一個版本

- [ ] 4.上方的保密說明文字維持紅色
- [x] 5.技術業績總額上方置入(例4月業績1000+5月業績2000+6月業績3000=6000，請填寫6000，不含美甲、美顏、美睫)
- [x] 6.燙髮客數上方置入(例4月2人+5月3人+6月4人=11人，請填寫11)

### 第三頁

- [ ] 1.圖表與數據對調

- [ ] 2.數據區不需要使用者輸入，需要把五力的數據做出區隔，可參考提案用顏色做區隔，思考能否使數據區域不要太長

- [ ] 3.是否可能使圖表維持在同一位置，做成浮空效果如何?

- [ ] 4.數據區的五力標題需要加上文字說明，以淺灰色來呈現

- [ ] 5.點圖表時能否切換到該數據區

- [ ] 6.插圖的選擇是否可能採用手繪或水彩風格

預定會議時間:

1/28 網頁設計確認

2/2 網頁定版日

## 20210202

### 第一頁

- [ ] 1.Slider的手機版不要全屏
- [ ] 2.10分鐘找出提升業績方案標題到下方
- [ ] 3.沙龍常見問題標題需要垂直置中
- [ ] 4.icon區手機版改為2 Column，要加上動畫
- [ ] 5.數據會說話區塊放在影片上
- [ ] 6.影片區上多放一張對話圖

- [ ] 7.進度條移除
- [ ] 8.經營者回饋移除
- [ ] 9.要訂閱按鈕改到底部，改為開始測驗
- [ ] 10.再提供一個非素色的底圖版本作參考

### 第二頁

- [ ] 1.進度條改為根據滑動頁面比例來顯示進度(位置鎖住)
- [ ] 2.灰字要加深，字再加大
- [ ] 3.確認送出按鈕改為全寬

### 第三頁

- [ ] 1.進度條移除
- [ ] 2.標題的檢視兩字移除，並改為主標題
- [ ] 3.數據區改為用Carousel來呈現


## 2021/2/22

前端改動

- [x] 1.第一頁的Slider，可於後台設定是否要顯示標題，桌機和手機支持不同圖片
- [ ] 2.第一頁的Card，是否能改成當滑到的時候自動翻轉
- [x] 3.第一頁如填寫Email，要收集到健檢資料內
- [x] 4.第二頁的沙龍地區改成 Select2 下拉選單
- [x] 5.第三頁的雷達圖，把Label文字加大
- [x] 6.第三頁的分析結果下方追加文字說明:點雷達圖端點可檢閱數值
- [x] 7.第三頁的平均分數文字改為市場平均值
- [x] 8.第三頁數值分頁點上方的空白需減小
- [x] 9.第三頁數值區把每個力的數據統整成一個item，item內的數據以兩欄式來呈現，每頁呈現一個item
- [x] 10.第三頁數值區的Carosel改為無窮，並一開始就會出現左右切換按鈕

後端改動

- [x] 1.Email資料要放入健檢表格
- [ ] 2.健檢表格要製作匯入與匯出功能(會先以Email書面確認，確定執行完合約的所有項目，否則須支付Excel匯入功能費用)
- [x] 3.健檢改抓當前最新的基準資料
- [x] 4.Dashboard的數據改抓健檢總筆數

維護

- [x] 1.首頁載入時間過長

時程規劃

定版日 2/22

Alpha版本上線 3/2
下一次會議時間 3/10

## 2021/2/27

待詢問原廠事項

- [ ] 活動頁NavBar無法呈現半透明，如何像首頁一樣
- [ ] 活動頁子選單打不開

## 2021/3/2

- [x] 滑動沒有自動翻轉

> 回覆:
>
> 目前官方還不支持這個功能，我們再提案可以怎麼優化


- [ ] 輸入資料時進度條會消失

> 回覆:
>
> 請設計師看看能夠怎麼優化


- [x] 輸入資料時進度條會消失

> 回覆:
>
> 請設計師把手機版本的文字縮小一點，就可以解決


- [x] 縣市地區要再新增

> 回覆:
>
> 這個在後台自行新增即可，我再教給你們


## 2021/3/10

### 前台

第一頁:

- [x] 沙龍常見問題上面須留Margin，目前黏在一起(設計師處理)


- [x] 在手機版本時，文字會消失(設計師處理)


- [x] 三個頁面的 Action Bar 的高都要加大，為求更為顯眼，預設顏色改為紫色，點下去之後改為灰色(設計師處理)


第二頁:

- [x] 驗證錯誤提示改為顯示"必填"


- [ ] 輸入資料時進度條會消失

> 回覆:
>
> 請設計師看看能夠怎麼優化

- [x] 算法錯誤

第三頁:

- [x] 數據文字修改，加上分行使之均衡

- [x] 填寫時將輸入項改為數字

第四頁:

- [x] 加上一個超連結(設計師處理)

### 後台

- [x] 網頁元素查詢Filter功能異常

### 其他

- [x] 替換原前台的function.js
- [x] 新前台的商品資訊頁面優化

下次開會時間 3/24 PM 2:00

## 2021/3/24

### 前台

- [x] 各頁的Action框內字體放大到1.5倍(設計師處理)
- [x] 第一頁的第一個Card不會跑翻轉動畫(設計師處理)
<font color=#FF00ff>原因：slider高度不足導致網頁載入後Card已呈現在網頁上，所以已自動翻轉完成！</font>
<font color=#ff0000>處理方式：將Card翻轉動畫延遲2秒</font>
- [x] 各頁的Action框下面的灰線拿掉(設計師處理)
- [x] 第一頁的電子郵箱上方空白縮小，與下面相等(設計師處理)
- [x] 第二頁的電話輸入只要限定7個字以上即可
- [ ] 第二頁輸入項iOS手機未正確的切換成數字輸入按鍵
- [x] 當輸入有錯時，Action框底圖會變成綠色底(設計師處理)
<font color=#FF00ff>原因：當表單全部輸入完成時沒有錯誤時，在準備點擊按鈕送出的狀態下，按鈕就會變成綠色的。</font>
<font color=#ff0000>處理方式：已將內建button class做修改</font>
- [x] 第三頁圖片上方留白，與下面相等(設計師處理)
- [x] 數據區固定斷行再顯示數據，冒號拿掉，數字改深灰色並加粗，第二塊針對文字縮小(設計師處理)
- [x] 感謝頁的超連結底色不要作漸層，改單色，紅或藍(設計師處理)

### 後台

* Excel匯入功能先不作
- [x] Excel匯出時呈現要加上Report表的內容
- [x] Email欄位往前到聯絡資訊處
- [x] Checks的建立與更新日期欄位移除
- [x] 地區欄位改成顯示中文
- [x] 時間戳記顯示到分

下次確認時間 3/31

## 2021/4/16

- [x] 翻頁動畫前後頁文字大小統一為灰色底的文字大小(設計師處理-已從新設計)
- [x] 翻頁速度希望可以慢一點，因為每次打開網 頁很快就翻面，而且很少翻回來(設計師處理-已從新設計)
- [x] 下面【開始測驗】的文字大小改為這裡的 的 1.5 倍大(設計師處理)
- [x] 第二頁的箭頭會在輸入後消失
- [x] 第二頁的key改為顯示中文
- [x] 第二頁最小字元改為1
- [x] 第三頁店販銷售力的右方文字改成與左邊一致，可接受變三行(設計師處理)
- [x] 第三頁雷達圖最小數字改為0
- [x] 第三頁粗體字的大小與下方字句的文字大小對調(設計師處理)