世路庵が実際に手がけた代表的な事例をご紹介します。それぞれのプロジェクトで直面した課題とその解決策、そして成果について詳しくお伝えします。
食品業界向けウェブアプリケーション
食品業界向けの専門データ活用を行うための業務用ウェブアプリケーションを開発しました。
課題
- UX視点での設計が不十分で、ユーザーの使い勝手が悪い
- 機能とともに画面数が増え、設計・管理が煩雑化
- 既存アプリ同士の整合性が取れておらず、UIや操作性に一貫性がない
解決策
1. オブジェクト指向UIを活用した設計
- 取り扱うオブジェクトと、それに対するアクションの整理
- 不必要に画面を増やさないための仕様設計
- 業務理解に基づいた自然な導線設計
2. プロトタイプ作成による価値検証
- Figmaを用いたプロトタイプ作成によりデザイン、開発前に価値を検証
- アプリ全体の見通しをよくすることで機能や画面のヌケ・モレを防止
- クライアントと画面の流れや使い勝手を確認
3. モダンなデザイン・実装
- コンポーネントベースのUI設計により、網羅的な考慮が可能に
- SSG（静的サイトジェネレーター）を活用した高速表示
制作体制
- コンサルタント：1名
- デザイナー：1名
- フロントエンドエンジニア：3名
- サーバーサイドエンジニア：2名
- 制作期間：6ヶ月
技術スタック
- Nuxt
- Express
- TypeScript
- Vertica
成果
- ユーザー満足度、ページパフォーマンスが大幅に増加
- メンテナンス性の向上により、機能追加や改修の工数が削減
医療・介護従事者向けウェブアプリケーション
医師、看護師、介護福祉士など、医療・介護事業者のための業務用ウェブアプリケーションのリニューアルを実施しました。
課題
- モバイル対応ができておらず、往診先など出先で利用できない
- アーキテクチャーが古くなり、ちょっとした改修に工数がかかる
- 調査により使いにくいと感じているユーザーが4割以上いる
- 場当たり的な改修の積み重ねでUIの一貫性がない
- 既存アプリのデザインが古く、競合他社と比較して見劣りする
解決策
1. ユーザー調査と専門家評価による現状把握
- 既存ユーザーへのインタビューを設計・実施して仮説抽出
- アンケートによる定量調査で客観的視点を明確化
- ヒューリスティック評価、競合分析で既存アプリの問題点と改善施策を分析
2. 戦略的なUX設計
- ムードボードを利用したゴールイメージの共有
- プロトタイプを活用した導線設計と検証
- 関連製品群を考慮したカラーパレット設計
3. モダンアーキテクチャーによる実装
- リアクティブシステム導入による工数の削減
- UIパーツのコンポーネント化
- レスポンシブウェブデザインの徹底
制作体制
- コンサルタント：1名
- デザイナー：1名
- フロントエンドエンジニア：5名
- サーバーサイドエンジニア：4名
- 制作期間：10ヶ月
技術スタック
成果
- 特に看護師、訪問看護師ユーザーの利用数が増加
- スマートフォン、タブレットなどあらゆるデバイスからの利用が可能に
印刷会社コーポレートサイトのリニューアル
印刷物にまつわる課題解決を支援する会社のコーポレートサイトのリニューアルを実施しました。
課題
- 既存顧客の満足度は高いものの、新規取引先の獲得が難しく、ウェブサイトからの問い合わせも少ない
- 情報量が少ないため、自社の強みやサービスを十分に伝えられていない
- デザインが古く、ユーザーに信頼感を与えられない
- お問い合わせフォームから大量のspam（迷惑メール）が送信され、業務に支障をきたしている
- 契約の都合上、ウェブサイトのホスティング先を変更できない
解決策
1. 徹底したヒアリング、調査・分析による現状把握と課題抽出
- 数時間のヒアリングや数十社以上の競合調査を通じ、自社の強みやサービスを明確化
- 既存顧客へのインタビューを設計・実施し、ユーザー行動プロセスを整理
- ペルソナ、カスタマージャーニーマップを利用した認知拡大のための導線設計
2. ターゲットに応じたコンテンツ設計
- SEOを意識したキーワード戦略の策定
- ターゲット層ごとに必要な情報を整理し、豊富なコンテンツを再構築
- 業務別の事例や、顧客が抱える課題などあらゆる視点からの情報を網羅
3. 既存体制を活かしたワークフロー改善の提案
- ヘッドレスCMSの導入により、コンテンツの管理・更新を容易に
- レンタルサーバーへの更新ファイルアップロードを自動化
- お問い合わせフォームのspam対策としてreCAPTCHAの導入
制作体制
- コンサルタント：1名
- デザイナー：1名
- フロントエンドエンジニア：1名
- 制作期間：6ヶ月
技術スタック
成果
- リニューアル前との比較でセッション数が約200%、新規問い合わせ数が約300%に増加
- 新規顧客の開拓だけでなく、既存顧客へのアピールも強化
- spamは実質ゼロに