モバイル版チェックアウトテンプレートから

サイトのスタイルでモバイル版チェックアウト

通常15 分で完成修正対応込み品質チェック
プラン
安心決済詳しく
  • プランの範囲内の修正は無料です。
  • 納品から3日以内にご対応がない場合、自動的に承認されます。

代金はお支払い時にお預かりし、納品を承認した時点ではじめて支払われます。

サイトのスタイルでモバイル版チェックアウト

成果物の例

スタンダードパッケージの例

PC版のスクリーンショットから作るベーカリーサイトのスマホ版

ビフォー:PC版のトップページ

PC版のスクリーンショット

アフター:スマートフォンの画面

スマホ版トップページのモックアップ

ファイル: PNGのモックアップ、約1.5メガピクセル。クライアントの開発担当者に渡すデザインの画像で、HTMLコードやFigmaファイルではありません。

クライアント: 地元のベーカリー、Crumb & Kettle。 ご依頼: PC版サイトのフォント、色、ボタン、写真をそのまま生かし、トップページがスマートフォンでどう見えるべきかを示す。

お客様とすべての情報は架空のものです。

このサービスについて

チェックアウトはスマートフォンの買い物客が最も離脱しやすい場面なので、各ステップで求める入力は少なくするべきです。連絡先、配送、支払い、最終確認を、大きな入力欄、常に見える合計金額、先へ進むわかりやすいボタン1つで構成します。ショップのスクリーンショットのスタイルで、進捗バー、配送方法の選択、仮のカード入力欄を置いた支払いステップ、注文内容のまとめを備えたモバイル版チェックアウト画面を、お客様の色と言葉で描きます。各画像はスクリーンショット1枚から、アップロードした画像の形にかかわらず縦長の2:3、約150万画素のPNGモックアップとして作ります。チェックアウトの見た目を示すもので、動くコード、決済の設定、Figmaのファイルではありません。

含まれる内容

  • 納品内容ショップのスタイルのモバイル版チェックアウトのステップを縦長のPNGモックアップで1点、3点、または5点、それぞれ約150万画素でお届けします。プランの枚数より少ないスクリーンショットを送った場合、残りは配送、支払い、確認など、同じファイルから作る次のステップになります。
  • わかりやすいステップ進捗バー付きで連絡先、配送、支払い、確認
  • 大きな入力欄スマートフォンで入力しやすい大きさの入力欄とラベル
  • 合計金額を常に表示すぐ見つかる注文内容のまとめと合計金額
  • 配送方法の選択お客様の配送や店舗受け取りの選択肢と料金
  • 仮の支払い欄中立的なカード入力欄と支払いボタン、実際のデータはなし

ご利用の流れ

  1. 1
    ショップのスクリーンショットショップをアップロードし、チェックアウトのステップを挙げていただきます
  2. 2
    チェックアウト画面お客様のスタイルで各ステップをスマートフォン向けに描きます
  3. 3
    確認と修正ラベルと合計金額を確認し、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

くっきりしたスクリーンショットをPNG、JPEG、WebP形式で最大5枚(PDFは不可)。カートやチェックアウト、ショップの任意のページ、またはスタイルの参考にするだけの見本で、いずれも使用する権利をお持ちのファイルに限ります。必要なステップ、配送方法と料金、ボタンのラベルを表示どおりにお知らせください。カード番号や住所は仮のものを表示するので、実際のお客様のデータは決して送らないでください。

お伺いする内容:

  • 必要な購入手続きのステップは?
  • どの配送方法と料金を表示しますか?
  • ゲスト購入はできますか?
  • どんなボタンのラベルを使いますか?

プランを比較

プランベーシックモバイル画面1点¥1,550スタンダードモバイル画面3点¥3,400プレミアムモバイル画面5点¥6,030
納期1日1日2日
修正回数123
モックアップ数135
形式PNGPNGPNG
画面ご希望に合わせてご希望に合わせてご希望に合わせて
注文する ベーシック注文する スタンダード注文する プレミアム

安心決済

お支払いは注文時ですが、代金が支払われるのは承認された納品に対してのみです。

  • 固定料金お支払い後にプランの料金が変わることはありません。
  • 代金はお預かりお支払い時、代金はお預かりするだけです。納品を承認した時点でサービス側に支払われます。
  • 納品前にチェックすべての成果物はお手元に届く前に品質チェックを受けます。承認前に注文ページで内容を確認できます。
  • 無料の修正依頼内容の範囲内で、プランで定められた回数まで修正を依頼できます。
  • 3日後に自動承認納品から3日以内に承認も修正依頼もない場合、自動的に承認されます。納品後に注文チャットでメッセージを送った場合、注文は保留されます。こちらから回答した後、3日間のカウントを再開することがあり、その際はチャットでお知らせします。
  • やり直しまたは全額返金結果が依頼内容と合わず修正でも解決しなかった場合、または作業に納期の2倍を超える時間がかかった場合は、注文チャットでご連絡ください。作業をやり直すか、代金を全額返金いたします。
詳しい仕組み →

質問と回答

Apple PayやPayPalのボタンを表示できますか?

他社ブランドのロゴは描かないため、エクスプレス決済のボタンは中立的な仮のボタンで表示し、後で開発担当者が決済サービスの実際のボタンに置き換えます。カード入力欄には仮の例を表示し、実際のカード情報は使いません。領収書、書類、公的な書式を再現することはなく、偽のレビューや信頼バッジも加えません。

自分のプラットフォームのチェックアウトをこのように変えられますか?

プラットフォームとプランによります。Shopifyなど一部では、チェックアウトのデザインを決められた範囲でしか変えられないため、現在できることをご確認ください。お届けするのはPNG画像で、コード、Figmaのファイル、チェックアウト用アプリではありません。ショップに何かをインストールしたり変更したりすることはありません。

ショップのスクリーンショットがパソコン版です。大丈夫ですか?

はい。ここでは、アップロードした画像の形にかかわらず、どの画像も約1024 x 1536ピクセルの縦長の2:3のスマートフォン画面になるので、パソコン版のショップをその色のままモバイル版チェックアウトのステップとして描き直します。長いステップは簡略化して表示します。

合計金額やラベルは正しく表示されますか?

短いラベルといただいた数字は画像に描き入れますが、小さな文字は正確に仕上がらない場合があり、ラテン文字の文章が最もきれいに仕上がるので、すべての価格と言葉はお客様ご自身でご確認ください。画像は描き直すため、アイコンやロゴがわずかに変わることがあります。必要に応じて修正をご依頼ください。

答えが見つかりませんか?

プラン