プレビュー内で移動した画面も、このタブの「戻る」履歴に残ります。じっくり見て回るなら、新しいウィンドウで開いてください。
ひと目でわかる概要
CocodeがFlutter・CoUI・Serverpodで作った、小さなオンラインショップ向けアプリのサンプルです。お客様アプリでは、特集・カテゴリー・検索で商品を探し、オプションを選んでカートに入れ、注文・お支払いまで試せます。管理コンソールでは、新しい注文を確認し、発送準備に回して送り状番号を入力し、発送処理します。Cocodeは、このようなショップアプリと管理画面を企画から開発・リリース・保守まで、外注として請け負います。
- 種類
- 小さなオンラインショップのためのショッピング・注文管理アプリ
- 構成
- お客様アプリ · 管理コンソール · Widgetbook · ゴールデンギャラリー · プロジェクト文書
- 技術
- Flutter · CoUI · Serverpod · Widgetbook
- 体験方法
- 登録不要・ブラウザ上のサンプルデータで動作
- 開発元
- Cocode Inc.
主な機能
6つの機能
- 商品を探すホームの特集と新着アイテムから始めて、カテゴリー・並び替え・検索で8点の商品を探せます。
- 商品詳細サイズとカラーを選び、「詳細情報」「配送・交換」タブを見てから、カートに入れるかそのまま購入します。
- カート数量を変えたり選んだ商品を削除したりすると、商品金額・割引・送料が計算し直されます。50,000ウォン以上で送料無料です。
- 注文・お支払い配送のご要望とお支払い方法を選んで支払うと、注文番号入りの完了画面が出ます。購入した商品はカートから外れます。
- 管理ダッシュボード新しい注文・発送準備・今日の収入・在庫わずかのカードと、新しい注文の一覧、今日の人気商品をひと目で確認し、新しい注文をその場で発送準備に回せます。
- 注文処理・発送注文一覧をステータスで絞り込み、注文を開いて発送準備に回し、配送業者と送り状番号を入力して発送処理します。
体験用アカウント
アプリもコンソールも、最初の画面の「デモアカウントを選択」でアカウントを選ぶと、パスワードなしで入れます。
- お客様商品閲覧・検索・商品詳細・カート・注文・お支払い
- 管理者ダッシュボード・注文一覧・注文詳細・発送準備・送り状入力
見て回れる画面
ブラウザですぐに開ける5か所 — すべて新しいウィンドウで開きます。
技術スタック
デモ環境について
- 架空のオンラインショップを題材にした体験デモです。実際の決済・配送・SMS送信は行いません。
- サーバーなしで、このブラウザ内のサンプルデータで動き、ページを再読み込みすると最初の状態に戻ります。実際の個人情報は入力しないでください。
- 言語を切り替えても同じ画面にとどまり、商品・名前・住所などのサンプルデータも選んだ言語に変わります。
- お客様アプリの注文履歴・マイページ・商品の口コミと、コンソールの商品・お客様・収入・設定の画面はまだ準備中です。
よくある質問
ショッピングアプリと注文管理画面をまとめて外注できますか？
はい。このデモのように、お客様が使うアプリと運営チームが使う管理コンソールを1つのチームでまとめて作ります。相談のあと1週間でお客様向けと管理用の画面一覧を整理して見積もりと契約に進み、商品登録・注文確認・会員管理など運営チームが自分で行う作業は、管理画面から操作できるように作ります。
費用はどのように決まりますか？
作る範囲によって変わります。まず範囲を一緒に整理してからお見積もりをお出しします。費用が決まる基準と契約形態は進め方と費用ページでご確認いただけます。
期間はどのくらいかかりますか？
作る範囲によって異なります。お考えのサービスを教えていただければ、期間から一緒に検討します。進行中は、毎週動く中間バージョンをリンクとテストアプリでご確認いただけます。
著作権と所有権は誰にありますか？
検収完了および代金の完済をもって、著作財産権のすべてが貴社に帰属します — 二次的著作物の作成権を含み、当社は成果物について著作者人格権を行使しません。契約書に明記します。
CoUIのように複数のプロジェクトで共通して使う部品は譲渡の対象外となる代わりに、ソースコードの複製と、期間・数量・地域の制限のない使用・改変の権利をあわせてお渡しします。貴社固有の業務ロジック・データ構造・ブランド要素は、すべて貴社に帰属します。
決済や配送の連携はどうなりますか？
このデモの決済と配送は模擬的に動作するもので、実際の決済やSMS送信は行いません。実際のショップでは、決済代行会社や配送業者など外部サービスとの連携範囲を相談で決めます。外部サービスとの連携は、見積もりに影響する項目です。
このようなシステムが必要ですか
3行だけ書いて送っていただくのでも大丈夫です。範囲の整理はそこから始めます。