---
title: "MY Homeでホームサービス業界に変革を"
description: "SCG HOMEのサービスをモバイルアプリへ。Flutterを用いてiOSとAndroid向けのMY Homeアプリを2ヶ月半で構築した事例をご紹介します。"
canonical: https://oozou.com/ja/case-studies/scg-myhome-services-app
locale: ja
date: 2022-07-04
client: SCG
industry: "Home Services"
---

# MY Homeでホームサービス業界に変革を

> SCG HOMEのサービスをモバイルアプリへ。iOSとAndroidに対応したFlutterアプリ「MY Home」は、住まいの健康状態のモニタリング、ホームエキスパートへの相談、メンテナンスサービスチームへの連絡を可能にします。

- 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（iOSとAndroidの両方で美しいネイティブモバイルアプリを構築できるオープンソースのUIフレームワーク）を採用しました。2ヶ月半後には、モバイルアプリとそのコンテンツを管理するCMSウェブアプリを完成させました。MY Homeは2021年6月に無事ローンチされ、次の3つのキーコンセプトを実現しました。

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のウィジェットベースのシステムはデザインプロセスと非常に相性が良く、アプリ全体のデリバリーを加速させました。

課題の多くは、Facebook Analyticsやウェブコールバック処理など、一部の機能に対してFlutterフレームワークがまだ「すぐに使える」ソリューションを備えていなかったことでした。しかし、Flutterの柔軟性のおかげで、ネイティブプラグインが利用できない場合でも開発者は容易にカスタムソリューションを作成できました。OOZOUは新規プロジェクトにおいて、ネイティブのiOSおよびAndroid開発の代替としてFlutterの採用を拡大しています。

## 新しいユーザー体験

最終デザインは、UXとUIのフェーズを通じた複数回のイテレーションに基づいています。現在のSCGの顧客やホームサービス業界の消費者が抱えるペインポイント、そして当初設定した目標と目的を活用して、この最終形にたどり着きました。

### 新しいルック

最初のリリースから1ヶ月以内に、クライアントから、ユーザーのアプリ利用をさらに促進するため、よりインタラクティブなコンポーネントを含むホームダッシュボードの再デザインを依頼されました。これは、すべての家を愛する人をサポートする新機能の追加によって実現しました。

![よりインタラクティブなコンポーネントを備えた再デザイン後の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/ja/contact

More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"