商品ページのモックアップテンプレートから

サイトのスタイルで商品ページのモックアップ

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

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

サイトのスタイルで商品ページのモックアップ

成果物の例

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

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

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

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

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

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

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

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

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

このサービスについて

商品ページは、買い物客の疑問にひと目で答える必要があります。写真ギャラリー、商品名と価格、サイズや色などのオプション、大きなカートに入れるボタン、短いメリット、配送と返品の情報、その下の詳細です。ShopifyやWixのストアなど、オンラインショップのスクリーンショットをアップロードしていただければ、その色、フォント、ボタンで新しい商品ページを描き、依頼内容の商品名、価格、オプションと、ご説明をもとにした仮の商品画像を載せます。お届けするのは約150万画素のPNGモックアップで、それぞれスクリーンショット1枚からその形(パソコンなら横長、スマートフォンなら縦長)に合わせて作ります。HTMLやCSSのコード、Figma、Sketch、XDのファイル、インストールできるテーマではありません。

含まれる内容

  • 納品内容商品ページのPNGモックアップを1点、3点、または5点お届けします。例えばギャラリーと価格のある上部、その下の詳細、または複数の商品の同じページです。プランの枚数より少ないスクリーンショットを送った場合、残りの画像は同じファイルからの別バリエーションになります。
  • ギャラリーとメイン画像サムネイル付きのメイン画像の場所を、仮のもので描きます
  • 商品名、価格、オプション価格、サイズ、色を書かれたとおりに
  • カートに入れるショップのスタイルでわかりやすいボタンを、必要なら数量も
  • 配送と返品お客様の配送・返品条件を短い行で
  • 下に詳細説明、サイズ、お手入れのタブやブロック

ご利用の流れ

  1. 1
    ショップと商品ショップをアップロードし、商品とオプションをご説明いただきます
  2. 2
    商品ページショップのスタイルでギャラリー、価格、ボタンを描きます
  3. 3
    確認と修正価格とオプションを確認し、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

ショップのくっきりしたスクリーンショットをPNG、JPEG、WebP形式で最大5枚(PDFは不可)、1枚に1ページ。使用する権利をお持ちのファイルだけを送ってください。商品名、通貨付きの価格、オプション、短いメリット3つ、配送と返品の一文をお知らせいただき、商品の形、色、素材をご説明ください。ラテン文字の言語が最もきれいに仕上がり、小さな文字は正確に仕上がらない場合があります。すべての価格はお客様がご確認ください。

お伺いする内容:

  • ページに載せる商品は?
  • 価格とオプションは?
  • 載せるメリットと配送条件は?
  • メインのエリアの下に入れるブロックは?

プランを比較

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

安心決済

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

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

質問と回答

実際の商品写真はページに載りますか?

モックアップはそれぞれアップロードした画像1枚、通常はショップのスクリーンショットから作るため、商品自体はご説明をもとに描いた仮のものです。形、色、素材を詳しくご説明ください。実際の写真はページを作るときにギャラリーに入れます。

レビューや星の評価を加えられますか?

レビューのブロックは空のレイアウトか仮の行だけで描き、作ったレビュー、星の評価、販売数を入れることは一切ありません。ページを公開したら、ストアの実際のレビューで埋めてください。

Shopifyの商品テンプレートとして使えますか?

いいえ、PNG画像で、HTMLやCSSのコード、Figma、Sketch、XDのファイル、テーマのセクションではありません。Shopify、WordPress、Wixのストアに何かをインストールしたり変更したりはしません。商品ページのオプションはテーマによって違うので、レイアウトを作り直すときにお使いのテーマの現在の設定をご確認ください。

商品ページに載せられないものはありますか?

他のブランドのロゴ、決済のバッジ、認証マークはページに入れず、書類、証明書、公式のラベルを作り直すことも一切ありません。他店の商品ページはスタイルの参考にだけ使います。画像は描き直すため、小さな文字やロゴがわずかに変わることがあります。

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

プラン