スパイスファクトリー株式会社

東京都町田市では、2021年から「町田市デジタル化総合戦略」を策定し、DX（デジタルトランスフォーメーション）を推進しています。同市では他の自治体に先駆けた取り組みとして、オンライン行政手続きをはじめとしたデジタルサービスのポータルサイト「まちドア」を開設し、市民の方々が手軽で便利に利用できる「バーチャル市役所」の実現を目指しています。当社では、この「まちドア」の構築を支援しました。 ーーー ＜まちドアで変わる市民向けデジタルサービスのデザインとは＞ 自治体のサービスは、あらゆる市民の方が利用するため、誰にとっても使いやすいものである必要があります。「まちドア」は行政手続きをはじめとするデジタルサービスの窓口として、ユーザーが求めるサービスへと繋げる重要な役割を担っています。 本プロジェクトは、「誰にとっても」「使いやすい」サービスを構築することを重視しました。当社UXデザイナーが主導するユーザーテストでは、20代～50代までの幅広い層を対象に、開発したプロトタイプを実際に利用してもらうことでユーザー心理やサービスの課題を解析しました。そのテスト結果から導き出した解決策を再度デザインに反映することで、あらゆる世代のユーザー体験の向上に寄与することを目指しました。 ーーー ＜よりよい検索体験の実現に向けたユーザー視点の開発プロセス＞ ポータルサイトにおける優れた検索機能は、非常に重要な要素です。本サービスでは、ユーザーが求める情報に迅速にアクセスできるように、フリーワード検索に加えてタグ検索を実装しました。 タグ検索では、「手続き方法」「対象者」「目的」の3軸で絞り込みを行えるように設計しました。 例えば、「手続き方法：オンラインまたは郵送」「対象者：乳幼児」「目的：子育て関連」といったタグで絞り込むことで、該当する手続きが表示される仕組みです。このように、ユーザーが迷うことなくスムーズに検索できる機能を提供しています。 また、実装に際しては当社のUIデザイナー、エンジニアが密に連携し、実現イメージのすり合わせから開発手法の選定まで迅速に進行しました。探しやすさを重視するためにプラグインによる技術的制約を無くし、検索機能はフルスクラッチによる個別開発を実施しています。 ーーー ＜市民の手間を削減する行政手続き全面オンライン化にむけた機能設計＞ 行政手続きのオンライン化の取り組みは今後さらに加速することが想定されており、同市では法的制約がなく、申請件数の多い行政手続について、原則オンライン化する事を目指しています。本サービスの設計においては、ユーザー視点はもちろん、将来的な拡張性や運用コストの軽減も考慮しています。 サイト内の情報階層構造では、今後手続き情報が追加された際に複雑化しないように、あえて詳細なカテゴリ分けをしていません。これにより、将来的に手続きを追加する際もメニュー構造などの修正が不要となり、素早く・負荷をかけずに実施ができます。また、ユーザーテストから得た検索利便性の観点も反映しています。 このようにして、将来的な拡張性に耐えうる設計を踏まえたUX視点での情報階層構造を実現しています。 サーバ環境はAmazon Web Service (AWS)を採用。公共サービスとして必須の可用性、拡張性、セキュリティを担保して利用者に安心安全にいつでもご利用いただけるサービスを可能にしています。

AIを活用したDtoD（医師同士）のコミュニケーション・プラットフォームを運営する株式会社エクスメディオ様では「ヒポクラ × マイナビ 血液内科 Pro」として血液内科領域の医師専用の会員制コミュニティサービスを提供されています。この度当社では、同サービスのアクティブユーザーや質問・回答の増加を目標としたデザインリニューアルを担当しました。 【徹底的なユーザーニーズ/サービス価値の 分析と機能への落とし込み】 プロジェクト立ち上げ時のサービスは、主に「会員医師が相談したいとき」という限定的な場面での利用に留まり、アクティブユーザーの増加が課題でした。そのためにどのように改善すべきか、プロジェクトは粗い仮説の状態でスタートしました。 優れたデザインを実現するためには「なぜそのようにすべきか」という観点で徹底的な検討が必要です。 当社では、ユーザーインタビューを実施して、血液内科医の人物像や特徴を洗い出し、彼らが価値を感じることを分析し、ユーザーニーズとサービスが提供すべき価値について検討しました。これらの徹底的な分析を踏まえてコンテンツ拡充や機能導入を実施しました。 これにより利用シーンが増え、結果としてアクティブユーザーの増加につながりました。 【エモーショナルデザインによって 「質問しやすい」雰囲気を醸成】 本リニューアルにおいては、アクティブユーザーを増やすべく、医師が気軽に質問・回答でき、かつそれを習慣化してもらうことを重視しました。そこで当社では、エモーショナルデザインによるユーザーの感情に寄り添った情緒的なデザインを実施しました。 医療の質問においては「いいね」ボタンを押しづらいケースも多いことを踏まえ、「気になる」ボタンや「ありがとう」ボタンを設置したほか、柔和な雰囲気を出すためにイラストをふんだんに利用しました。 文章表現も品格を損なわない範囲で、できるだけ砕けたものとしました。 結果として、リニューアル前よりも気軽な内容の投稿が増え、質問の回答も増加しました。 これは、エモーショナルデザインによって、ユーザーである医師の心理的安全性が高まったために実現できたものです。 【エンジニアのマネジメントも含めて プロジェクトを推進】 本プロジェクトでは、当社デザイナーが提案した新デザイン・機能を、株式会社エクスメディオ様側のエンジニアが実装する体制で進めました。このような体制下ではコミュニケーション齟齬の発生が懸念されますが、当社ではエンジニアのディレクションも含めて支援することでスムーズに開発を進めることができました。 エンジニア向けの仕様書作成、スケジュール管理など、デザインリニューアルにおけるプロジェクトマネジメントも含めて対応しております。仕様書作成においては、エンジニアの意見も踏まえて当社デザイナーが仕様を整理しました。 これにより、デザイン性と開発実現性の両立を図りました。

