--- title: "以 MY Home 颠覆家居服务行业" description: "我们如何把 SCG HOME 的服务搬进移动应用，用 Flutter 在两个半月内打造出支持 iOS 与 Android 的 MY Home 应用。" canonical: https://oozou.com/zh-Hans/case-studies/scg-myhome-services-app locale: zh-Hans 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 基于 widget 的体系与设计流程高度契合，加快了整个应用的交付。 挑战主要来自 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-Hans/contact More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"