# 募啦頁面調整 05.07
- [x] Header的高度，切版後的版本似乎比較高，字體也比較大，整體layout都有放大的感覺，比例是否可以調整接近figma layout
figma layout
切版layout

---

[首頁](https://showcase2.insowe.com/lets-funding/home.html)
- [x] 上方四個項目，方框下方原始layout有陰影，立體效果，切版後頁面，立體效果沒看到
切版layout
[首頁figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=31-1178&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=scale-down-width)

---

[品牌館](https://showcase2.insowe.com/lets-funding/brand.html)
- [x] 分類項目，focus底色需改成黃色
[figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=861-8850&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=scale-down-width)

---

[專案詳情頁面 常見問題](https://showcase2.insowe.com/lets-funding/project-details-faq.html)
- [x] 問答與問答中間需有空格分開
- [x] 題號與題目中間需要有空格分開
- [x] 切版後的答案部分，字體較黑較大
切版layout
[figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=99-2522&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

[會員個人頁面](https://showcase2.insowe.com/lets-funding/member-profile.html)
- [ ] 大標下方說明小字比layout的大，顏色也比較黑 (這個問題，[會員編輯個人頁面](https://showcase2.insowe.com/lets-funding/member-profile-edit.html)、[會員贊助紀錄](h[ttps://](https://showcase2.insowe.com/lets-funding/member-sponsorship-history.html))、[會員提案紀錄](https://showcase2.insowe.com/lets-funding/member-sponsorship-history.html)、[會員收藏專案](https://showcase2.insowe.com/lets-funding/member-project-collect.html)、[會員通知設定](https://showcase2.insowe.com/lets-funding/member-notification-settings.html)都有相同問題)
- [ ] 名字下方說明小字比layout的大，顏色也比較黑
切版layout
[figma layout](https://www.figma.com/proto/kETLxGJFWwEYHdZAXANjCN/lets_funding_member0403?page-id=31%3A1177&type=design&node-id=12-4449&viewport=1899%2C-3741%2C0.36&t=NhOMZYMuVWYpkklm-1&scaling=min-zoom&starting-point-node-id=7%3A5008)

# 募啦頁面調整 05.02
目前頁面已經套了程式，發現需要調整的地方如下

[首頁](https://showcase2.insowe.com/lets-funding/home.html)
- [x] 上方四個項目，當標題很短時，會導致支持人數排列沒有對齊。

---

[首頁](https://showcase2.insowe.com/lets-funding/home.html)
[探索頁面](https://showcase2.insowe.com/lets-funding/explore.html)
[品牌館](https://showcase2.insowe.com/lets-funding/brand.html)
- [x] 當只有二個項目，中間會空白，需要靠左排列。

---

[關於我們](https://showcase2.insowe.com/lets-funding/static-about-us.html)
- [x] 最上方title標題有變形，看起來有點拉高，與layout設計不太一樣。
[關於我們 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=980-2634&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

footer
- [x] 社群icon，頂部被切到，不是圓形。

# 募啦頁面調整 04.17
[首頁](https://showcase2.insowe.com/lets-funding/home.html)
- [x] 群眾募資、預購專案、訂閱專案分類標題顏色調整。
參考layout設定。
[首頁 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=31-1178&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

[品牌館](https://showcase2.insowe.com/lets-funding/brand.html)
- [x] 手機版，上方分類項目可以是三排，文字最多5字，超過顯示 ...
文字超過5字顯示 ... ，只有手機版需要，桌機、Pad版不需要這項設定。
目前手機版本中間還有缺格空白
每排顯示都可以向左切齊
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=864-8450&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)
這個手機版下拉表單的設計概念是參考momo手機版，這邊提供你參考
[momo頁面](https://m.momoshop.com.tw/category.momo?cn=1905200000&cid=dir&oid=dir&imgSH=itemizedType)

---

[專案詳情頁面 專案介紹](https://showcase2.insowe.com/lets-funding/project-details-info.html)
- [x] 專案詳情頁面，只有這一頁，手機版、Pad版，“**不需要**”置底贊助專案button

# 募啦頁面調整 04.16
[首頁](https://showcase2.insowe.com/lets-funding/home.html)
- [x] 進度％數調大。
人數顏色調整，參考layout設定。
[首頁 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=31-1178&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

[提案表單頁面](https://showcase2.insowe.com/lets-funding/proposal-form.html)
- [x] 手機版，計畫說明調整2倍高，委託契約書區塊協助新增Scrollbar示意。
- [x] Pad版，計畫說明調整2倍高，委託契約書區塊協助新增Scrollbar示意。
可參考layout設定
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=203-5529&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)
[Pad版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1444&type=design&node-id=203-4871&viewport=574%2C746%2C0.56&t=AM6O3W2uF9qPdj5r-1&scaling=scale-down)

---

[探索頁面](https://showcase2.insowe.com/lets-funding/explore.html)
- [x] 進度％數調大。
人數顏色調整，參考layout設定。
[探索頁面 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=41-2464&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

[品牌館](https://showcase2.insowe.com/lets-funding/brand.html)
- [x] 進度％數調大。
人數顏色調整，參考layout設定。
[品牌館 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=861-8850&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)
- [x] 手機版，上方分類項目可以是三排，文字最多5字，超過顯示 ...
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=864-8450&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)

---

[專案詳情頁面 專案介紹](https://showcase2.insowe.com/lets-funding/project-details-info.html)
- [x] 手機版、Pad版，內容部分不需要完整呈現，預設隱藏，點擊展開全部動態
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=98-6631&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)
[Pad版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1444&type=design&node-id=1195-9774&viewport=574%2C746%2C0.56&t=AM6O3W2uF9qPdj5r-1&scaling=scale-down)

---

[專案詳情頁面 計畫更新 列表](https://showcase2.insowe.com/lets-funding/project-details-update-list.html)
- [x] 手機版、Pad版，需要置底贊助專案button
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=648-4807&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)

---

[專案詳情頁面 計畫更新 內文](https://showcase2.insowe.com/lets-funding/project-details-update-content.html)
- [x] 手機版、Pad版，需要置底贊助專案button
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=751-5359&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)

---

[專案詳情頁面 常見問題](https://showcase2.insowe.com/lets-funding/project-details-faq.html)
- [x] 手機版、Pad版，需要置底贊助專案button
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=0%3A1&type=design&node-id=102-2856&viewport=-580%2C67%2C0.32&t=m4wSxiYdTj6viwi0-1&scaling=scale-down&starting-point-node-id=14%3A997)

---

[專案詳情頁面 留言](https://showcase2.insowe.com/lets-funding/project-details-comments.html)
- [x] 手機版、Pad版，需要置底贊助專案button
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1444&type=design&node-id=104-3190&viewport=574%2C746%2C0.56&t=AM6O3W2uF9qPdj5r-1&scaling=scale-down)
- [x] 警示文字藍底區塊，修改成黃底
可參考layout
[桌機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=102-3006&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

---

[專案付款頁面](https://showcase2.insowe.com/lets-funding/project-payment.html)
- [x] 在發票資料以及地址資料下方新增一checkbox，文字「同步更新會員資料」
- [x] 查看更多需要有縮放的動態，功能目的是在隱藏過多內容時

---

[專案付款完成頁面](https://showcase2.insowe.com/lets-funding/project-payment-success.html)
- [x] 警示文字藍底區塊，修改成黃底
可參考layout
[手機版 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=802-4173&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)
- [x] 查看更多需要有縮放的動態，功能目的是在隱藏過多內容時

---

[會員登入頁](https://showcase2.insowe.com/lets-funding/auth-login.html)
- [x] 社群登入button內，符號向左切齊FB，後方文字左右拉齊
可參考layout

[桌機版 figma layout](https://www.figma.com/proto/d9LI87CXxwFmhYC7VWC4w2/lets_funding_member0403?type=design&node-id=7-5008&t=puMBBBmjIJKbbio0-1&scaling=min-zoom&page-id=31%3A1177&starting-point-node-id=7%3A5008)

---

[會員登入頁](https://showcase2.insowe.com/lets-funding/auth-login.html)
- [x] 社群登入button內，符號向左切齊FB，後方文字左右拉齊
同會員登入頁設定

---

[忘記密碼 Email Template](https://showcase2.insowe.com/lets-funding/assets/email-template.html)
- [x] 重設密碼button，藍色改色，可參考 [變更密碼完成頁](https://showcase2.insowe.com/lets-funding/auth-change-password-success.html) button

---

[會員個人頁面](https://showcase2.insowe.com/lets-funding/member-profile.html)
- [x] 進度％數調大。
人數顏色調整，可參考首頁調整。
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員個人資料 編輯頁](https://showcase2.insowe.com/lets-funding/member-profile-edit.html)
- [x] 模擬Samsung Galaxy Z Flip 3手機寬度，郵遞區號那邊會跑掉
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員通知設定頁面](https://showcase2.insowe.com/lets-funding/member-notification-settings.html)
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員提案紀錄頁面](https://showcase2.insowe.com/lets-funding/member-proposal-history.html)
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員贊助紀錄頁面](https://showcase2.insowe.com/lets-funding/member-sponsorship-history.html)
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員贊助紀錄頁面](https://showcase2.insowe.com/lets-funding/member-sponsorship-history.html)
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[會員收藏專案頁面](https://showcase2.insowe.com/lets-funding/member-project-collect.html)
- [x] 進度％數調大。
人數顏色調整，可參考首頁調整。
- [x] 手機版上方menu，中間間隔縮小，讓第四個項目可以露出，讓User知道可以滑移

---

[商標使用規範](https://showcase2.insowe.com/lets-funding/member-project-collect.html)
- [x] 替換新Logo
[參考figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=509-2963&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

# Logo調整

Logo調整，使用首頁與專案詳情頁面 專案介紹二頁調整色系，客戶確認OK

請參照這二頁調整header和footer的Logo設定

[首頁 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=31-1178&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)
[專案詳情頁面 專案介紹 figma layout](https://www.figma.com/proto/hobw3uDUkFosUZjeWOZjro/lets_funding0222?page-id=31%3A1177&type=design&node-id=82-4840&viewport=756%2C1059%2C1&t=rwp1wU91HUEEMEyE-1&scaling=min-zoom)

頁面色系調整，也可參考這二頁的調整，主要調整色系如下
藍色 4A94FF 換 33384C
綠色 55FFDE 換 FEDD4A
按鈕 4A94FF 換 33384C

# 募啦頁面調整

[專案詳情頁面 計畫更新 列表](https://showcase2.insowe.com/lets-funding/project-details-update-list.html)
[專案詳情頁面 計畫更新 內文](https://showcase2.insowe.com/lets-funding/project-details-update-content.html)
[專案詳情頁面 留言](https://showcase2.insowe.com/lets-funding/project-details-comments.html)

- [x] 收藏星星button需要點擊後換星星顏色

---

[會員個人資料 編輯頁](https://showcase2.insowe.com/lets-funding/member-profile-edit.html)

- [x] 點擊確認修改需有成功popup動態
[figma layout](https://www.figma.com/proto/kETLxGJFWwEYHdZAXANjCN/lets_funding_member0403?page-id=31%3A1177&type=design&node-id=1-1961&viewport=1899%2C-3741%2C0.36&t=NhOMZYMuVWYpkklm-1&scaling=min-zoom&starting-point-node-id=7%3A5008)

- [x] 發票類型預設「個人發票」
- [x] 個人發票下方還需要一個下拉選單，選取類型，電子發票、手機載具、自然人憑證載具

---

[會員通知設定頁面](https://showcase2.insowe.com/lets-funding/member-notification-settings.html)

- [x] 點擊確認修改需有成功popup動態
[figma layout](https://www.figma.com/proto/kETLxGJFWwEYHdZAXANjCN/lets_funding_member0403?page-id=31%3A1177&type=design&node-id=12-7725&viewport=1899%2C-3741%2C0.36&t=NhOMZYMuVWYpkklm-1&scaling=min-zoom&starting-point-node-id=7%3A5008)

---

[會員提案紀錄頁面](https://showcase2.insowe.com/lets-funding/member-proposal-history.html)

- [x] 已結束專案，已募資金額修改成總募資金額

---

[二次驗證頁](https://showcase2.insowe.com/lets-funding/auth-authenticator.html)

- [x] 手機版背景高度再多二分之一，輸入框依背景上下置中。
- [x] Pad版輸入框，依背景上下置中。

---

[變更密碼頁](https://showcase2.insowe.com/lets-funding/auth-change-password.html)

- [x] 手機版背景高度再多二分之一，輸入框依背景上下置中。
- [x] Pad版輸入框，依背景上下置中。
(可參考二次驗證頁調整)

---

[變更密碼完成頁](https://showcase2.insowe.com/lets-funding/auth-change-password-success.html)

- [x] 手機版背景高度再多二分之一，輸入框依背景上下置中。
- [x] Pad版輸入框，依背景上下置中。
(可參考二次驗證頁調整)

## 頁面列表

| | |
| -------- | -------- |
|首頁 | https://showcase2.insowe.com/lets-funding/home.html |
|提案說明頁面 | https://showcase2.insowe.com/lets-funding/proposal-description.html |
|提案表單頁面 |https://showcase2.insowe.com/lets-funding/proposal-form.html |
|提案表單-送出完成頁面 |https://showcase2.insowe.com/lets-funding/proposal-completion.html |
|探索頁面 |https://showcase2.insowe.com/lets-funding/explore.html |
|品牌館 |https://showcase2.insowe.com/lets-funding/brand.html |
|專案詳情頁面-專案介紹 |https://showcase2.insowe.com/lets-funding/project-details-info.html |
|專案詳情頁面-計畫更新-列表 |https://showcase2.insowe.com/lets-funding/project-details-update-list.html |
|專案詳情頁面-計畫更新-內文 |https://showcase2.insowe.com/lets-funding/project-details-update-content.html |
|專案詳情頁面-常見問題 |https://showcase2.insowe.com/lets-funding/project-details-faq.html |
|專案詳情頁面-留言 |https://showcase2.insowe.com/lets-funding/project-details-comments.html |
|專案付款頁面 |https://showcase2.insowe.com/lets-funding/project-payment.html |
|專案付款完成頁面 |https://showcase2.insowe.com/lets-funding/project-payment-success.html |
|會員登入頁 |https://showcase2.insowe.com/lets-funding/auth-login.html |
|二次驗證頁 |https://showcase2.insowe.com/lets-funding/auth-authenticator.html |
|會員註冊頁 |https://showcase2.insowe.com/lets-funding/auth-registration.html |
|忘記密碼頁 |https://showcase2.insowe.com/lets-funding/auth-reset-password.html |
|變更密碼頁 |https://showcase2.insowe.com/lets-funding/auth-change-password.html |
|變更密碼完成頁 |https://showcase2.insowe.com/lets-funding/auth-change-password-success.html |
|忘記密碼 Email Template | https://showcase2.insowe.com/lets-funding/assets/email-template.html |
|會員個人頁面 |https://showcase2.insowe.com/lets-funding/member-profile.html |
|會員個人資料-編輯頁 |https://showcase2.insowe.com/lets-funding/member-profile-edit.html |
|會員通知設定頁面 |https://showcase2.insowe.com/lets-funding/member-notification-settings.html |
|會員提案紀錄頁面 |https://showcase2.insowe.com/lets-funding/member-proposal-history.html |
|會員贊助紀錄頁面 |https://showcase2.insowe.com/lets-funding/member-sponsorship-history.html |
|會員收藏專案頁面 |https://showcase2.insowe.com/lets-funding/member-project-collect.html |
|關於我們 | https://showcase2.insowe.com/lets-funding/static-about-us.html |
|常見問題(FAQ) |https://showcase2.insowe.com/lets-funding/static-faq.html |
|服務條款 |https://showcase2.insowe.com/lets-funding/static-terms-of-service.html |
|隱私權政策 |https://showcase2.insowe.com/lets-funding/static-privacy-policy.html |
|商標使用規範 |https://showcase2.insowe.com/lets-funding/static-trademark-usage-guidelines.html |
|聯繫客服 | |