{
requestAnimationFrame(() => {
const submenuEls = $el.getElementsByClassName('toggle-menu');
const visible = Array.from(submenuEls).filter(el => !el.classList.contains('toggle-menu-hidden'));
if (visible.length == 0) {
$store.xHeaderMenu.openHamburgerMenu = false;
}
});
}, 400);
$store.xHeaderMenu.overlay = false;
}"
>
Portfolio
My Real You Shopify 架站案例|名牌包保養維護 × 歐美風格 × 溫柔質感體驗
on 10月 25 2025
My Real You 是一個重視真實自我表達與質感風格的品牌,這次專案是我與他們的二度合作 —— 承接了前一版網站設計優化後,再次為品牌進行整體網站改版升級。
本次改版的核心目標是:
「讓視覺更貼近品牌氣質,提升視覺體驗,並優化網站流程讓顧客更順暢的理解品牌服務。」
客戶提供了喜歡的網站風格與 Shopify theme,由我根據品牌調性延伸視覺呈現、優化內容架構、設計版型並進行完整建置。
✨ 專案成果
📌 完整 Shopify 電商架構建置與設計:
電腦版與手機版規劃設計
頁面設計含首頁、服務頁面、說明頁面、關於我們,聯絡我們等
美感與轉換率兼顧的排版設計
📌 營運面功能優化與串接:
系統設定優化:自動化信件、折扣設定、訂單管理流程優化
信件通知樣板設計(出貨、客服、自動行銷等)
📌 銷售工具串接與 SEO 優化:
串接 Facebook / Instagram 商店、Google Merchant Center
SEO 結構優化與基本 JSON-LD 結構化資料嵌入
網站內容優化、政策頁完整建構
🎨 設計理念與合作過程
客戶希望網站能呈現出柔和氣質、安心服務的氛圍與簡潔的操作動線,因此從選擇模板開始,就根據他們提供的參考資料重新架構頁面內容,並為不同區塊設計專屬排版風格,確保整體網站一致性。
這次合作過程非常順利,除了完成網站建置外,也同步為客戶整理後台流程,提供操作教學,讓未來網站維護更加順手。
🔗 作品連結
👉 https://myrealyou.com
首頁
服務說明頁
如果你也正在尋找一位能理解品牌、協助從視覺到功能全面整合的 Shopify 架站設計師,歡迎聯絡我,我會協助你從 0 到 1 打造理想中的品牌網站。
Orange Studio 個人作品集案例|網站設計 × 質感風格 × 簡約歐美
on 10月 25 2025
🔶 Orange Studio|個人作品集網站設計
作為「橙拾 ORNG Studio」的起點,這個作品集網站是我最初的設計實驗場,從風格選擇、模板調整,到內容架構與排版設計,都是由我一人完成,目的是打造一個屬於自己的品牌起點。
這個網站以簡約歐美風格為主軸,運用現成 HTML 模板進行客製化,專注於資訊層級清楚呈現、視覺風格乾淨俐落,同時保留未來擴充性(如作品新增、連結外部案例、聯絡表單等)。
✨ 專案特色
簡約高質感的視覺設計:運用留白與層次強化閱讀節奏,突顯作品主體。
RWD 響應式排版:手機、平板、電腦瀏覽皆能保持良好體驗。
客製化 HTML 調整:對原始模板結構進行優化與精簡,提升載入速度。
SEO 基礎設定:設定 meta title、description,利於搜尋引擎收錄。
外部連結整合:連結 Behance、Instagram、Wix 等其他作品平台。
🛠 使用技術
HTML / CSS / JavaScript
基礎 SEO schema 設定
Adobe XD & Figma 排版規劃
網頁空間部署 & DNS 綁定
💬 製作心得
作為一個設計師/開發者兼顧的個人品牌起點,這個網站不僅是我作品的展示場域,更是一個與客戶、夥伴對話的開端。它記錄了我學習架站、版型改造、視覺思維的一步步過程,也讓我更確定「想透過網站幫助更多品牌說出自己的故事」。
🔗 作品連結
👉 https://orangestudio.work
是否也想打造一個屬於自己的品牌網站?
歡迎聯絡我,我可以幫你從 0 到 1,建立你的專屬空間。

