Shopifyが推進するShopアプリの概要

Shopify
Shopify

Shopアプリとは

Shopアプリは、オンラインショッピングをより便利で統合的な体験にする買い物アプリです。Shopifyのプラットフォーム上で展開されている多様な店舗の商品を、まるでショッピングモールのように一つのアプリで探して購入することができます。

アプリの特徴的な機能として、注文した商品の配送状況をリアルタイムで確認できる追跡機能や、Shop Payを使用した安全で迅速な決済システムが挙げられます。これにより、商品の検索から購入、配送までの全てのプロセスがスムーズに完結します。

利用者の利便性を考慮して、iOSアプリ、Androidアプリ、そしてウェブブラウザ版が用意されており、どのデバイスからでもアクセスが可能です。

Apple App Store

‎Shop: All your favorite brands
‎Elevate every shopping moment - Shop, track, and explore the latest trends in an all-in-one shopping app - Never miss a sale, restock, or order update with pu...

Google Play

Shop - Google Play のアプリ
新しいブランドを発見し、タップするだけでチェックアウトし、リアルタイムの注文追跡を取得します。

アプリを操作している動画キャプチャ

百聞は一見に然ず。こちらが Shopアプリです。

Shopifyが推進するShopアプリ#Shorts

ざっとアプリのUIを見てみる

まずアプリのトップページで、

僕が注文したアイテムの配送状況が確認できます。

注文すると海外でオンデマンドプリントされ日本に発送されるアイテムなので、 “In transit”と書いています。

配送状況

配送状況のカードをタップすると、以下のページが表示されます。

配送状況が更新されたときにアプリ通知をしてほしい場合、「Turn on notiofications」を押す形です。

アイテムが届くと、以下の表示に変化する

Review your order

”Review”で評価をつけることができたり、

Receipt

“Order receipt”でレシートを確認できる。

右上の共有ボタンを押すと、端末のストレージに画像として保存したりできる。

スマホがWifiなどでプリンターに接続されていれば、プリントしたりもできるだろう。

(表示されているメニュー項目は個人のアプリインストール状況などによって変わると思われます)

Search

アイテム検索のページ

ここで検索にかかるのは全Shopifyストアのようで、

僕がフォローしていないストアも検索でバチバチヒットした。

これは、つまりShopの中で目当てのストアを見つける機会ができることにもなる。

Orders

注文内容の詳細を確認できる

右上の自分のアイコンをクリック

ここでさらにSettingとProfileのページに入ることができる。

画面下には、Shopアカウントに紐づけるクレカを登録できる。

すでにShopifyでShopアカウントでクレカ支払いをしたことがあれば、

ここにすでにすのクレカが表示されている。

Shop経由で支払いをする場合、登録の電話番号にワンタイムコードが送られ、これにより2段階認証ができる。

余談だが、Shopアプリで決済をする理由として、Shopify的には昨今のクレカ不正利用の対策もあると推測している。

チェックアウトページでクレカ番号入力では、ストアに紐づいている決済代行会社やクレカによっては、

「3Dセキュア(2.0)」と呼ばれる同様の仕組みがあるが、

Shopify Paymentではこの対策が今までできなかった。

そのため、高額商品を扱うストアでは、「3Dセキュア(2.0)」を導入するために、Shopify Paymentを無効にして

SB Paymentなどの決済代行会社のクレカ決済を紐づけたりしていた。

「Shopifyでの決済=Shopアカウントで」という流れにまとまっていけば、Shopify Paymentの弱いところもカバーできる。

ほかの決済代行会社を使わなくてよくなる。

Settings

Settingsにはたくさんの項目があった。

Addreess

配送先住所、請求先住所の変更。

配送先住所は複数登録しておける。

Notiofications

通知を設定できる。

PassKey

指紋認証や顔認証の登録ができる

以下の3つは、使用方法がわからなかったので AIのコメントを記載します。

Data & Privacy

Sync shopping activity(買い物アクティビティの同期)
オンラインストアでの購入履歴などをShopアカウントと連携し、ストアをまたいで体験をパーソナライズできます。

Opt out of data sharing(データ共有のオプトアウト)
個人情報を広告目的で使われたくない場合、ここから共有を無効にできます。

  • Privacy policy: プライバシーポリシーの確認画面へ遷移します。

Delete account: Shopアカウントの削除手続きができる画面に移動します。

Appearance

Confetti の表示設定をオン・オフできます。

