網站製作進度：第一版完成上線：2017年6月9日 星期五 下午 05:50
網站製作進度：完成度約 95%：2017年6月9日 星期五 上午11:05
- selected：
- 新增單品英文名稱。2017年6月9日 星期五 上午10:58 ：完成。
- 更換 tittle。2017年6月9日 星期五 上午10:58 ：完成。
- 調整主選單：因應新增項目：飲品信息
- iPad 直式畫面：
- 調整後：
- 2017年6月9日 星期五 上午11:28 ：完成調整。
- 各種裝置的瀏覽器更新速度：
- 網頁字體補字：
- 調整前後
- Location：
- 按鈕未轉svg ，造成字體錯誤，調整前後
- 三種解析度 title 規格統一。
- 目前以 svg 不失真圖檔模式製作的 title 金線，會出現兩端變粗、縮端的狀況，由於狀況是因裝置而易，所以將於第二版檢討作法。
- 聯絡我們：增加自動 email 的功能。2017年6月9日 星期五 下午5:07 完成。
- 第二版應有功能：
- 後台管理
- email 驗證，若隨便填寫無效信箱，訊息則不予以理會。
- 2017年6月9日 星期五 下午5:50 ：正式站 www.mycupoti.com 上線。
網站製作進度：完成度約 90%：2017年6月8日 星期四 上午11:05
- 2017年6月8日 星期四 下午4:34 ：新增主選單項目：價目表：
- 整測進度不變，2017年6月9日 星期五，完成上線。
網站製作進度：完成度約 90%：2017年6月8日 星期四 上午11:05
- 整體完成度約 90%，開始進行整體測試，測試重點：
- 文案正確
- 功能正確
- 版面缺漏、影響或無法操作
- 其他所有測試時發生的狀況，都可以記錄彙整，供下一個版本檢討改進參考。
- 已知應改進部分：
- 午茶盟友資料，應有資料庫收集，並建置後台管理功能。
- 午茶盟友 email 格式畫面製作。
- 因新增 價目表項目，造成 現萃茶香＆品味甘露，內容過於相近，建議在下一版中檢討合併。
網站製作進度：完成度約 65%：2017年6月7日 星期三 上午 09:30
- 首頁：狀況同 2017年6月5日 星期一
- 2017年6月7日 星期三 上午11:48 ：收到 logo 檔案。已套用，請查照。
- cupoti Story：2017年6月5日 星期一 上午11:45 ：中斷字幕效果按鈕完成。
- 等待測試回報。
- 小豬回應：中斷字幕，手機iphone 5測試OK ，電腦及平板無此功能，待特助指示是否需要?尚待確認中。
- 現翠茶香 About tea、品味甘露 Menu：狀況同 2017年6月5日 星期一
- 小豬回應：2017年6月7日 星期三 上午11:51
- :about tea 其中普洱柑菊內文自動換行因系統關係自動斷行版面錯誤，修正文案如下:
- 雲南普洱屬野生喬木大葉種，而臺灣普洱屬灌木，為後發酵茶又為黑茶類，製成茶餅或茶磚，為避免長黴應保存於通風陰涼處。
- 鹿谷凍頂烏龍修正文案如下:帝王級泡澡茶浴的佳品。因山多霧，路陡滑，上山採摘要將腳尖「凍」起來。所以凍頂茶產量有限，尤為珍貴。
- 其餘系統自動斷行的問題，視為特例。或可與特助討論要用什麼方式及辦法解決?
- 暫時不處理。
- 目前決定，文字斷行，保持現狀，有特別文字排列需求，再以手動方式，處理。
- 品味甘露 Menu：2017年6月8日 星期四：完成套用全部 menu。
- News：狀況同 2017年6月5日 星期一
- Location：狀況同 2017年6月5日 星期三
- 等待測試回報。
- 2017年6月7日 星期三 ：小豬回應： 上海松江店尚無電話，正式營運後有電話再補上。2017年6月7日 星期三
- 2017年6月7日 星期三 下午5:52 ：小豬反應：18217555775。已套用，起查照。
- Join us：畫面正確後，一個工作天完成資料填寫功能（預計 2017年6月8日 星期四 完成）。
- 表格必填欄位確認：
- 2017年6月7日 星期三 下午5:54 ：製作完成（必填欄位＋email 通知）。等待測試。
- 等待中.......
- 按鈕如何調整？
- 2017年6月7日 星期三 上午9:33 ：調整中….
- 上午10:15 完成。請查照。
- back 按鈕同story? 放置位置？ 參考： 表單底部去消按鈕有回午茶盟友的功能。
- 2017年6月7日 星期三 上午9:55 特助：不製作。
- Contact us：狀況同 2017年6月5日 星期一
- 2017年6月7日 星期三 上午9:55 特助：維持現狀。
- 2017年6月3日 星期六 ，未回應的問題：狀況同 2017年6月5日 星期一
- 2017年6月7日 星期三 上午11:16 ：小豬更新：
- 確定網誌製作專案：人員。
網站製作進度：完成度約 65%：2017年6月6日 星期二 上午 09:30
- 首頁：狀況同 2017年6月5日 星期一
- cupoti Story：2017年6月5日 星期一 上午11:45 ：中斷字幕效果按鈕完成。
- 現翠茶香 About tea、品味甘露 Menu：狀況同 2017年6月5日 星期一
- News：狀況同 2017年6月5日 星期一
- Location：狀況同 2017年6月5日 星期一
- 漕寶店換按鈕、修正地址。
- 修正後：2017年6月6日 星期二 上午11:08
- Join us：製作中。預計 2017年6月7日 星期三 完成。
- 2017年6月6日 星期二 下午2:35 ：完成美工示意圖畫面。請 文案＋美工＋測試 確認格式ＯＫ，通知網頁完成後續進度。
- 要求修改 手機＋平板 畫面為下圖。
- 修正後：2017年6月6日 星期二 下午5:00
- 等待中.......
- 按鈕如何調整？
- back 按鈕同story? 放置位置？ 參考： 表單底部去消按鈕有回午茶盟友的功能。
- Contact us：狀況同 2017年6月5日 星期一
- 2017年6月3日 星期六 ，未回應的問題：狀況同 2017年6月5日 星期一
網站製作進度：完成度約 65%：2017年6月5日 星期一 上午 09:30
- 首頁：等待美工完稿。
- 2017年6月1日：測試回報：首頁 logo 未置中對齊頁面
- cupoti Story：等待美工小螢幕畫面完稿。
- 2017年6月2日：測試回報：小螢幕畫面需修改，已通知美工製作新版畫面。
- 2017年6月3日 星期六 下午4:06：收到新版畫面，預計2017年6月5日 星期一 (今日) 完成。
- 2017年6月5日 星期一 上午11:45 ：中斷字幕效果按鈕完成。
- 現翠茶香 About tea、品味甘露 Menu：
- 系統無法正確自動斷行，顯示不整齊 (如下圖) 的部分，等待測試回報。
- 2017年5月26日 公司要求：因原手動斷行版面不佳，品味甘露內頁版面重新製作。
- 2017年6月1日 美工完成版面，網頁程式完成套用，請測試確認 四季微靑 ，若無其他修改，再套用至其他七個 menu。
- 相同於 about tea 系統無法正確自動斷行的部分，請裁示。
- 請求裁示原因：事先已經花費幾個小時，做了充分溝通，但仍堅持做這個大幅度的更改，現在結果依舊不整齊，網頁程式這邊，希望能知道為何有這種決策。
- News：現階段，News 文章，由文案、美工出稿，網頁程式手動上傳。
- Location：等待文案資料。
- 2017年6月1日 文案：更新資料：新增：上海松江店：上海市松江區南樂路456號4幢2層1201室。
- 缺電話資料。
- 2017年6月7日 星期三 下午12:01 ：
- 小豬回應：上海松江店尚無電話，正式營運後有電話再補上。
- Join us：等待美工完稿。
- 2017年6月5日 星期一 下午3:35 ：收到畫面設計圖檔。預計 2017年6月6日 星期二，完成網頁製作。
- Contact us：等待文案資料。
- 2017年6月1日 測試反應：微信 、微博的小圖連結不會連到 cupoti 主頁
- 要請文案給正確的連結。
- 2017年6月7日 星期三 下午12:01 ：
- 小豬回應：微信及Line 小圖無法直接連結到cupoti頁面，我這無法取得網址。維持現在版面
- 2017年6月3日 星期六 ，未回應的問題：
- 1. 平板asusp008 、手機iphone5 ，story 跑字幕 按鈕格式及顯示不正常。(也許是網路不順問題)
- 無法理解，請po圖。
- 2017年6月7日 星期三 下午12:02 ：
- 4. 手機iphone 5 舞茶盟友字型顯示比例
- 不懂？？？
- 2017年6月7日 星期三 下午12:02 ：
- 小豬回應：已有與設計討論6/5給圖，待網頁程式完成
- 5. 現萃茶香品項與圖不符：阿里山(配火車圖) 其它品項待確認
- 圖片檔案與美工提供編號順序相符，請跟美工確認圖案是否正確。
- 2017年6月7日 星期三 下午12:01 ：
網站製作進度：2017年6月3日 星期六 上午 14:36
品味甘露>沏禾現萃：單品英文名稱已補上，請查照。
- 2017年6月3日 星期六 下午5:10 ：已套用，請查照。
網站更改3
建議更改(可討論再更改)
1. 平板asusp008 、手機iphone5 ，story 跑字幕 按鈕格式及顯示不正常。(也許是網路不順問題)
無法理解，請po圖。
2. 門店尋訪逢甲店地圖上的標示位置不準確 (特助說若無法更改就先以google上顯示)
收到
3. 平板asusp008 品味甘露按進去不會顯示下面的主選單，要滑動多次才會顯示
已修正，請查照。
4. 手機iphone 5 舞茶盟友字型顯示比例
不懂？？？
5. 現萃茶香品項與圖不符：阿里山(配火車圖) 其它品項待確認
圖片檔案與美工提供編號順序相符，請跟美工確認圖案是否正確。
6. 手機iphone5 沏禾現萃cupoti選單最下面選項與框太靠近
已調整。
7. 平板asusp008 按上一頁會出現錯誤訊息
什麼錯誤訊息？？？...請明示！
重送表單並非錯誤訊息，是瀏覽器要求的。
8. 小豬平板 asusp008 品味甘露>沏禾現萃，顯示錯誤：
已針對，768 x 865 之特例顯示，調整網頁，調整後：
網站製作進度：完成度約 60%：2017年6月3日 星期六 上午 09:30
- 首頁：等待美工完稿。
- 2017年6月1日：測試回報：首頁 logo 未置中對齊頁面
- cupoti Story：等待美工小螢幕畫面完稿。
- 2017年6月2日：測試回報：小螢幕畫面需修改，已通知美工製作新版畫面。
- 2017年6月3日 星期六 下午4:06：收到新版畫面，預計2017年6月5日 星期一完成。
- 現翠茶香 About tea：網頁製作完成，等待測試回報。
- 2017年5月26日 公司要求：因原手動斷行版面不佳，單品內頁重新排版為自動斷行，
- 2017年5月26日 網頁修改完成。
- 系統無法正確自動斷行部分，請裁示。
- Menu：等待測試回報。
- 2017年5月26日 公司要求：因原手動斷行版面不佳，品味甘露內頁版面重新製作。
- 2017年6月1日 美工完成版面，網頁程式完成套用，請測試確認 四季微靑 ，若無其他修改，再套用至其他七個 menu。
- 相同於 about tea 系統無法正確自動斷行的部分，請裁示。
- 請求裁示原因：事先已經花費幾個小時，做了充分溝通，但仍堅持做這個大幅度的更改，現在結果依舊不整齊，網頁程式這邊，希望能知道為何有這種決策。
- News：等待文案資料。
- Location：等待文案資料。
- 2017年6月1日 文案：更新資料：新增：上海松江店：上海市松江區南樂路456號4幢2層1201室。
- Join us：等待美工完稿。
- Contact us：等待文案資料。
- 2017年6月1日 測試反應：微信 、微博的小圖連結不會連到 cupoti 主頁
網站製作進度：22017年6月2日 星期五 上午 09:30
- 午茶盟友 Join US：因文字轉外框問題，請美工重新給一份純文字ai檔。
- 2017年6月2日 星期五 下午 2:50 檔案更新。
- Story：美工製作手機版畫面。
| ・手機版 menu 顯示問題 已修正
・階梯式顯示 已通知美工 弋傑 重新製作版面。
・緣起內容在跑時，我完全無法改點堅持或其精神，或讓她字幕消失只能等她跑完，字幕可再加快，一般只能點上一頁，就跳走了不人性 - 已加快一倍速度。
- 速度：
- 整體頁面設計，顯示字幕區跟選項按鈕重疊，非關人性化問題。
・手機版 無方法回到落葉繽紛的首頁 回上一頁，或是在 menu 加 回首頁功能
|
網站 RWD自動適應 解析度分為四級：請美工、測試參考。
超小螢幕設備 手機（<768px） | 小螢幕設備 平板（≥768px） | 中螢幕設備 桌面（≥992px） | 大螢幕設備 大桌面（≥1200px） |
☞ 以上解析度皆為螢幕寬度。
建議網頁的製作流程：
- 製作人員：文案、美工、網頁程式、測試
- 需求列表：風格、功能、頁面數量
- 文案：文案應優先產生，以便美工做比較精準的畫面架構、風格設計。
- 美工設計：盡可能參照 RWD 響應式網頁 規格產生版面。
- xxx 確認設計稿
- 網頁製作：按照美工設計版面，適當添加網頁特殊效果，完成整體設計。
- 校稿、測試、檢討、錯誤修改
- 上線
註：xxx 可為特定長官，或為專案leader ，或為參與全體一致同意。
網站製作進度：2017年6月1日 星期四 ：三次校正文字內容
- 品味甘露內頁版面重新製作完成，請測試確認 四季微靑 ，若無其他修改，再套用至其他七個 menu。
- 午茶盟友：收到新版畫面後，預計兩個工作天完成。
-
網站製作進度：2017年5月31日 星期三 上午11:48 ：二次校正文字內容
網站更改
建議更改(可討論再更改)
1. cupoti story : 點下去一開始的字出現有點慢。
配合 logo & 選單淡出。
2. cupoti story : 字往上跑之後如果要再看就要再按一次再跑一次，是不是能有跑出來定格的效果?
滑鼠定格，會因為點選項目時滑鼠留在畫面上，造成文字內容跑不出來。
簡單說：要滑鼠定格，選單跟文字跑馬，不可以在同一個區域。才適合做滑鼠定格功能。
3. cupoti story : 堅持的一、二、三、四大標是否要不同顏色或是字放大?
4. cupoti story : 堅持的一二三四 內文如果靠左對齊會不會比置中好一點?
當然可以放大：要多大？顏色？
版面邊修改，美工出個圖吧。
5. 手機版要按什麼才能回到首頁?
手機版沒有回首頁，需要的話就在 menu 選項加。
6. 門店尋訪上面地圖的店名可以用透明的框或無框or 其它方式顯示(有顏色的框會檔到地圖的路名顯示)
地圖 文字＋logo 的標示，不考慮遮到地圖，因為地圖可以放大縮小，而 文字＋logo 的標示不會隨著地圖縮放。
7. 平板的主選單下面沒有英文小字
因應小畫面，故意拿掉的，認為需要就加上。
8. 平板的品味甘露全部的圖顯示比例有點過大
版面調整，請美工出圖。
9. 平板和手機的舞茶盟友 沒有小舞的圖出現，中間的選項位置跑掉
小舞只會出現在電腦版面，如需要出現在其他版面，請美工出稿。
至於其他版面的部分，因為 舞茶盟友 還沒定稿。
網站製作進度：2017年5月26日 星期五 下午2:57
- Menu：單品內頁重新排版，預計 2017年 5 月 31 日 星期三，文案＋美工開會討論，重新定稿。
- Join us ：格式未定，無法定稿。需要討論。
- 2017年5月26日 星期五 下午3:03 ：等待文案定稿，不經美工直接製版。
- 菁英：欄位調整：
- P1 新增: 生日、性別。
- P3 新增: 專長、自我簡介，刪除：加入原因。
- 加盟：等待小豬文案。
- story ：5/26 星期五，已完成 三種解析度顯示：電腦、pad、手機。
- 其他項目皆已完成 三種解析度顯示：電腦、pad、手機。
網站製作進度：2017年5月26日 星期五 下午 9:15
- Join us ：格式未定，無法定稿。需要討論。
- story ：5/26 星期五，已完成 三種解析度顯示：電腦、pad、手機。
- 其他項目皆已完成 三種解析度顯示：電腦、pad、手機。
網站製作進度：2017年5月25日 星期四 下午1:55
- story ：5/24 星期三，確定內容改變，原格式、網頁效果，全部重新製作，5/25 星期四 開始製作 ，預計 1~2 個工作天。
- Join us ：格式未定，無法定稿。需要討論。
- 其他項目皆已完成 三種解析度顯示：電腦、pad、手機。
等待第二次校正。
網站製作進度：2017年5月22日 星期一
定稿起 15 個工作天，第一次校稿修改內容：
修正頁面 | 修正內容 |
主選單Cupoti | 第一個字母Cupoti大寫改小寫cupoti |
現萃茶香>鐵觀音>內容 | 第三行,老「樅」改: 欉 , 排版移一下不要單一個字一行 |
現萃茶香>油切綠茶>內容 | 第三行,日「劇」改: 據 |
現萃茶香>最右邊選單普洱柑菊 | 按鈕選單 普洱柑「橘」改: 菊，內容排版:第三行的30m移到上一行 |
現萃茶香>杉林溪烏龍>內容 | 第三行森林「里」改: 裡 |
現萃茶香>最右邊選單 | 凍頂烏龍 改: 鹿谷凍頂烏龍 |
品味甘露>沏禾現萃>翡翠檸檬 | 第二行, 「贊」嘆 改: 讚 |
品味甘露>沏禾現萃>鐵觀音 | 第二行,散「髮」改: 發 |
品味甘露>好茶飲>阿薩姆丹紅 | 第一行,散「髮」改: 發,「另」人 改:令。文案錯誤已修正 |
品味甘露>好茶飲>茉韻綠茶 | 第一行,散「髮」改: 發,「另」人 改:令 |
品味甘露>好茶飲>珍珠丹紅 | 排版 Q軟 ,換行 |
品味甘露>好茶飲>釀梅丹紅 | 排版 fall in ,換行 |
品味甘露>手捻特等茶>阿里山甘露 | 第三行,鼻「習」 改: 息 |
品味甘露>手捻特等茶>杉森溪烏龍 | 第二行, 「兒」 改: 而 |
品味甘露>醇奶飲>茉韻奶綠 | 排板:口感有濃濃.......這句換下一行 |
品味甘露>醇奶飲>樂活芝麻飲 | 火「侯」 改: 候 最後一句濃.醇.香 「.」改頓號、 |
品味甘露>醇奶飲>濃醇巧克 | 巧克「里」改: 裡 , 休「習」 改: 息 |
品味甘露>拿鐵飲>丹紅拿鐵 | 茶奶味道.... 改: 茶味道(刪除奶字) |
品味甘露>拿鐵飲>觀音拿鐵 | 鐵「歡」音 改:觀 , 「余」韻 改: 餘 |
品味甘露>拿鐵飲>四季春拿鐵 | 排版 : 減輕 換行 |
品味甘露>拿鐵飲>茉韻拿鐵 | 排版: 口感喝起來..... 換行 |
品味甘露>鮮果飲>鮮榨葡萄柚綠 | 排版: 果粒....換行 |
品味甘露>鮮果飲>檸檬愛玉 | 排版: 酸甜的搭配....換行 |
品味甘露>鮮果飲>鮮檸金桔 | 按鈕: 鮮「寧」金桔 改:檸 ,排版:滿足,(加逗号)更是...換下行 |
品味甘露>鮮果飲>手作百香 | 香蕉.波蘿..... 「.」改頓號、第二行 「衝」泡 改: 沖 ,一「償」改: 嚐 |
品味甘露>鮮果飲>檸檬蜂蜜蘆薈 | 愛美的你非他莫屬 >這句刪除 |
品味甘露>咖啡飲>原味拿鐵 | 第一行「溶」合 改: 融 |
品味甘露>咖啡飲>榛果/焦糖拿鐵 | 「另」人魂縈夢牽 改 :令 |
舞茶盟友>學歷
需要討論，版面＋格式
| 學歷裡的 畢業 肄業 前的選擇按鈕會蓋到字
螢幕解析＋瀏覽器zoom造成。
按送出會出現亂碼? 是因為測試的關係嗎?
送出資料存檔資料庫的部分，尚未完成。會出現測試訊息。
|
聯絡我們 | 沒有帳號的可以去除 ，FB、微博等小圖點下去不會連結 |
門店尋訪 | 台中逢甲店住址:加上臺灣>臺灣台中市西屯區文華路10-10號 |
網站更改建議 : 以下建議可再討論再更改
cupoti的故事這句話可去除,因為是點了story會跑出來的，而且這個字型和顏色覺得有點突兀
已修改。
2. story 內容出現有點慢。字型可再換。字的顏色可以換金色(不要黃色)
再跟美工討論
3. stroy 內容建議在旁邊的全黑處跑出
2017年5月23日 星期二 上午10:12 ：小豬＋弋傑＋Katty＋7 結論：先秀出滿版 logo，然後向下縮小，跟著文字向上淡出。
4. story建議可以加上子項目:cupoti精神、cupoti堅持
作法：在畫面正中出現三個選項。
5. 品味甘露的按鈕點進去,內容出現的效果建議可以統一或是同一系列統一 。
6.內容出現的效果建議不要有上下或是左右搖晃的。
7.品味甘露每個品項點進去內容上方建議可以加品名。
menu內頁效果已統一
8. 門店尋訪：可區分為台灣區、海外區，每區下方再顯示地址
原大陸區改為海外區。
9.上海田子坊店、上海漕寶店、台中逢甲店 ，這個字型是否要跟後面的地址字型一樣?
維持原作。
10. 最下方主選單的綠色區塊上下寬度可以再縮小一點點，或是游標移過去再變寬或顯示
已調整，基本受到 logo 高度限制。
網站製作進度：2017年5月4日 星期四
美工部：網站設計稿完成，網站架構確定，開始套用。
網頁程式評估設計稿完成率：60%
大多細節，需要網頁特效補足。
預計完成：14 工作天。
參考工具網站：
頁面參考資料：
超小螢幕設備 手機（<768px） | 小螢幕設備 平板（≥768px） | 中螢幕設備 桌面（≥992px） | 大螢幕設備 大桌面（≥1200px） |
網站圖檔製作原則：
- 網頁圖檔格式：png, jpg, jpeg, bmp, gif, svg
- 檔名使用英數字，否則有可能會造成連結問題。
- 以使用畫面解析度比例，製作大小適中檔案，避免過大檔案，造成網站連結負載負擔。
網頁的製作專案＋流程：
- 製作人員：
- 文案：小豬
- 美工：弋傑、+7、Katy
- 網頁程式：parker （負責專案）
- 測試：全體人員
- 需求列表：風格、功能、頁面數量
- 文案：文案應優先產生，以便美工做比較精準的畫面架構、風格設計。
- 美工設計：盡可能參照 RWD 響應式網頁 規格產生版面。
- parker 確認設計稿
- 網頁製作：按照美工設計版面，適當添加網頁特殊效果，完成整體設計。
- 校稿、測試、檢討、錯誤修改
- 上線
更改項目5.docx
