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

幸せはMY Homeから始まる

SCG HOMEは、幅広い住宅改修製品と建築資材の製造・販売において世界をリードする企業のひとつです。SCGの顧客体験の向上に焦点を当て、私たちがどのようにそのサービスをモバイルアプリへ展開したかをご紹介します。

「自分の家を自分で管理する」。SCG HOMEチームが打ち出したこのコンセプトのもと、私たちはすべての家を愛する人のためのモバイルアプリ「MY Home」を開発しました。

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

1. 住まいの健康状態を簡単かつ便利にモニタリングできる
2. ホームエキスパートに問題を相談できる
3. メンテナンスサービスチームに簡単に連絡でき、住まいの美しさを保てる

デザインシステム

MY Homeのデジタルデザインシステムは、再利用可能なコンポーネントとパターンを用いて大規模なデザイン管理を実現するための、完全な標準セットで構成されています。

アイコノグラフィ

MY Homeのアイコンは、わかりやすく、そして何よりも親しみやすいことを重視してデザインされています。各アイコンは、本質的な特徴を損なうことなく、美的なフォルムへと簡略化されています。

課題とテクノロジー

一般にUXとして知られるユーザーエクスペリエンスの段階では、UI要素に取り組む前にユーザージャーニーを確認するため、私たちのチームがクライアントにワイヤーフレームを提示しました。ワイヤーフレームは、ページの構造、レイアウト、情報、機能の設計図を提供します。プロダクトのコンセプトを伝えることが目的であるため、スタイリング、色、グラフィックは最小限に抑えられます。

開発面では、Flutterはクロスプラットフォームアプリの構築において非常に効果的なツールであることが証明されました。共通コンポーネントの開発を簡素化し、プラットフォーム固有の調整に必要な作業量を削減します。Flutterのウィジェットベースのシステムはデザインプロセスと非常に相性が良く、アプリ全体のデリバリーを加速させました。

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

新しいユーザー体験

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

新しいルック

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

オファー

オファーモジュールはユーザーのエンゲージメントを高めます。特別なイベントやキャンペーンの際に、このセクションでプロモーションを簡単に見つけられるからです。プロモーションは、キャンペーンの詳細を読むか、アプリ内で提供されるプロモーションコードをコピーして商品ショッピングページで適用することで利用できます。私たちは、ユーザーが安心して住まいをデザインし、整えられる体験を提供したいと考えました。

オンボーディング

新機能をローンチする際、ユーザーエンゲージメントを促す上で最も重要なのは、ユーザーフレンドリーな体験の実装です。シンプルでわかりやすいグラフィックとインタラクティブなアクションを組み合わせ、アプリの新機能をユーザーに伝える仕組みを考案しました。