← Projects

業務管理

社内申請・承認ワークフローシステム

経費・稟議・購買・契約などの申請を電子化し、承認経路と滞留状況を見える化するワークフローシステム。

ReactTypeScriptワークフローUI
社内申請・承認ワークフローシステムの実画面

WHAT / WHY

何を作ったか

紙とメールで回っていた社内申請を電子化し、申請種別ごとのフォーム・承認経路・差し戻し理由・決裁履歴を一元管理するワークフローシステムのUI設計・実装事例です。承認経路はステッパーで現在位置を可視化し、長期滞留している申請を件数カードで検知します。

解決する課題

申請書の書式がばらばらで、いま誰の承認で止まっているのか、差し戻しの理由は何かが追えない。

どのように動くか

  1. 01申請フォームを選んで起票する
  2. 02設定された承認経路に沿って承認が進む
  3. 03差し戻しは理由付きで申請者へ戻る
  4. 04決裁履歴と滞留状況を管理者が確認する

CAPABILITIES

主な機能

  • 申請フォーム管理(経費・稟議・購買・契約・出張)
  • 承認経路設定
  • 承認・差し戻し・却下
  • 滞留検知
  • 決裁履歴
  • 添付資料管理
  • 帳票出力

TARGET USERS

想定利用者・活用シーン

申請承認を電子化したい業務を自動化したい管理画面を作りたい

IMPLEMENTATION

実装・検証状態

UI設計・開発事例(自社開発)

自社で設計・実装した業務システムUIの事例です。画面内の企業名・人名・数値はすべてデザイン検証用のサンプルデータであり、実在の企業・顧客・実運用データではありません。実顧客への導入事例を示すものではありません。

PROJECT EVIDENCE

実装・検証の証拠

UI設計・開発事例確認日 2026-07-31

画面構成・UIデザインの設計・実装事例です。表示している画面はデザイン検証用であり、バックエンド実装・実運用データは含まれません。

実装済み

本日の申請・承認待ち・差し戻し・長期滞留のKPIカード申請一覧(承認状況・現在の承認者・ステータス)申請詳細+承認経路ステッパー承認・差し戻し・却下の操作導線よく使う申請フォームのショートカット

検証済み

この項目について、公開できる自動検証の記録はまだありません。

現在の制限

  • UI設計・画面実装の事例(バックエンド実装・外部データ連携・実運用は含まれない)
  • 画面内の企業名・人名・数値はデザイン検証用のサンプルデータ

BUILD THE NEXT ONE

このようなシステムを、貴社の業務に合わせて。