SIRU+

Posデータから健康を支えるアプリ

概要

UIデザインのフルリニューアルにジョインし、社内のグラフィックデザイナーと連携しながら進めました。サービス内容や利用者ニーズをヒアリングし、競合調査・ペルソナ・ジャーニーマップをもとにレイアウトを再設計しました。特にターゲットユーザーにはご年配の方も多く、文字サイズやコントラスト、操作フローの簡略化に配慮しました。Figmaを用いてデザインファイルとプロトタイプを作成し、開発者向け仕様書やコンポーネント確認用の手順書も整備しました。

期間

12ヶ月(2023年〜2024年)

担当

UXリサーチ / UIデザイン / プロトタイプ / 一部フロント実装用情報の引き継ぎ

成果

ご年配ユーザーを含む幅広い層に配慮したUI改善により、アプリ全体の視認性・操作性を向上

Figma上で統一されたデザインファイルを構築

開発者向けデザイン仕様書・手順書を整備し、実装時の混乱を軽減

社内デザイナーとの連携によりブランドトーンを統一

対応範囲

UX

  1. 準備・要件整理
    • サービス内容とリニューアル要件のヒアリング
  2. 分析
    • 競合調査
    • ペルソナとジャーニーマップの確認
    • デザインイメージの選定
  3. 計画
    • ジャーニーマップに基づいた画面フローの再設計

UI

  1. レイアウト・ビジュアルデザイン
    • Figmaでレイアウトデザインを作成
    • ご年配ユーザーを考慮し、文字サイズ・コントラスト・操作動線を調整
    • ビジュアル統一を考慮したデザイナーへのディレクション
  2. プロトタイピング
    • Figmaでプロトタイプ作成
    • 関係者との画面遷移確認
  3. 実装支援
    • 開発者向けデザイン仕様書を作成
    • Figmaコンポーネント確認用手順書を整備
    • 実装画面レビュー

SIRU+

Posデータから健康を支えるアプリ

概要

UIデザインのフルリニューアルにジョインし、社内のグラフィックデザイナーと連携しながら進めました。サービス内容や利用者ニーズをヒアリングし、競合調査・ペルソナ・ジャーニーマップをもとにレイアウトを再設計しました。特にターゲットユーザーにはご年配の方も多く、文字サイズやコントラスト、操作フローの簡略化に配慮しました。Figmaを用いてデザインファイルとプロトタイプを作成し、開発者向け仕様書やコンポーネント確認用の手順書も整備しました。

期間

12ヶ月(2023年〜2024年)

担当

UXリサーチ / UIデザイン / プロトタイプ / 一部フロント実装用情報の引き継ぎ

成果

ご年配ユーザーを含む幅広い層に配慮したUI改善により、アプリ全体の視認性・操作性を向上

Figma上で統一されたデザインファイルを構築

開発者向けデザイン仕様書・手順書を整備し、実装時の混乱を軽減

社内デザイナーとの連携によりブランドトーンを統一

対応範囲

UX

  1. 準備・要件整理
    • サービス内容とリニューアル要件のヒアリング
  2. 分析
    • 競合調査
    • ペルソナとジャーニーマップの確認
    • デザインイメージの選定
  3. 計画
    • ジャーニーマップに基づいた画面フローの再設計

UI

  1. レイアウト・ビジュアルデザイン
    • Figmaでレイアウトデザインを作成
    • ご年配ユーザーを考慮し、文字サイズ・コントラスト・操作動線を調整
    • ビジュアル統一を考慮したデザイナーへのディレクション
  2. プロトタイピング
    • Figmaでプロトタイプ作成
    • 関係者との画面遷移確認
  3. 実装支援
    • 開発者向けデザイン仕様書を作成
    • Figmaコンポーネント確認用手順書を整備
    • 実装画面レビュー

SIRU+

Posデータから健康を支えるアプリ

概要

UIデザインのフルリニューアルにジョインし、社内のグラフィックデザイナーと連携しながら進めました。サービス内容や利用者ニーズをヒアリングし、競合調査・ペルソナ・ジャーニーマップをもとにレイアウトを再設計しました。特にターゲットユーザーにはご年配の方も多く、文字サイズやコントラスト、操作フローの簡略化に配慮しました。Figmaを用いてデザインファイルとプロトタイプを作成し、開発者向け仕様書やコンポーネント確認用の手順書も整備しました。

期間

12ヶ月(2023年〜2024年)

担当

UXリサーチ / UIデザイン / プロトタイプ / 一部フロント実装用情報の引き継ぎ

成果

ご年配ユーザーを含む幅広い層に配慮したUI改善により、アプリ全体の視認性・操作性を向上

Figma上で統一されたデザインファイルを構築

開発者向けデザイン仕様書・手順書を整備し、実装時の混乱を軽減

社内デザイナーとの連携によりブランドトーンを統一

対応範囲

UX

  1. 準備・要件整理
    • サービス内容とリニューアル要件のヒアリング
  2. 分析
    • 競合調査
    • ペルソナとジャーニーマップの確認
    • デザインイメージの選定
  3. 計画
    • ジャーニーマップに基づいた画面フローの再設計

UI

  1. レイアウト・ビジュアルデザイン
    • Figmaでレイアウトデザインを作成
    • ご年配ユーザーを考慮し、文字サイズ・コントラスト・操作動線を調整
    • ビジュアル統一を考慮したデザイナーへのディレクション
  2. プロトタイピング
    • Figmaでプロトタイプ作成
    • 関係者との画面遷移確認
  3. 実装支援
    • 開発者向けデザイン仕様書を作成
    • Figmaコンポーネント確認用手順書を整備
    • 実装画面レビュー