Saudi Ceramics — 販売代理店ポータルとカタログ

ポータルは3つの原則に基づいて設計しました。決して嘘をつかない検索、決して丸め誤差を出さない見積もり、そして読み手に合わせて変わるコンテンツです。採用したのはLaravel + Livewire + PostgreSQL + Meilisearchです。Livewireを選んだのは、ポータルが本質的にフォーム中心であり、運営チームがJavaScriptに触れずに機能を拡張できるようにしたかったからです。Meilisearchを選んだのは、代理店向けの検索が中核となるユーザー体験だからです。誤字、翻字、製品コード、アラビア語のクエリのいずれでも、50ms未満で正しいSKUを返す必要がありました。

PIM（製品情報管理）はFilamentの中に構築しました。クライアントのチームは、ひとつの画面で仕様の編集、画像のアップロード、地域ごとの在庫状況の設定、コンテンツの翻訳ができるようになりました。すべての項目は3言語（英語、アラビア語、フランス語）に展開され、フォールバックのルールにより空のページが公開されることはありません。

初日からSAMLでAzure ADと連携しました。独自の認証もローカルに保存するパスワードもありません。代理店のノートパソコンはすでに利用者が誰かを把握しており、ポータルはMicrosoftに確認を求めて署名付きトークンを受け取るだけです。新しい国の代理店の受け入れは、3週間（書類手続きと現地のIT対応）から1日未満に短縮されました。

すべての価格は、リクエスト時に代理店のランク、地域、通貨に基づいてサーバー側で計算されます。キャッシュもクライアント側の計算もありません。これにより、スプレッドシート時代に頻発していた価格のずれに関する不具合を、種類ごと根絶しました。

デザインシステムには、後付けではなく初日から完全なRTL（右から左）対応を組み込みました。アラビア語は二の次ではなく、代理店の約半数にとっての第一言語です。すべてのコンポーネントをLTRとRTLの両方で設計し、言語的に適切な箇所では数字、アイコン、レイアウトを反転させました。

最初の90日間で18か国の代理店を受け入れました。代理店がPDFから書き写すのではなく、リアルタイムのカタログに対して直接SKUを入力するようになったため、注文の正確性は91%から99.4%に向上しました。見積もり依頼から注文確定までの平均時間は、4.7日から11時間に短縮されました。営業チームは、データ入力に費やしていた時間の30%を、本来の関係構築の業務に振り向けました。

現在、SAPの貨物モジュールと連携する出荷追跡のレイヤーを構築しています。代理店はコンテナの到着予定をリアルタイムで確認し、問題があれば運営チームに直接報告できるようになります。いまだにWhatsAppに残っている最後の業務プロセスを完結させるものです。