2026.11.04・第 46 版開發進度

開發進度與設計預覽

本輪依甲方手機首頁示意圖 v1.1 與說明文件製作十區手機預覽,保留已確認的會員價格、點數提示、透明Logo與底部導覽。

先選擇手機畫面

手機開啟貼合螢幕;電腦開啟固定手機寬度。兩個入口分別重設展示登入狀態。

手機・未登入手機・已登入

開啟首頁十區後台操作示例 › 既有七區品牌與後台示例 ›

對照甲方原始圖稿 ›

本次操作與圖稿複核

重新打開瀏覽器逐區對照後,已修正:主視覺控制列改疊在圖底、活動卡改成一半圖片一半文字、精選主圖與商品圖縮回自然比例、標題改用既有GXJ明體字檔,並補齊原已確認的八張輪播主題。

八張輪播已在320px逐張操作,標題/按鈕無裁切或控制列遮擋;登入後價格顯示且星星消失,訪客顯示登入查看;點數、三個服務入口與品牌分類已再操作。用畫面座標點擊商品返回,抽選順序與實際點擊位置均保留。

圖稿的區塊順序、圖文比例、欄數、控制列、明體標題及紅金配色已對照調整。照片、商品名稱、價格/已售/評價等仍沿用原示例資料,沒有照抄圖中的虛構數字;原確認的點數提示與會員星星繼續保留。因此不宣稱逐像素或所有素材完全相同。

展開原圖與本機實圖對照(上段)甲方原圖與本機手機上段實圖並排對照
展開原圖與本機實圖對照(下段)甲方原圖與本機手機生活誌、服務及頁尾並排對照

這次改了哪裡

僅列本輪十項;下列十區設計沿用45版;46版補足後台測試與修正,恢復後畫面見下方最新實圖。十區圖均為實際瀏覽器截圖,依區塊裁切。舊版圖文另存歷史,沒有混進本輪。

本輪 01 / 10

主視覺分層與輪播

對照圖稿的情境主圖、獨立Logo/標題/副標、紅色按鈕及操作列。可切換、暫停與滑動;後台分欄編輯,可更換圖片或影片。

45版第1區實際瀏覽器截圖,依區塊裁切
本輪 02 / 10

購星集活動・左圖右文

改為縱向排列的橫式活動卡。支援新增、排序、啟停、期間與站內入口;可更換圖片/影片及文案,空白選填不留欄。

45版第2區實際瀏覽器截圖,依區塊裁切
本輪 03 / 10

精選合作品牌・兩排三欄

每組最多六個有效品牌Logo,附品牌名稱、查看全部與輪播操作。已操作前後切換;品牌館仍沿用七區。

45版第3區實際瀏覽器截圖,依區塊裁切
本輪 04 / 10

星耀品牌精選・主圖加兩商品

每組品牌主圖+兩張完整商品卡+旗艦店按鈕。有效版位隨機排序,六秒輪播;互動/離屏暫停。同品牌可購買品項替補缺貨品,後台示例可追查原因。

45版第4區實際瀏覽器截圖,依區塊裁切
本輪 05 / 10

熱銷商品・交錯抽選與卡片

手機每排兩張;圖片/影片下方是獨立標籤列,再接品牌、品名、價格、已售及評價。每品牌最多三件,第一輪各品牌一件後再第二、三輪;示例共23件可購買品,不以圖中八張為上限。圖為商品區局部。

45版第5區實際瀏覽器截圖,依區塊裁切
本輪 06 / 10

品牌生活誌・每排兩張

每個有已發布文章的品牌隨機選一篇,兩張卡一排;奇數末張靠左。圖片、品牌、短標題與查看全部入口對照圖稿,連到既有文章。

45版第6區實際瀏覽器截圖,依區塊裁切
本輪 07 / 10

購物服務・同排三格

同排顯示分品牌出貨、配送運費、客服協助,分別開啟站內說明/使用指南。未新增免運承諾,文字自然換行。

45版第7區實際瀏覽器截圖,依區塊裁切
本輪 08 / 10

平台品牌介紹

情境背景整合透明平台Logo、品牌名稱、標題、短文及認識購星集。後台可改主圖及文字,不疊白色文字方塊。

45版第8區實際瀏覽器截圖,依區塊裁切
本輪 09 / 10

其他頁面連結・完整展開

