--- title: "以 MY Home 顛覆居家服務產業" description: "我們如何將 SCG HOME 的服務帶入行動應用程式，以 Flutter 在兩個半月內打造支援 iOS 與 Android 的 MY Home 應用程式。" canonical: https://oozou.com/zh-Hant/case-studies/scg-myhome-services-app locale: zh-Hant date: 2022-07-04 client: SCG industry: "Home Services" --- # 以 MY Home 顛覆居家服務產業 > 我們如何將 SCG HOME 的服務帶入行動應用程式：MY Home 是一款支援 iOS 與 Android 的 Flutter 應用程式，協助愛家人士監測住家健康狀況、諮詢居家專家，並輕鬆聯繫維修服務團隊。 - Client: SCG (https://www.scg.com) - Industry: Home Services - Services: UX Design, UI Design, Development - Duration: 2.5 months - Published: 2022-07-04 ## Challenge SCG HOME 是全球領先的居家修繕產品與建材製造商及經銷商之一，希望以「自己管理自己的家」為概念，將服務帶入行動應用程式，提升 SCG 的顧客體驗。 ## Solution 我們使用 Flutter 打造了支援 iOS 與 Android 的 MY Home 行動應用程式，並同步建置管理內容的 CMS 網頁應用程式。使用者可以監測住家健康狀況、向居家專家諮詢問題，並輕鬆聯繫居家維修服務團隊。 ## 幸福從 MY Home 開始 SCG HOME 是全球領先的居家修繕產品與建材製造商及經銷商之一，產品線十分廣泛。以提升 SCG 顧客體驗為核心，以下是我們將其服務帶入行動應用程式的歷程。 自己管理自己的家：在 SCG HOME 團隊提出的這個概念下，我們為所有愛家人士打造了名為 MY Home 的行動應用程式。 ![MY Home 應用程式畫面，提供住家健康狀況的詳細洞察與便捷存取](https://oozou.com/images/case-study/scg-myhome-happiness.webp) 團隊採用 Flutter，這是一套開源 UI 框架，能同時為 iOS 與 Android 打造精美的原生行動應用程式。經過兩個半月，我們完成了行動應用程式，以及用於管理內容的 CMS 網頁應用程式。MY Home 於 2021 年 6 月成功上線，實現了三大核心概念： 1. 輕鬆便捷地監測住家健康狀況 2. 與居家專家討論問題 3. 透過便捷管道聯繫居家維修服務團隊，讓住家常保美觀 ## 設計系統 MY Home 的數位設計系統由一套完整的標準組成，透過可重複使用的元件與模式，實現大規模的設計管理。 ![以可重複使用的元件與模式建構的 MY Home 設計系統](https://oozou.com/images/case-study/scg-myhome-design-system.webp) ## 圖示設計 MY Home 的圖示以易於理解為目標，最重要的是保持親切感。每個圖示都簡化為美感形式，同時不失其主要特徵。 ![簡潔親切的 MY Home 圖示集](https://oozou.com/images/case-study/scg-myhome-iconography.webp) ## 挑戰與技術 使用者體驗階段，也就是廣為人知的 UX，由我們的團隊向客戶展示線框稿，在著手 UI 元素之前先確認使用者旅程。線框稿提供頁面結構、版面配置、資訊與功能的藍圖。由於其目的在於傳達產品概念，所有樣式、色彩與圖像都保持在最低限度。 在開發方面，Flutter 證明是打造跨平台應用程式的高效工具。它簡化了共用元件的開發，並減少平台專屬調整所需的工作量。Flutter 以元件為基礎的系統與設計流程高度契合，加速了整個應用程式的交付。 挑戰主要來自 Flutter 框架當時尚未針對部分功能提供現成解決方案，例如 Facebook Analytics 與網頁回呼處理等。不過，Flutter 的彈性讓開發人員在缺少原生外掛時，也能輕鬆打造客製化解決方案。OOZOU 在新專案中正日益採用 Flutter，作為原生 iOS 與 Android 開發的替代方案。 ## 全新使用者體驗 我們的最終設計來自 UX 與 UI 階段的多次迭代。我們藉由分析 SCG 現有顧客與居家服務產業消費者的痛點，並結合最初設定的目標與方向，達成了這個最終成果。 ### 全新面貌 首次發布後一個月內，客戶委託我們重新設計 Home 儀表板，加入更多互動元件，進一步提升使用者對行動應用程式的參與度。我們透過新增支援所有愛家人士的新功能來達成這個目標。 ![重新設計的 MY Home 儀表板，具備更多互動元件](https://oozou.com/images/case-study/scg-myhome-new-look.webp) ### 優惠專區 優惠模組能有效吸引使用者參與，因為他們可以在此區輕鬆找到特殊活動或各項行銷活動期間的促銷方案。使用者可以閱讀活動詳情，或複製應用程式內提供的促銷代碼，並在商品購物頁面使用。我們希望提供無憂的體驗，讓使用者能夠自在地設計與打理自己的家。 ### 新手引導 推出新功能時，打造友善的使用者體驗是鼓勵使用者參與最重要的環節。我們設計了簡單易懂的圖像，搭配互動式操作，引導使用者了解應用程式的最新功能。 ![以簡單易懂的圖像呈現的 MY Home 新手引導畫面](https://oozou.com/images/case-study/scg-myhome-onboarding.webp) --- Contact OOZOU: hello@oozou.com · +66 2544 0000 · https://oozou.com/zh-Hant/contact More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"