Home / 開発実績 / Webシステム開発 / BtoB卸売ECサイト構築|Laravel × Vueによるノベルティ商品販売システム開発

BtoB卸売ECサイト構築|Laravel × Vueによるノベルティ商品販売システム開発

BtoB卸売ECサイト構築|Laravel × Vueによるノベルティ商品販売システム開発
data
内容

■BtoB卸売ECサイト構築|Laravel × Vueによるノベルティ商品販売システム開発

企業向けノベルティ商品を販売するBtoB卸売ECサイトの開発を実施しました。
本プロジェクトでは、事業者がオンラインで商品検索・見積り作成・注文管理を行える卸売プラットフォームを構築するとともに、
ECサイトの運営を支える管理画面(管理システム)とレスポンシブ対応のフロントエンドを開発しました。

■ノベルティ商品販売システムの特長

本システムの特徴は、クライアント様が利用している物流管理システムとのAPI連携を実装した点です。
ECサイトから登録された見積り・注文データを物流システムへ自動連携することで、
在庫情報の同期、出荷管理、受発注管理を効率化しました。
従来はメールやExcelなどで行われていた業務をシステム化することで、人的ミスの削減と業務効率化を実現しています。

フロントエンドはVue3によるレスポンシブWebサイトとして開発し、PC・タブレット・スマートフォンから利用できる設計としました。
ユーザーは商品カテゴリから商品を検索し、商品詳細ページから数量を指定してカートへ追加し、注文登録を行うことができます。

会員専用のマイページでは、注文履歴・注文情報・配送先情報・見積り一覧の管理が可能であり、
見積り作成機能を利用することで企業間取引に必要な見積書を簡単に作成できます。

管理画面ではECサイトの基本的なECシステム機能を実装しました。
運営効率を高めるため、商品管理、会員管理、仕入先管理、在庫管理、送料設定、注文管理などの機能を開発
商品は仕入先と紐付けて管理でき、倉庫出荷や直送商品の設定にも対応しています。
営業担当者が顧客の代わりに注文を登録できる営業代行注文機能や、見積り内容を調整して注文へ変換する見積り管理機能を実装し、
営業業務とECサイトを連携した運用を可能にしました。

インフラ環境はAWSクラウドを採用しました。
Amazon Linux2 / Nginx / Laravel / Aurora MySQLを組み合わせた構成で構築
ALBとEC2 Auto Scalingによるスケーラブルな構成を採用し、アクセス増加にも対応可能な高可用性のECサイト基盤を実現

セキュリティ面では、VPCのPrivate Subnet内にメインサービスを配置し、Bastion Host経由のみ接続可能な構成
AWS WAFを導入し、OWASPルールによる攻撃対策を実施しています。
バックアップも設計を行い、障害時の迅速な復旧を可能にしました。
さらにCloudWatchとSNS通知による監視を導入し、安定したシステム運用を支える監視体制を構築しました。

■BtoB卸売ECサイトの主な機能

フロントエンド機能
・トップページ
・カテゴリ検索
・商品詳細
・カート機能
・注文登録
・会員登録 / 会員ログイン
・マイページ(注文履歴、配送先情報、見積り一覧)
・見積り作成機能

管理画面機能
・ダッシュボード
・会員管理
・商品カテゴリ管理
・商品管理(仕入先、倉庫出荷 / 直送設定)
・仕入先 / 商品メーカ管理
・送料管理(都道府県別送料設定)
・在庫管理
・注文管理(注文ステータス管理、CSV出力)
・見積り管理(値引き調整、代行注文)
・営業代行注文機能
・物流システムAPI連携

■サイト開発期間

開発期間
2024年6月 ~ 2025年5月
開発規模
12人月

■対応範囲

要件ヒアリング
BtoB卸売業務の業務フローを分析し、ECサイト化に向けた課題整理を実施しました。

要件定義
基本要件定義書を作成し、フロント機能・管理機能・API連携仕様を定義しました。

基本設計・詳細設計
要件定義をもとにサイト構造、管理画面、物流システムAPI連携の詳細設計を行いました。

コーディング
Vue3 / Laravel / PHPを用いてシステムを開発しました。

受入テスト
単体テスト・結合テストを実施し、物流システムとのAPI連携検証を行いました。

■対応技術

Frontend
Vue3
Backend
Laravel / PHP / PHP-FPM
Infrastructure
AWS(EC2 / ALB / RDS Aurora MySQL / S3 / CloudWatch / SNS / WAF)
Web Server
Nginx
Database
Aurora MySQL 8.0

■類似実績

B2B Eコマースサイト開発:印刷会社向け汎用的プラットフォームで注文から請求、消費者向け販売機能まで網羅

弊社は2015年より、80社以上のクライアントに対して300以上のアプリケーション、100以上のWebシステムの開発を手掛けてきました。

ECサイト開発、BtoBシステム構築、API連携システムなどのご相談がございましたら、お気軽にお問い合わせください。

実績一覧

音楽系アーティストの共同プロジェクトでのコーポレイトサイトを開発しました。 開発後のシステムの保守も担当しました。 性能要件をヒアリングして設計フェーズからお手伝いしました。 AWSとLaravel (PHP)でサイト構築

気象のビッグデータと連動してGoogle広告やFacebook広告を制御できる機能を追加開発しました。GoogleおよびFacebookの地域情報と広告キャンペーンと気象のビッグデータをあらかじめ設定しておき最適な広告を自動的に配信できる仕組みです。

クライアントは従来の紙の商品カタログ方式から一歩進んだ形のビジネス展開を可能にしました。展示会が開催され見積もりから注文までオンラインで完結します。このプラットフォームは、ビジネスのデジタル変革(DX)を推進し、新たな市場へのアクセスを可能にします。

コーポレートサイトをJavaScriptアニメーションとWordPress連携、JavaScriptの非同期処理、DOM操作(DOM ASYNC)を実装し、パフォーマンス面での最適化しました。3Dコンテンツを縮小してレンダリング負荷を軽減し、幅広い端末動作するように調整しました

オンライン授業が進む集団塾向けのeラーニングシステムの性能改善をしました。講師と生徒はタブレットで授業をします。最大40人が使うシステムです。画像データをbase64へエンコードすることでデータ量を改善して読み込みスピードを改善しました。