關於我們、會員權益、客戶服務全部展開,各組兩欄。可改名稱、調整組內排序並選站內目的地。

45版第9區實際瀏覽器截圖,依區塊裁切
本輪 10 / 10

公司資訊・緊湊頁尾

公司摘要與版權緊湊排列,底部文字避開選單。公司正式資料待提供,示例不補造統編、地址與客服資料。

45版第10區實際瀏覽器截圖,依區塊裁切

登入與未登入檢查

未登入顯示「登入查看」,登入後顯示會員價且星星消失。點數說明保留;商品資料仍為設計示例。

未登入

46版恢復後未登入商品價格與星星

已登入

46版恢復後已登入商品價格,星星已隱藏
第 46 版・首頁管理操作檢查

首頁後台・完整操作檢查

已在真實Chrome操作選檔、儲存草稿、草稿預覽及套用;手機前台實際載入圖片與影片,也分別檢查登入與未登入。

檢查項目本次結果
圖片/影片更換PNG、JPEG、WebP、MP4、WebM均已選檔測試。圖片換影片、影片換圖片均有更新,不殘留舊影片;主視覺與活動影片可手動播放,不自動播放。
格式與容量圖片1MiB、影片3MiB的上限檔可儲存並套用;超過1 byte會拒絕。GIF、MOV、空檔、偽裝副檔名與損壞檔會拒絕,原素材保留。
排程與上下架主視覺、活動及精選版位的未開始/有效/到期、停用/恢復均已操作。活動短排程實際由1組→2組→1組,不重新整理也會更新;錯誤起訖時間會擋下。
草稿與防誤操作未儲存不能直接套用;儲存草稿不改一般前台;草稿入口可先看變化。全數主視覺停用、同品牌商品重複等錯誤會提示。
雙會員狀態訪客顯示登入查看;會員顯示價格、星星消失。恢復後八張主視覺、兩組活動、三個精選版位均在,手機無整頁橫向溢出。
展示資料恢復測試前後的展示設定、草稿、上一套用版及操作紀錄逐字一致。測試圖片/影片沒有留在目前展示中。

本次修正:合法大影片套用時容量不足、圖片替換後舊影片未清除、上傳檔只驗格式名稱、排程到時不自動更新、平台介紹上傳圖片未帶入,以及舊品牌後台的首頁活動入口。新版首頁內容統一由「首頁十區管理」編輯,品牌七區與點數提示保留原入口。

測試中:影片已進入手機前台

下圖使用有辨識度的測試影片確認來源,屬測試過程,已恢復為原展示素材。

46版測試中,手機主視覺與活動實際載入上傳影片

恢復後:目前後台

46版恢復展示資料後的電腦後台
查看手機尺寸後台46版恢復後手機尺寸後台,檔案欄位無橫向溢出

恢復後:手機未登入/已登入

未登入・會員價隱藏

46版恢復後手機未登入商品會員價隱藏

已登入・會員價顯示

46版恢復後手機已登入顯示會員價,星星消失
查看恢復後首頁
46版恢復後手機訪客首頁原主視覺及活動46版恢復後手機會員首頁原主視覺及活動

操作資料與檔案只保存在同一瀏覽器。此處排程為開啟預覽頁時的本機計時;真正平台帳號、權限、伺服器媒體庫、排程服務與正式發布尚待介接。非實體iPhone測試,亦非正式後台驗收。

進度總覽

狀態本輪內容
已完成・本機操作檢查十區畫面、輪播前後與暫停、商品返回保留結果/位置、品牌與分類連動、兩種登入狀態、點數入口、服務入口、後台草稿/套用/還原及圖片/影片更換、格式與容量限制、三類排程與上下架。
完成待核對圖稿視覺接近程度、手機長頁閱讀、文案與活動素材,待審閱確認。
待確認正式素材、公司資料、標籤可改文字的適用範圍;尚未收到完整功能規格及H01–H38驗收清單。
未完成正式商品/會員/物流/點數介接、伺服器權限與通知、正式排程及上線;實體iPhone驗看。

實際檢查320/375/390/768/1280px,均無整頁橫向溢出;1280px維持原電腦排版。桌面完整改版不屬本輪。

歷史歸檔

上一輪44版圖文與七區交付 ›

原公開進度與更早7/10/12項歸檔 ›

上一輪已交付不等於甲方驗收。原件、舊圖與專案資料庫保留。

此頁供審閱開發進度及操作示例。