← Works
OCRmailのコンセプトイメージ
Case Study 02

OCRmail

手書きエラーをゼロにした現場スキャンWeb

サーバー費 ¥0
ビルドツール依存 0
オフライン対応 PWA

Before 課題

  • 担当工場で製品管理タグの発行が手書き、またはタブレットへの手入力で行われていた
  • ヒューマンエラーが多発し、工数が無駄に増加
  • 修正・再発行の手戻りが常態化

Action アクション

  • スマホのブラウザでバーコードを連続スキャン → メール送信するPWAを開発
  • サーバー不要」「完全無料」「現場仕様」をコンセプトに設計
  • Web Audio APIによるスキャン成功音、大きなボタン、ハイコントラスト配色で現場UXを徹底

After 成果

  • 手書きエラーの撲滅
  • サーバー費 0円(GitHub Pages + PWA)
  • ビルド不要の超軽量構成で即デプロイ
  • ホーム画面追加でネイティブアプリ同等の操作感を実現

使用技術

HTML5 + Vanilla JS html5-qrcode PWA (Service Worker) Web Audio API