コーヒー専門店向け 在庫管理・発注業務アプリ

担当範囲
現場の課題抽出・要件定義 / バックエンド開発(GAS) / フロントエンド実装(HTML・CSS・JS) / UI・UXデザイン / 汎用化・デモ版カスタマイズ
使用ツール
Google Apps Script (GAS) / HTML / CSS / JavaScript / Googleスプレッドシート / 画像生成AI
制作期間
実務版の開発 約2週間 + デモ版(コーヒー店向け)への改修 約2日
Keywords
, , , , , ,

【実務ベース】現場の課題から生まれたカフェ向け在庫・発注管理アプリ

概要と開発の背景

本システムは、私が実際に勤務していた紅茶専門店において、
「紙ベースの煩雑な在庫管理・発注業務」を効率化するために独自開発した業務アプリをベースにしています。
実務で大きな業務削減効果を生んだそのシステムを、ポートフォリオのデモ用として「架空のコーヒー専門店」向けにUI/UXおよびデータベース設計をフルカスタマイズ(横展開)しました。

現場のスタッフがスマホから直感的に操作できる使いやすさと、導入ハードルの低いGoogleスプレッドシート(GAS)をデータベースとするコストパフォーマンスの高さが特徴です。
ブランドの世界観に合わせ、濃いブラウンとゴールドを基調とした高級感のあるUIデザインへの再設計もすべて一貫して行っています。

実際の現場で抱えていた課題

  • 【ヒューマンエラー】紙やExcelの目視確認による在庫数のズレと発注漏れ
  • 【業務の属人化】原料の「加工(焙煎やドリップバッグ化)」に伴う在庫の増減計算が複雑で、特定スタッフしか把握できない
  • 【事務コスト】取引先ごとの指定フォーマット(発注書・加工依頼書)を手作業で作成する多大な手間

解決アプローチと実装機能

  • 自動在庫連動ロジック
    加工依頼を入力するだけで、「原料(豆)」を自動で減らし、「店舗在庫(商品)」の入荷予定を自動追加する仕組みを構築
  • PDF帳票のワンクリック生成
    アプリ画面からの入力内容を元に、取引先用の発注書・加工依頼書PDFを瞬時に自動生成し、手作業をゼロに
  • スマホ最適化と画像UI
    ITツールに不慣れなスタッフでも迷わず使えるよう、直感的な画像付きカードUIやリアルタイム検索を実装
  • 他業種への汎用性(横展開)
    マスターデータ(スプレッドシート)を書き換えるだけで、紅茶店からコーヒー店、その他の小売・製造業にも適用できる柔軟なシステム設計

※パスワード:「1234」

BACK TO LIST