首頁 / 案例展示 / 雲瑞設計

設計與數字藝術

聚合高品質設計素材與資訊

雲瑞把設計素材和資訊放在同一個域名。瀏覽在分類樹，成交在本域的開通頁。

會員三檔寫在開通頁上，可分期，可開發票。QQ、微博和站點賬號合成一套會員。

下方僅展示正式首頁登入入口的結果，不代表開通頁或會員素材頁。

本域成交 瀏覽在分類樹，開通在本域。不必跳到第三方店鋪。

按軟件篩文件 Mockups 可按 PS、Figma、Word 切，按設計師的工具找。

特色模塊 左側分類樹、三檔會員、社交登錄在同一套主題。

語言中文站。開通頁寫人民幣。

響應速度 下方僅展示正式首頁登入入口的雙端實驗室結果，不代表會員素材頁。

會員入口 續費在頂欄。舊的會員路徑現網打不開，不再鏈死。

案例概述

素材和資訊在同一個域。瀏覽在樹，成交在開通頁。轉化不能斷到站外。

客戶要的是一個能看、能篩、能當場開通的素材站。資訊把人留下，交易留在自己手裡。設計師按軟件找文件，不按欄目名找。

如果開通跳到第三方店鋪，內容在本域，錢在別人那裡。如果會員中心和貨架裂開，續費會找不到門。

我們用 yr-pro 做三套密度：素材列表、資訊、開通頁。QQ、微博和站點賬號合成一套會員。分類樹現網寫着四萬多條素材。開通頁三檔：一年、三年、五年，可分期，可發票。

做成之後：瀏覽和成交不離開本域。舊的會員路徑現網打不開，入口改走頂欄續費，不再鏈死。

方案與功能

樹、軟件篩和開通頁是三件必須能用的事。

分類樹貨架左側深樹加頂部圖標類。現網樹寫着四萬多條。最新和熱門是第一眼，不是藏在搜索裏。
按軟件切文件Mockups 可按 PS、Sketch、AI、XD、Figma、Word 篩。設計師按手頭工具找，不按編輯部欄目找。
本域開通頁一年 149、三年 289、五年 389。可分期，可發票。轉化不斷到第三方店鋪。
社交登錄合成一套會員QQ、微博進站後，仍是同一套收藏和開通，不拆成兩個賬號體系。
會員入口在頂欄舊的會員路徑現網打不開。續費走頂欄，避免讀者點進空頁。

技術棧

軸心是交易頁也是第一等頁面。篩選按工具切。

選擇	理由	代價
PHP 7.4 + WordPress	貨架、資訊、訂單要同一套後臺	現網 PHP 低於官網
定製主題 yr-pro	和軟件店同源，後期加字段有設置頁	開通頁不緩存
本域開通接口	轉化不斷在第三方	支付頁必須自己抗性能
社交登錄	QQ、微博和站點賬號合成一套	要維護兩家回調
WordPress 分類與標籤	軟件維度要能篩	標籤體系要有人維護

Speed

正式首頁在未登入狀態下會進入登入頁。下方只展示這一公開入口的桌面與行動裝置Lighthouse結果，兩端各測量三次並選取一份完整代表紀錄。登入頁較簡單，不能以其分數代表會員素材目錄、檔案下載或開通交易；無障礙、最佳實踐與SEO限制按實際保留。

登錄門

桌面

100 性能

83 無障礙

58 最佳實踐

82 SEO

LCP 399 ms · TBT 0 ms

移動

94 性能

83 無障礙

58 最佳實踐

82 SEO

LCP 3.01 s · TBT 24 ms

更新時間：26-10-29。數據源自閃電博實驗室，基於 Lighthouse 實驗室分、axe 無障礙，以及可選的 Chrome UX Report 真實用戶數據。數據可能因不同的網路環境及設備，會有差異。參考《如何做到Google PageSpeed Insights測試滿分》。

最終結果

瀏覽和成交不離開本域。開通頁寫清檔位。舊會員路徑不再鏈死。

交易頁按第一等頁面來做

開通頁在本域。桌面仍綠。移動端又重又會跳，是已知債，不改寫成已經很快。

按工具找到文件

分類樹加軟件篩。資訊和素材在同一域名。社交登錄進同一套會員。

業務上，錢留在自己手裡

三檔寫在開通頁。可分期，可發票。不編成交額。

還沒做的

開通頁移動端仍差。舊會員路徑仍是空的，只是不再鏈過去。