WORK DETAIL

オールラバが手がけた制作実績の詳細をご紹介します。

PROFILE

制作実績

InvoiceMeのログイン画面
WORK
InvoiceMe
CATEGORY
デザイン/システム開発
STACK
Next.js 16 / Supabase / Stripe / Resend
SUMMARY
届いた請求書をまとめて管理し、振込ファイル作成まで進められる業務サービス

こういうサイトです

請求書の作成・送信と、取引先から受け取った請求書の確認・支払準備を一つにまとめた企業向けWebシステムです。取引先ごとの請求書送付リンクや、LINEから届いた画像・PDFの下書き取込にも対応しています。

主な機能

  • 送信・受領請求書の作成、確認、ステータス管理
  • 取引先専用の請求書送付リンクとLINE取込
  • 銀行・支店コードの補完と全銀フォーマット出力
  • 企業アカウント、料金プラン、管理者画面の運用

こだわった点

抽象的な効率化ではなく、「散らばった請求書が集まり、確認後に振込ファイルになる」状態変化を管理画面のUIで見せています。赤のアクセントは重要操作と成果に限定し、件数・金額・確認状態を一目で把握できる設計です。支払情報は便利さだけでなく、誤振込を起こしにくい入力と確認の流れを優先しています。

実装・運用の構成

Next.js 16とSupabaseを基盤に、企業単位のデータ境界をRLSで管理。LINEから届いた画像・PDFは重複処理を防いで下書き化し、確認後に受信請求書へ確定します。複数請求書は銀行取込用の全銀フォーマットへ変換し、Stripeのプラン管理とResendの通知まで一連の業務として接続しています。

相談してみる

プロダクト開発、Web制作、マーケティングのご相談やお見積もりなど、お気軽に。

CONTACT

ここが地の果てです。引き返すか、相談してみてください。

相談する