適材ナビ

倉庫で働く短期スタッフの募集/管理サービス

UX Design

UI Design

Web APP

hero image

概要

倉庫従事者管理の難しさや複雑さを、いかに手軽に行えるかに焦点をあててご提案しました。

発注側・受注側の双方が「一目で状況把握できる」ことを目指し、メールやカレンダーなど馴染みのあるUIを採用、認知負荷を抑えたレイアウト設計と業界用語の適切な使用に配慮し、発注側フォームはテンプレート化し、スクロール不要で全体を見渡せる画面設計にしました。

期間

6ヶ月(2020年〜2021年)

担当

UX設計 / UIデザイン / 一部フロント実装用情報の引き継ぎ

成果

画面の再定義、アプリのビジュアル刷新...等

対応範囲

UX

  1. 要件整理と設計指針策定
    • 「認知負荷の軽減」と「一目で状況把握できる」ことを目指したレイアウト設計
    • 業界用語への適合や操作フローの簡略化
  2. 情報設計
    • 発注フォーム項目のテンプレート化
    • スクロールせずに全項目を確認できる画面構成
  3. ブランド統一
    • 配色・タイポグラフィを既存サービス(トラック簿)と統一し、同一ブランドであることを認知できるよう配慮

UI

  1. ビジュアルデザイン
    • 実装を想定したコンポーネント化UIをFigmaで作成
  2. 画面遷移設計
    • プロトタイピング機能を使わず、レイアウト画面内に矢印で遷移図を作成
    • 関係者との読み合わせを実施
  3. 実装サポート
    • Figmaのコード確認方法を共有
    • 実装時のデザイン意図共有

適材ナビ

倉庫で働く短期スタッフの募集/管理サービス

UX Design

UI Design

Web APP

hero image

概要

倉庫従事者の募集/管理サービスのUX設計の見直しからUIデザインを担当させていただきました。

倉庫従事者管理の難しさや複雑さを、いかに手軽に行えるかに焦点をあててご提案しました。

発注側・受注側の双方が「一目で状況把握できる」ことを目指し、メールやカレンダーなど馴染みのあるUIを採用、認知負荷を抑えたレイアウト設計と業界用語の適切な使用に配慮し、発注側フォームはテンプレート化し、スクロール不要で全体を見渡せる画面設計にしました。

期間

6ヶ月(2020年〜2021年)

担当

UX設計 / UIデザイン / 一部フロント実装用情報の引き継ぎ

成果

画面の再定義、アプリのビジュアル刷新...等

対応範囲

UX

  1. 要件整理と設計指針策定
    • 「認知負荷の軽減」と「一目で状況把握できる」ことを目指したレイアウト設計
    • 業界用語への適合や操作フローの簡略化
  2. 情報設計
    • 発注フォーム項目のテンプレート化
    • スクロールせずに全項目を確認できる画面構成
  3. ブランド統一
    • 配色・タイポグラフィを既存サービス(トラック簿)と統一し、同一ブランドであることを認知できるよう配慮

UI

  1. ビジュアルデザイン
    • 実装を想定したコンポーネント化UIをFigmaで作成
  2. 画面遷移設計
    • プロトタイピング機能を使わず、レイアウト画面内に矢印で遷移図を作成
    • 関係者との読み合わせを実施
  3. 実装サポート
    • Figmaのコード確認方法を共有
    • 実装時のデザイン意図共有