業務システム2026年

OEM取引先と連携する問い合わせ・案件管理

専門機器メーカー

専門機器メーカーが、Webからの問い合わせ受付から案件管理・見積・取引先への発注、OEM取引先からの発注受付までを一元管理するための業務システムのモックです。管理者用とOEM取引先用の画面を分け、やり取りの流れを画面で確認できるようにしています。

OEM取引先と連携する問い合わせ・案件管理

実績情報

OVERVIEW
クライアント
専門機器メーカー自社製品の製造・施工・販売を行い、OEM取引先を通じた販売も展開している製造業者。
業界
製造
対応時期
2026年
担当範囲
企画/提案/制作（モック）
対応環境
Web

課題・解決・効果

CASE STUDY

  1. 課題

    CHALLENGE
    • Webやメールの問い合わせが案件として整理されず、対応状況を追いにくかった
    • 仕入先への見積依頼・発注とOEM取引先からの発注がメールで個別に行われ、管理が煩雑だった
    • 問い合わせごとの見積計算や定型メールの作成に毎回手間がかかっていた

  2. 解決

    SOLUTION
    • 問い合わせフォームから案件を起票し、ステータスで管理する画面をNext.jsで構築
    • 仕入先ごとの見積・発注画面と、OEM取引先が発注・案件確認できる専用ポータルを用意
    • 見積計算画面とメールテンプレート管理を備え、送信履歴を確認できるようにした

  3. 効果

    RESULT
    • 問い合わせから納品までの流れを、顧客と画面上で具体的に確認できるようになった
    • 社内・仕入先・OEM取引先の役割分担と画面要件を早い段階で固められた
    • 操作マニュアルと見積書を合わせて提示でき、本開発の判断材料が揃った

主な機能

FEATURES
  • 問い合わせ種別・商品を選べる公開問い合わせフォーム
  • 案件一覧のステータス別表示と絞り込み
  • 案件詳細（進捗メモ・添付ファイル）の管理
  • 見積金額の計算画面
  • 仕入先への見積依頼・発注とメール送信
  • メールテンプレートと送信履歴の管理
  • OEM取引先向けの発注・案件確認ポータル

技術スタック

TECHNOLOGY
対応環境
  • Web
開発言語
  • TypeScript
  • JavaScript
フロントエンド
  • Next.js 16
  • React 19
  • Tailwind CSS 4
インフラ・実行環境
  • Cloudflare Workers (OpenNext)
主なライブラリ
  • ExcelJS
  • PptxGenJS
外部連携
  • メール送信（モック）

技術的なポイント

ENGINEERING

システム構成Next.js（App Router）のフロントエンドのみのモックをOpenNextでCloudflare Workersに配置。データはハードコードのモックで、認証・メール送信・ファイル保存は画面上で模擬している。

  1. 1管理者用とOEM取引先用でレイアウトとログイン画面を分け、App Routerのルート単位で権限ごとの画面群を構成。
  2. 2仕様書と追加変更指示書をリポジトリで管理し、モック方針（DB・認証・送信は模擬）を明文化して短期間で画面を作成。
  3. 3ExcelJSとPptxGenJSのスクリプトで、見積書（Excel）と操作マニュアル（PowerPoint）を自動生成している。

同様のシステム開発をご検討の方へ

要件が固まっていない段階でも構いません。課題やご予算に合わせて最適な進め方をご提案します。

お問い合わせ・ご相談

関連する実績

RELATED WORKS
暗室製品の案件〜出荷一元管理システム
業務システム2026年

暗室製品の案件〜出荷一元管理システム

大手化学メーカー

特注の暗室製品を扱う営業・製造担当者向けに、問い合わせから見積・受注・製作・出荷までを1件の案件として管理するWebシステム。案件ごとの仕様や見積の履歴、製作の進み具合をまとめて確認できるようにし、要件を画面で確かめられるモックとして構築しました。

  • TypeScript
  • Next.js
  • React
  • Cloudflare
詳しく見る
訪問看護の訪問計画・記録支援システム
業務システム2026年

訪問看護の訪問計画・記録支援システム

自社開発（デモ）

訪問看護ステーションの看護師・リハビリ職が使う、訪問予定の作成から訪問記録、計画書・報告書の作成までを一つの画面で支えるWebシステムのデモです。朝会での割り振り共有、訪問順とルートの自動作成、書類の複写・自動転記により、事務作業の負担軽減を目指しています。

  • TypeScript
  • Next.js
  • React
  • Cloudflare
  • Leaflet
詳しく見る
建設現場の工事案件・当日作業管理アプリ
業務システム2026年

建設現場の工事案件・当日作業管理アプリ

自社開発（デモ）

建設会社の現場監督や事務担当が、工事案件と作業を登録し、日ごとの作業予定と実績を記録するためのデモアプリです。前日・本日・翌日を切り替えながら各現場の予定・実績の登録状況を一覧でき、日報作成までを想定しています。

  • TypeScript
  • Next.js
  • React
  • Cloudflare
詳しく見る
開発実績の一覧へ戻る