12項修改及後續導覽、預覽入口與頁尾整理已歸檔
保留20261027-22-r4全部12項與圖片、導覽補充、登入前後四態及頁尾實圖，於2026.10.28依使用者要求移入歷史紀錄。
歸檔僅為版本整理，不代表甲方全部驗收；10月27日晚的新回饋另開新一輪追蹤。
補回上次歸檔後的累積修改
保留18時兩項新增，以及後續版面、會員準備與商品影片，不再只顯示最新一批。
已完成設計不等於甲方已看過；往後僅在使用者明確要求時歸檔。
雞肉與水壺：黑屏預留換成正式提供的影片
商品卡靜音播放，點開可放大；商品明細也能切換影片。
依兩支原片的3:2比例呈現，離開畫面暫停，載入失敗保留封面。
已檢查手機與電腦瀏覽器；實體Safari與LINE內瀏覽器仍待確認。
會員小浮鈕、四格生活誌、活動及品牌分類
會員入口改可關閉小浮鈕；生活誌四格皆可閱讀文章。
首頁重用兩個活動位；品牌館補活動、窄版免運及同頁分類，選單直接顯示各品牌分類。
已檢查手機與電腦。影片待提供；空分類顯示待上架，活動及登入仍為設計示例。
橫式、直式影片按原比例呈現
取消統一裁成 4:5；商品卡與明細先展示橫式、直式黑屏版位。
已重新核對 LINE 要求。正式影片自動播放仍待素材到齊後接入與測試。
商品卡、品牌館與生活誌更新
商品卡縮小資訊區、品牌館改原頁分類，首頁生活誌改雙欄。
影片先用黑屏與播放鍵確認位置；正式影片待提供。手機與電腦檢查範圍見本次圖解。
無 Email 會員的購物車與點數券已完成隔離測試
已測試建立會員、保存資料、加入購物車及使用點數券；其他會員與訪客不能使用該會員的券。
這次完成的是測試環境相容性。Google／LINE 真正登入、跨瀏覽器回購物車及帳號復原尚未完成。
會員開發前置整理完成
已核對現有商城、登入與郵件設定，整理可以沿用的功能及需要補做的部分。
下一步先驗證 LINE 無 Email 入會，再串接 Google／LINE 登入、回原商品與購物車。正式登入功能尚未完成。
前期設計已確認並歸檔
本次圖解只顯示18時新增的兩項；更早設計移入歷史交付，不再重複要求核對。
正式商城與尚未完成的後端功能維持原狀態。
前輪交付與最新需求已整理入庫
保留圖片載入優化與同網址 Logo 修正紀錄，收存快速入會規格及最新畫面要求。
已確認新增 Google＋LINE 登入，以及綁定會員後查詢訂單與點數；需求確認不代表功能已串接。
修正手機品牌 Logo 被裁切
品牌卡寬度改為跟隨格線，Logo 保持完整比例，免運文字不再把卡片撐寬。
沿用已分享的網址及版本號 20261026-13。
縮小圖片檔案，手機下載較小版本
保留原有設計，壓縮首頁、品牌、商品及生活誌圖片；手機自動使用較小圖片。
首屏圖片優先載入，減少頁面啟動時重複產生畫面的請求。原始圖片保留。
手機與電腦逐頁檢查圖片，另測輪播、分類篩選與商品相簿。
精簡介紹與小標，改成具體的生活建議
調整品牌故事、閱讀角落與沙發選用指南的段落，刪除套話和重複說明。
保留品牌資料、來源與示例標示；手機及電腦的字體、圖片與版面沿用上一版。已檢查文字換行。
修正品牌標誌、字型與手機排版
換用清楚的阿原官方標誌，修正裁切與底色；補齊中文字型，避免同一句標題混用字體。
依四張設計稿調整主圖高度、桌面欄寬、標題換行和閱讀按鈕。手機照片另作構圖，文字避開深色物件。
重新檢查四個分類、三篇文章及文章尾部；這次改了哪裡同步實際截圖。照片與內容仍為設計示例。
四個分類與品牌文章重新設計
全部、生活提案、品牌故事、選用指南各有對應內容；品牌標誌及短標直接放進主圖，圖片使用小圓角。
文章以閱讀角落、阿原草本故事、沙發尺寸選用為示例，加入分段圖片、目錄與品牌館入口。手機與電腦分別排版。
「這次改了哪裡？」預設展開，可看新版實際截圖。內容與圖片仍為設計示例；商城正式功能另列。
依選定設計重做生活誌、服務入口與主畫面教學
依已確認設計完成三個區域的手機與電腦排版，圖解更新實際截圖。
首頁服務入口改為簡潔圖示按鈕
刪除編號、口號與重複描述，只留品牌合作、企業採購、使用指南。電腦橫排，手機直排。
改版圖解第02張已換實際新畫面；原入口去向及其他功能不變。
新增「這次改了哪裡？」實際截圖圖解
用9張實際網頁截圖，標記品牌生活誌、首頁合作入口、免運說明、登入、評價、招商、企業詢價及使用指南的位置。
紅框與編號對照簡短說明，圖片可放大；每項附對應頁面入口。可由上方「本次改版圖解」按鈕查看。
本次只新增說明頁，原設計仍為20261026-00；正式功能與缺件狀態不變。
品牌專題、合作表單、會員與評價設計已補齊
首頁新增品牌生活誌與合作入口；品牌館、品牌滑動區及商品卡共用免運門檻示例。
新增品牌專題、招商合作、企業採購與使用指南；提供 Google 登入回原商品，以及已購買並收貨才能評價、排序與廠商回覆的畫面示例。
手機與電腦已分別檢查；請由最新設計稿點閱。這次交付為設計預覽，正式登入、表單收件、評價權限及物流尚待接回商城。
評價資格已確認；需求核對紀錄已更新
甲方已同意：只有實際購買該商品、且完成收貨的會員可填寫商品評價。此筆是規則確認完成，不是評價功能已完成。
會員資格、免運折扣順序及 LINE 功能範圍已對照原需求，沿用已定內容，不再重複詢問。
最新設計 V9 已更新原預覽網址
11:37 上線，11:38 完成公開檔案核對。手機整排商品分類與「更多」移除；搜尋改為 Logo 與客服之間的圖示，點擊才展開。
手機底部、電腦頁首的「分類」均改為「品牌」，入口位置依裝置分開；電腦保留完整搜尋與商品分類列。
商品篩選只留「品牌、排序」，選定即更新，保留搜尋、品類、優惠條件及瀏覽位置。商品卡的會員價與參考價分行，按鈕對齊。
五類頁面在五種尺寸、1023／1024 分界及指定互動已核對；搜尋、品牌進館、商品詳情、會員畫面切換與自動篩選已有公開操作紀錄。
最新設計待甲方逐頁核對
使用者已確認並授權 V9 上線；甲方獨立設計確認尚未記錄。可由最新設計稿及固定電腦／手機預覽逐頁核對。
重點核對：首頁、品牌總覽、品牌館、商品列表、商品詳情，以及登入前後的畫面差異。示例切換不是正式帳號登入。
瀏覽器指定尺寸已有檢查紀錄；實體 Safari、實際手機與 LINE App 顯示仍另行核對，不以尺寸模擬代替。
LINE 分享摘要已修正
五類設計頁的分享摘要已改為「電腦端與手機端皆已設計完成，請分別開啟預覽。」
網頁分享資料已更新並核對；實際 LINE App 的卡片與快取仍須另行核對。
五類頁面與手機／電腦設計已交付
首頁、品牌總覽、品牌館、商品列表、商品詳情均可點閱，訪客與會員畫面可切換；共用同一套設計與示例資料。
首頁有活動文字、搜尋、平台與品牌輪播、品牌 Logo、商品廣告、會員首購廣告、往下排列的熱銷商品及服務資訊；依討論移除「一起搭配更好買／一桌晚餐」。
輪播共八張：平台介紹、元進莊、THERMOS、HOLA、阿原、TESCOM、象印、春風。整張圖片搭配獨立購買按鈕，支援自動播放、前後切換及手動操作。
手機保留雙排品牌 Logo、三欄首頁商品與固定底部導覽；電腦另做寬版頁首、左輪播右入口、三／四欄商品及內頁左右圖文。
熱門推薦、食品茶點、居家生活、美妝保養、親子育兒及品牌總覽各有獨立主視覺；電腦採專用寬圖、文案與入口重排，改善中央留白。
沿用已確認的購星集 Logo、暖白與黑金風格；品牌與商品資料、價格及活動均為設計示例，不代表合作或正式售價已確認。
前期設計圖解原件
原已完成的影片、會員入口、商品卡、生活誌、品牌館等圖解歸於歷史交付。下列保留原日期與當時樣式，不列入本次12項。
展開前期實圖與說明
01 商品影片已換上
雞腿與水壺已換成提供的影片，保留3:2原比例，可暫停、放大；商品明細可切換影片。
02 會員入口改成小浮鈕
移除大面積會員提示，改成可關閉的小浮鈕。點開是會員示例，正式Google／LINE登入尚未接通。
03 商品卡精簡
拿掉每張卡的大免運框及登入按鈕，改用圖片小標籤；保留評分、筆數與已售數量。首頁三欄、品牌館兩欄。圖中影片當時為黑屏，現已換成上方實片。
04 生活誌改為四格文章
位於商品區下方，手機雙欄四格，每格都能開文章；不再拿「查看全部」充當第四篇。
05 首頁活動與品牌Logo
輪播下方安排兩個活動位置；品牌Logo完整顯示並附名稱。活動文案、價格仍為示例。
06 品牌館與免運資訊
加入品牌活動、介紹及同頁商品分類；免運改窄條，點開才看完整規則。空分類明確顯示待上架。
07 選單直接列品牌分類
各品牌的分類直接顯示，選完進入對應品牌與分類。
08 電腦首頁與頁尾
主輪播縮小、保留圖片比例；移除主打系列及三張服務大卡，合作與使用指南入口留在頁尾。
09 商品卡加入評價與銷量
這是上次歸檔時保留的新增項目。評分、評價筆數及已售數量仍保留，後續已改成上方較精簡的樣式。下圖為當次修改紀錄，數字皆為示例。
10 生活誌移到商品下方
這是上次歸檔時保留的另一項。位置繼續沿用，後續版面已更新為上方四格文章。下圖為當次修改紀錄。
會員開發與授權準備
已整理現有功能，並完成無Email會員購物車與點數券的隔離測試、站內安全規則候選及自助授權指南。這些是開發準備，正式Google／LINE登入、回跳與會員綁定查詢尚未完成。
開啟授權步驟 ↗歸檔日期：2026.10.28。保留原12項、導覽補充、四態圖片及頁尾更新；歸檔不代表甲方驗收。
2026.10.27 上一輪設計交付圖解（歸檔）
最新導覽整理與原12項修改，實際畫面依序列於下方；圖片已標示登入狀態，金額為設計示例。
最新補充｜手機與電腦導覽去重
手機保留底部五個主要入口；左上選單集中全部商品、四個商品分類，以及品牌生活誌、品牌合作、企業採購、使用指南，不再重複首頁、品牌與會員優惠，也不鋪開所有品牌子分類。
電腦頁首保留主要功能，第二排只列全部商品與四個分類；移除重複的品牌旗艦館及整個「更多」選單。「全部商品」的入口與目的頁標題一致。
固定版型與自適應預覽，清楚比較登入前後
電腦／手機四個按鈕固定所選版型，不隨開啟裝置改變；切換商品與品牌頁仍維持。手機看電腦版可左右移動、用瀏覽器縮放。兩個藍綠色「自適應」按鈕才依目前裝置滿版顯示。固定預覽沒有工具外框、不自動縮小；只有內容本身上下捲動。
未登入：只顯示其他通路價，會員金額顯示「登入查看」。小星星可展開登入提示、可關閉。
登入後：顯示會員優惠金額，保留其他通路刪除線作比較；小星星自動消失。下列均為模擬示例，正式登入尚未串接。
下面逐項說明本次12項調整；前期已完成內容仍保存在最後的進度紀錄。
01 其他通路價保留刪除線
商品卡與商品詳情顯示刪除線比較價；登入會員後仍保留，方便比較。
狀態：設計已完成
02 會員價格更醒目
會員優惠價文字與金額加大，其他通路價較小；金額移除NT，保留$。
狀態：設計已完成
03 手機商品每排兩張
手機首頁商品改為雙欄；電腦維持原排列，首頁與列表四欄、品牌館三欄。
狀態：設計已完成
已登入示例・金額為模擬資料04 商品圖片與文字緊湊自然
依最新確認保留圖片原比例、縮減文字間距，不用撐高圖片框硬湊六四，移除上下多餘留白。
狀態：設計已完成
已登入示例・金額為模擬資料05 優惠標籤放在圖片下方
滿額免運、會員優惠價改放圖下獨立區域，不遮商品圖；標籤文字由平台管理的需求保留。
狀態：版面已完成；平台管理待後端
06 影片商品卡直接進商品詳情
點擊影片商品卡進入對應詳情頁；卡片影片預覽與暫停按鈕保留。
狀態：設計已完成
07 商品媒體可左右切換
商品詳情支援拖曳、縮圖、左右箭頭與方向鍵切換圖片或影片。
狀態：設計已完成；實體手機觸控另驗
以上為瀏覽器實際切換畫面；實體手機觸控仍另行驗證。
08 評價先顯示前三則
評價縮成精簡區塊，先顯示前三則；點查看全部可展開，再收合。
狀態：設計已完成；評價為示例
已登入示例・金額為模擬資料
09 品牌名稱醒目並可點擊
商品詳情的品牌名稱改為較大粗體藍色，點擊進品牌館，查看品牌與免運資訊。
狀態：設計已完成
紅框為商品詳情的品牌入口；點擊可進入品牌館，查看品牌與免運資訊。
未登入示例・會員金額不顯示
公開設計實圖（局部截圖）；點圖可放大。
10 已售數量保留後台調整需求
保留已售數量顯示示例；後台可調整已列為需求，這輪未實作後台，也未新增任意修改評分的需求。
狀態：後台可調整待實作
紅框為商品卡的已售數量示例。這是前台顯示位置，並非後台操作畫面；後台可調整功能仍待實作。
未登入示例・會員金額不顯示公開設計實圖（局部截圖）；點圖可放大。
11 小星星會員提示
手機點一下，星星探出並顯示會員提示；再點「登入／加入會員」開啟登入視窗。電腦滑鼠移上去自動展開，移開後收回。
可收起、可關閉，示例登入後隱藏。8秒輕探頭；底部選單及商品購買列保留安全距離。
狀態：設計預覽已更新；正式Google／LINE登入另列進度。
未登入示例・會員金額不顯示
未登入示例・會員金額不顯示
12 頁尾資訊完整，排版更精簡
保留品牌介紹、關於我們、會員權益與客戶服務三欄及原有入口；縮小多餘間距，公司資料集中顯示，底部只留版權與一則簡短預覽聲明。
手機同步收緊，連結可點選、文字自然換行，底部選單不遮住聲明。商城畫面移除重複聲明、「本機預覽」字樣與版本號；版本記錄保留在開發進度。
狀態：設計已完成；公司正式資料仍待提供。
2026.10.28 設計交付歸檔（10項）
2026.10.29 依使用者指示歸檔；保留20261028-07的10項說明及圖片。歸檔不代表正式功能或甲方驗收完成。會員、價格與商品仍為示例；後台與待確認規則個別註明。
01 商品卡與背景清楚區分
淺灰商品區搭配白色卡片與細框，圖片、品名與價格自然歸在同一張卡。
目前狀態：設計預覽完成
02 手機每排兩張，往下瀏覽
首頁、商品列表及商品詳情的推薦商品採兩欄網格，避免少量商品只集中在左側；電腦維持原排列。
目前狀態：設計預覽完成
03 星星主動展開會員提示
未登入首次停留8秒會展開文字提示；手機可點開、電腦可滑鼠移入，點登入可進入會員示例。
目前狀態：設計預覽完成
04 收起後再提醒，登入後消失
星星完整留在畫面內。收起60秒後再提醒，每次瀏覽最多兩次自動提示；按關閉後本次不再提醒，登入後消失。
目前狀態：設計預覽完成
05 手機恢復依品牌選購
開啟手機選單，先展開品牌，再進入該品牌的商品分類；電腦不恢復重複的「更多」。
目前狀態：設計預覽完成
06 手機品牌分類改下拉，電腦保留橫排
品牌總覽的手機分類列改為「品牌分類」下拉選單，完整顯示「親子育兒」等選項；電腦維持橫排按鈕。切換後立即篩選品牌，登入前後都可操作。單一品牌館的商品分類仍維持下拉選單。
目前狀態：設計預覽完成；已檢查手機、電腦及登入前後
單一品牌館的商品分類：
07 品牌館活動、影片、文字三種版位
活動卡、可播放影片卡及品牌介紹文字卡已有示例，可分別設定顯示。商家／平台的後台操作與權限仍待實作。
目前狀態：版位預覽完成；後台未完成
08 免運預設同廠商、同溫層
品牌免運詳情與配送說明統一規則：同廠商、同溫層計算；跨溫層須商家明確同意並設定。
目前狀態：說明已更新；正式運費計算未完成
09 會員優惠標籤改為溫層
移除卡片上重複的會員優惠價標籤，保留價格區登入規則。常溫米色、冷藏綠色、冷凍藍色，皆保留文字；現有商品示例使用常溫與冷凍，實際溫層待商品資料確認。
目前狀態：標籤預覽完成；商品溫層為示例
10 滿額免運標籤改為特殊價
僅指定示例商品顯示「特殊價」，不是每件商品都加上；特殊價的正式適用條件與價格來源仍待甲方確認。
目前狀態：條件式標籤預覽完成；正式價格規則待確認
2026.10.29 星耀品牌與選單設計交付歸檔（7項）
2026.10.29 · 本輪7項設計與管理操作示例，圖片均為本輪實際畫面。請往下逐項查看；上一輪10項及更早12項保留在歷史交付。
星耀品牌精選新增首頁版位
放在合作品牌與熱銷商品之間，最多三個品牌。以Logo、形象圖及簡短標語呈現，標示贊助版位示例。
手機單張滑動，電腦三張並排
手機可左右滑動或使用箭頭切換完整品牌大卡；電腦同時顯示三個品牌。
每個品牌兩項主打商品
每件商品可開啟詳情，並提供「探索品牌旗艦店」及「查看主打商品」。目前組合、圖片及價格為設計示例，正式素材待品牌提供。
手機選單恢復資訊入口
加入最新公告、品牌生活誌、品牌合作、企業採購、使用指南及聯絡我們。電腦不恢復重複的「更多」選單。
打開選單即可查看品牌分類
各品牌分類直接展開，首項為全部，再列有商品的類別；分類可橫向滑動。品牌總覽原本的手機下拉、電腦橫排維持。
平台版位管理操作示例
可設定顯示、排序及開始／結束日期，並檢查重複排序與日期。只儲存在目前瀏覽器，可恢復預設；正式後台、收費及刊期尚未串接或確定。
平台提供分類，廠商勾選
26個大類已放入上架操作示例，可勾選、儲存及重新讀回。156中類、624細類完整清單待提供，正式商品分類後台未完成。
2026.10.29・上一輪11項設計交付
這次改了哪裡
2026.10.29 · 最新11項設計與操作示例。下列圖片均為本輪實際預覽；上一輪7項、較早10項及12項分開歸檔。
商品列表改為品牌＋商品分類
商品分類取代排序，保留品牌篩選；選擇後立即更新商品，星集價條件會一併保留。
手機品牌總覽移除分類列
手機直接展示全部品牌，不再保留被劃掉的下拉列；選單內各品牌商品分類保留。電腦原本的橫排分類沿用。
發現好物改為星集價
入口、商品標籤與專區統一為星集價，專區只顯示品牌選定商品。暫按每廠商最多三件做操作示例；正式上限口徑及價格規則待確認。
品牌精選隨機起始與輪播
手機隨機起始品牌，每6秒切換；可用箭頭、滑動及暫停操作。影片播放或手動操作時暫停自動輪播。Logo維持圖片，主視覺提供圖片及影片示例。
品牌卡入口精簡
箭頭放在標語左右，兩項主打商品保留；探索品牌旗艦店移至卡片底部，移除查看主打商品與重複滑動提示。
新增限量與預購標籤
以雞腿與保溫瓶展示限量、預購標籤，放在圖片下方；實際商品條件待品牌提供。
缺貨商品繼續顯示
缺貨以庫存狀態顯示，商品詳情仍可閱讀；示例缺貨商品不能加入購物車，並移除數量操作。
首頁每品牌三件，隨機排序
有商品的八個示例品牌各提供三件版位，隨機排列。管理示例可選擇首頁商品與星集價商品並儲存；款式與組合為虛構版位示例，非正式上架。
星星直接前往註冊
未登入先顯示提示，星星本體沒有叉號；訊息可關閉，星星仍保留。點星星直接到加入會員頁，切換已登入示例後消失。Google／LINE為操作示例，正式註冊未接通。
手機功能優先，電腦維持相容
這輪先完成手機流程，桌面維持原有三欄品牌卡與商品排列，並同步必要入口名稱與狀態；字體和桌面視覺重設另輪處理。
品牌主圖與商品照分開，六款商品各有圖片
新增六張ImageGen商品示意圖，以不同數量、構圖與背景區分單品及組合；品牌情境圖與影片保留。商品列表、品牌館與詳情同步使用對應圖片，避免兩張商品卡重複。生成素材僅供設計預覽，正式商品照片待品牌提供。