一般社団法人CiP協議会様は、2015年4月に設立された「コンテンツ×テクノロジー」産業の拠点を形成する活動母体です。ポップ＆テックの集積特区を形成し、研究開発、人材育成、起業支援を推進しており、日本各地の拠点形成や、海外との連携・ハブ形成にも注力されています。同会のこれまでの多くの取り組みやプロジェクトを、Web上でターゲットに適切に伝えていくべく、この度のサイトリニューアルを進行しました。 ▶他にはない、同会の特徴と魅力が一貫して伝わるデザインを制作 まず初めに当社のブランディングディレクターとUXデザイナーが中心となり、同会のコンセプトを策定しました。次に、メインコンセプトを示すKV（キーヴィジュアル）を作成しております。 コンセプトやKVを基に制作を進めていく事で、ページ内の細かなオブジェクトやメンバー写真まで全て一貫性を持たせることに成功しております。 ▶深く、分かりやすく、伝える。導線設計の際は、回遊性を意識。 各プロジェクトページには、該当カテゴリのみのお知らせ・イベント情報のリンクを表示しております。またお知らせやコンテンツ、イベント等の各詳細記事でも同様に関連プロジェクトを表示する仕様となっております。 ユーザーが、それぞれ求める情報を迷う事なく深掘れるよう、導線を設計しております。

税理士法人山田＆パートナーズ様は、企業や個人に対して税務コンサルティング、会計サポート、財務戦略の策定など幅広いサービスを提供する日本トップクラスの総合型税理士法人です。 同社ではコーポレートリブランディングに伴い、Webサイトのリニューアルが必要とされていました。この度当社では、同社が導入を決定した CRM・CMSツールの HubSpot を活用したコーポレートサイトリニューアルの実施と一部開発による HubSpot 利活用支援をいたしました。 【企業リブランディングの方針を、目に見えるWebデザインにアウトプット】 今回、リブランディングは他社が担当しました。当社では完成したロゴなどの情報をもとに Webデザインにブランディングを反映する部分でバリューを発揮しています。 難易度が高い「ブランドコンセプトのUIデザイン化」ですが、ターゲット顧客のペルソナやニーズ、その人たちにどんな企業として認識されたいかを深堀りしつつ、多数のパターンでムードボードを作成しました。クライアントの頭の中にあるイメージとデザインアウトプットの違いをセッションの中で明確にして修正。これを繰り返すことで、段階的にデザインを作り上げていきました。 【HubSpot への CMS 移行、品質は保ち管理負担がかからないサイトを構築】 旧サイトは WordPress で構築されており、リニューアルにあたっては HubSpotCMS への移管対応をいたしました。 既存コンテンツの移管はもちろん、新規コンテンツの追加や管理がしやすくなる構築を意識しました。 HubDB と CMS API を活用することで、コンポーネント化したコンテンツを組み合わせて簡単にページを作成できるようにしています。クライアントは HubDB にテキストを入力し、管理画面でセクションを選択するだけでページの作成が可能です。自動でデザインルールに沿った形で反映されるため、CSS や HTML での UI 調整も不要に。運用の効率化とともに、表示崩れやルールを逸脱したデザインのページができてしまうことを防ぐことにも繋がっています。 【エンジニアのアサインでCRM としての HubSpot 活用も支援】 HubSpot の活用において同社が検討したのが、既に利用していた名刺管理ツール「Sansan」との顧客データの連携です。 HubSpot には Sansan との連携を簡単に行うことのできるアプリがあり、当初はそのアプリでの連携を検討していました。しかし、アプリの仕様上希望するデータを完全に取得することができないことが判明。そこで当社のエンジニアが HubSpot のワークフローのカスタムコード機能を活用することで、アプリでは取れないデータを追加で取得できるように開発いたしました。 サイト制作にとどまらず、HubSpot 全体の利活用にも貢献することができました。