03 — 制作実績
制作 実績
医療 — Web運用 & UX改善
病院 Web サイト 運用・UX 改善
都内専門病院のWebサイト全体をPLとして担当。サーバ移管・情報アーキテクチャ改善・コンテンツ更新フロー整備・UX改善まで、2名体制で5年以上の長期安定運用を実現。
2020.03
— Present
取り組んだこと
クライアントと直接折衝し要件を整理。サーバ移管を段階的に実施。Adobe XD でリデザインプロトタイプを作成し、PC・SP両対応のレスポンシブ改修を推進。更新フロー整備で属人化リスクを解消した。
成果
5年以上にわたりサイトを安定稼働。情報設計改善でナビゲーション性が向上。丁寧な顧客コミュニケーションで長期的な信頼関係を構築した。
メディア / SaaS — 管理画面 UX 改善
動画プラットフォーム
管理画面 UX 改善
会員制動画配信プラットフォームの管理画面において、カスタマーサポート経由で蓄積したユーザー課題を分析・設計に反映。リスト→グリッドへのリデザインと Vue.js の Lazy Load を組み合わせ、操作性とパフォーマンスを同時に改善した。
2022.07
— Present
取り組んだこと
リスト→4カラムグリッドへリデザイン（Adobe XD でプロトタイプ作成・承認後に Vue.js で実装）。カテゴリ別検索フィルターを追加。Lazy Load を実装し、スクロールに応じて12件ずつ追加取得することでサーバー負荷を軽減。
成果
表示件数が3件→12件に向上し視認性が大幅改善。カテゴリ検索追加により目的コンテンツへのアクセス時間が短縮した。
追加施策 — Onboarding UX
初回ユーザー向け オンボーディング設計
課題
初回ログイン後に操作に迷子になるユーザーが多い
KPI
初回ユーザーが動画を登録→再生まで完了できること
Step 2 / 4 — 検索機能
Step 3 / 4 — ソート機能
Step 4 / 4 — セットアップ完了
課題の発見
CSへの「使い方がわからない」という問い合わせを分析し、初回ログイン後の離脱ポイントを特定。動画の登録〜公開フローが直感的でないことが判明。
設計方針
初回ユーザーが「動画を登録し、再生できる」状態を最短で達成できるよう、4ステップのガイドツアーを設計。各機能に吹き出し形式の説明を重ねて表示し、スキップも可能に。
Figma Make での実装
Figma Make を活用してインタラクティブなプロトタイプを作成。検索・ソート・動画登録の3機能を重点的にガイドし、ユーザーが迷わず操作を完了できる体験を設計した。
B2B SaaS — PWA 化
消防設備点検ソフト PWA 化
既存の消防設備点検業務ソフトウェアをPWAへ転換するプロジェクトに参画。オフライン対応・モバイルファースト設計・UI刷新を担当し、現場での使いやすさを大幅に向上させた。
SES
Project
タブレット・スマートフォンでの現場利用を想定したモバイルファースト設計を採用。Service Worker によるオフラインキャッシュ機能を実装し、電波の届かない点検現場でもシームレスに業務継続できる環境を実現。UI は Figma でプロトタイプを作成し、現場スタッフへのヒアリングを経てデザインを洗練させた。