每個服務項目都有明確的「解的問題」—— 找到你現在的卡點,對號入座。
解的是: 使用者進站後不知道下一步 → 流失
解的是: 手機版操作卡頓 → 用一次不回頭
解的是: 功能都有,但使用者不知道怎麼走
解的是: 改一個地方全站風格就亂掉
使用者能在 3 秒內找到想要的東西,不需要猜測頁面在說什麼。
「重新設計後,舊客戶說「終於看得懂我們在賣什麼」。」
教育科技 SaaS,網站改版後 W4
把 7 步驟的報名流程改成 3 步驟,填完率直接三倍起跳。
「同樣的廣告預算,詢問數多了兩倍多,FB 廣告費沒有動。」
台中活動品牌,報名流程重設計
因為設計與開發都在恆遠,不需要重新翻譯設計意圖,時程比外包短一半。
「Figma 交出來直接開發,工程師問問題少了很多。」
企業後台系統,設計 + 開發一條龍
左邊是 SaaS 套版的廉價感,右邊是重新設計後的品牌質感。 拖動分隔線,感受設計決策的重量。
以上為設計示意,呈現套版套板感與客製高級感的差異。實際改版專案的 KPI 視情境而定。
每個階段都有兩個視角:我們做什麼,你會看到什麼。
釐清產品目標、目標用戶輪廓、現有痛點與商業期望。
帶著「這個產品讓誰用、要解決什麼」來,離開時會知道設計重點在哪。
分析現有數據、競品評析、規劃資訊架構與使用者流程圖。
看到用戶在哪裡卡住、流程瓶頸是什麼——比光靠感覺更有底氣做決策。
建立頁面結構草圖,確認功能配置與互動邏輯,不做視覺設計。
能用低成本的草圖確認方向,改動不牽涉任何開發成本。
套入品牌調性,設計高保真視覺稿,含色彩、字型、icon、間距規範。
看到的不是 PPT,是跟實際上線幾乎一樣的畫面。這時候改排版最省錢。
製作互動原型、收集真實用戶反饋、整合開發移交文件(含所有 Spec)。
拿到開發能直接執行的設計包,不用來回解釋設計意圖。
每個顏色、每個間距都有理由。不靠「感覺對了」,靠使用者行為數據、對比度標準、視覺層級理論。
不是設計給老闆,是設計給會用這個產品的人。我們做使用者研究,不猜。
漂亮但做不出來的設計是浪費錢。我們的設計師理解前端框架限制,產出的稿子工程師能直接動。
建立設計系統的成本在第一次,後續每個新頁面、每個新元件都可以複用——不是每次從零開始。
每個色票背後有對比度數值,每個字級有明確使用情境——這就是設計系統的意義。
恆遠交付的 Figma 設計稿含完整 Design Token,開發團隊直接對接,無需二次解釋。
恆遠同時做設計也做開發。這代表我們出的設計稿在工程上是可行的——不會出現「設計很漂亮、但開發說做不到」的情況。 交付的 Figma 稿包含 Design Token(色彩、字型、間距),開發團隊可以直接對接,不需要靠猜測。