跳到主要內容

電商網站

eSIM 226 電商

面向旅客的 eSIM 電商:八種語系、多幣別顯示、綠界/藍新金流,訂單付款後自動向上游供應商配發 eSIM 並寄出安裝信。

這個系統做到什麼

  • 八語系、多幣別,日本客人看到日圓
  • 付款完成自動向兩家上游供應商配發、失敗自動切換
  • 後台管方案、售價、訂單、退款與 GA4 即時流量
  • LINE 客服機器人可直接查方案與訂單

內頁截圖

實際線上畫面,含客戶資料的欄位已遮蔽。 點圖可看原尺寸。

  • 首頁:熱門目的地、方案比價與加購入口。
    首頁:熱門目的地、方案比價與加購入口。
  • 日本目的地頁:38 檔方案並排比價,可依天數與流量篩選。
    日本目的地頁:38 檔方案並排比價,可依天數與流量篩選。
  • 常見問題:安裝、相容機型與退款規則都寫在站上。
    常見問題:安裝、相容機型與退款規則都寫在站上。
  • 全部目的地:190 多個國家與地區的入口頁。
    全部目的地:190 多個國家與地區的入口頁。

其他作品

同一類服務的案例排在前面。

  • eSIM 電商後台

    後台系統

    eSIM 電商後台

    同一套電商的營運後台:商品、售價、訂單、退款、供應商與金流一站管理,還會主動把「收了錢卻沒出貨」這種事挑出來給人看。

    • 今日訂單、營收、待付款、待出貨一眼看完
    • AI 售價建議與批次上下架

    Next.js · PostgreSQL · Keycloak · GA4 Data API

    看內頁電商網站
  • v-terminal 開發平台

    Harness/內部工具

    v-terminal 開發平台

    我們自己的網頁版開發與維運平台:終端機、Kubernetes、Helm GitOps 部署、CI、Registry 與 AI 開發代理全部在一個畫面裡。這個官網就是用它從零上線的。

    • Git push → 自架 Runner 建置 → Harbor → Helm 同步,一條龍
    • AI 開發台:用手機下指令,代理讀 Spec、改程式、跑測試

    Next.js · Node.js · SQLite · @kubernetes/client-node · Claude Agent SDK

    看內頁Harness
  • AgentHub 客服與 CRM

    LINE BOT 客服

    AgentHub 客服與 CRM

    多通路 AI 客服:LINE、網站小工具、Email 進同一個收件匣,機器人先答,答不了交給人。流程用拖拉的畫,知識庫從網站與文件自動建。

    • LINE、網頁 widget、Email 收進同一條對話
    • 拖拉式流程編輯器,改流程不用改程式

    Next.js · LINE Messaging API · PostgreSQL · Claude/Gemini

    看內頁LINE BOT 客服