配達が完了したときなどに、アニメーションとして紙吹雪(コンフェッティ)を表示する演出機能です。

エンタメ性やポジティブなUXを向上させる要素として利用されます。

Development mode

Shop Minis の開発を有効/無効にできます。

「Build your own Shop Mini.」とあるように、Shop Mini(Shopifyが提供するミニアプリ)の開発機能を有効にすると、独自のミニアプリを構築・テストできます。

とのこと。

まとめ

Shopアプリの主な特徴をまとめると:

  • 配送状況のリアルタイム追跡と通知機能により、注文から到着までシームレスに管理できる
  • Shop Pay による2段階認証付きの安全な決済システムを提供し、クレカの不正利用対策を強化
  • 全Shopifyストアの商品を一つのプラットフォームで検索・購入できる利便性の高いショッピング体験を実現

  • シンプルなのに必要な機能が全部入ってる: 余計な機能を詰め込みすぎず、本当に必要な機能だけを洗練された形で提供しているのがよいと思います。
  • UIが直感的: アプリを開いてすぐに、使い方がほぼ理解できました
  • セキュリティ面も考慮: 2段階認証、生体認証

個人的には、このアプリがeコマースの未来を示しているような気がします。

従来のECサイトやアプリって、どうしても個別のお店ごとにバラバラな体験になってましたからね。

ただ、Shop Minisについては正直まだよく分かってません(笑)

これからの展開が楽しみですね!

吉川直人
著者名:
ECサイト制作に強いフロントエンドエンジニア。Web関連のお役立ち技術情報を発信しています。

2025年の最新のAI生成コーディングのコースをUdemyに公開いたしました。爆速でコードを書きたい方は必見です!!

さらに、今年(2025年)からVoicyのパーソナリティに挑戦し始めました!ラジオでWebエンジニアの生の声をお届けしています。
X Udemy Voicy

Webサイト制作を依頼したい方へ

PRYTHM WORKS(プリズムワークス)は、東京都墨田区、東京スカイツリーのふもとにあるWebコンテンツ制作事務所です。

華々しいおしゃれなECサイトをはじめ、アンダーグラウンドな案件まで幅広くご依頼をいただき、どんな案件でも真心・丁寧・楽しくを理念に掲げて制作しております!

作りたいサービスはあるけど、まずは費用感が知りたい!という方も、まずはお問い合わせください!

mail@prytymworks.tokyo

PRYTHM WORKSが手掛ける仕事の一部をご紹介します。

制作のご依頼者様用 費用かんたんお見積もりフォーム

おそらく本記事を読まれるのは、制作の現場の、法人またはフリーの、プロデューサーの方、ディレクターの方、エンジニアの方がほとんどかと存じます。
いつもおつかれさまです!そして本記事をお読みいただきありがとうございます。
紹介した記事の内容について、またはその他制作のご依頼について、以下のフォームより簡易お見積もりができます!
試算だけならフォーム送信しなくてもできますので、ぜひ試しにいかがでしょう?

お仕事をご希望の制作者様用 お問合せフォーム

また、まずはライトなご相談から…ということであれば、こちらのコンタクトフォームからお気軽にどうぞ!ご縁を大切にしてご返信いたします!

    ShopifyでのECサイト制作を行うならPRYTHMWORKS(プリズムワークス)へ

    ShopifyでのECサイト制作を外注しようとお考えの方は、PRYTHMWORKS(プリズムワークス)にご依頼ください。高品質なWebサイト制作で、お客様のビジネス成長を支援する会社です。Shopifyを使ったECサイト制作に力を入れており、売上向上に貢献するECサイト構築を代行いたします。豊富な経験と実績にもとづき、お客様のニーズに最適なECサイトを構築しますので、費用相場や制作事例など、気になることがございましたらお気軽にお問い合わせください。移行のご相談も承っております。

    社名合同会社PRYTHMWORKS
    事業内容EC/Webサイトの構築、管理保守
    CEO吉川直人
    法人事務所所在地〒150-0001
    東京都渋谷区神宮前六丁目23番4号桑野ビル2階
    設立日2023年(令和5年)7月3日
    沿革2020年(令和2年)10月
    PRYTHMWORKS事業開始
    2023年(令和5年)7月
    合同会社PRYTHMWORKS設立

    お問い合わせ用LINEはこちらからどうぞ!

    お問い合わせ用LINEはこちらからどうぞ!

    LINE
    タイトルとURLをコピーしました