PROJECT THEME

B2B向けにECサイトを社内の既存在庫管理システムと連動を実現し、日々、在庫の確認に追われていた業務の効率化を実現したいとの思いから始まった本プロジェクト。リニューアル開発に伴いUI(ユーザーインターフェース)を合わせて実施しました。

ECサイト スクラッチ 在庫システム連動


Webシステム開発 開発言語:Go フレームワーク:Veu.js

クライアントの課題・ご要望

お客様の課題・要望:ECサイトから注文が来てから、在庫管理システムの在庫を確認し、注文頂いたお客様に返信していた。ECサイトの商品ページに在庫数を自動的表示から注文までを自動化したい。

APPSWINGBY

課題解決のご提案:現在稼働している在庫管理システムの在庫確認手段・ファイルフォーマット等をヒアリングさせて頂き、新しく開発するECサイトとの連携を設計します。

お客様

現在のECサイトの画面デザインが古く使いにくいので、UIインターフェースの全面リニュアルをしたい。

APPSWINGBY

課題解決のご提案:現在ご利用しているECサイトを拝見させて頂き、シンプルで操作性の優れたモダンデザインを2・3ご提案致します。

お客様

お客様の課題・要望:新しく開発するECシステムは、クラウド環境へ構築してほしい。

APPSWINGBY

課題解決のご提案:AWSやGCPなどいくつかあるクラウドサービスから同アーキテクチャでコストを比較し、最もコストメリットの高いクラウドサービスを提案致します。

今回、ご依頼頂いた「在庫管理システムと連動したECサイトをスクラッチ開発」プロジェクトでは、既存の在庫管理システムとの連動、UIの向上が大きな課題となっていました。

開発までのアプローチと工程

既存の在庫管理システムの調査からスタート
ECサイトの商品ページに表示される商品在庫数を在庫管理システムと連動する為、在庫データの取得方法、更新頻度、ファイルフォーマットなどをヒアリングからスタートしました。
UIデザインのコンセプトはシンプル
UIデザインのコンセプトはシンプル。商品ページにおける商品説明が理解しやすいように商品ページの細かな構成に
商品の検索結果をより見やすく
お客様から共有頂いたソースコードから開発環境を構築し、システム仕様を確認しながらテスト仕様書の作成、テストの実施を平行で行い、これまで確認されていなかった不具合を改修することで、Webシステムの品質向上を実現しました。

実現した機能と成果

スクラッチ開発

企業間取引の独自決済、帳票出力、データのアウトプット等の機能を実現する為、スクラッチで独自ECサイトを開発しました。

システム間連携

既に稼働している商品管理(在庫管理)システムとのデータ連携を実施し、ECサイト商品ページでの在庫表示、在庫注文を実現しました。

シンプルなUI/UX

ECサイトを利用するターゲット(層)を想定し、シンプルなUIを基本とし、操作性の分かりやすさを追求しました。