サイトのスタイルでモバイル版カタログページ

成果物の例

このサービスについて

スマートフォンの商品カタログは、ふつう1行に2商品を並べ、上部に並べ替えボタンと絞り込みパネルを置くので、買い物客はスクロールし続けなくてもサイズや価格帯で探せます。どのカードにも、はっきりした写真、商品名、価格が必要です。ショップのスクリーンショットのスタイルで、カテゴリー名、並べ替えと絞り込み、「新着」や「セール」などお客様のラベル付きの商品グリッド、ページ番号や「もっと見る」ボタンを備えたモバイル版のカタログやカテゴリーページを描きます。各画像はスクリーンショット1枚から、アップロードした画像の形にかかわらず縦長の2:3、約150万画素のPNGモックアップとして作ります。お届けするのは制作のもとにする画像で、ストアのテーマ、コード、Figmaのファイルではありません。

含まれる内容

• 納品内容ショップのスタイルでスマートフォンに表示したカタログページを、縦長のPNGモックアップで1点、3点、または5点、それぞれ約150万画素でお届けします。プランの枚数より少ないスクリーンショットを送った場合、残りは絞り込みパネルを開いた状態や別のカテゴリーなど、別のバリエーションになります。
• 2カラムのグリッドスマートフォンの画面に合う大きさの商品カード
• 並べ替えと絞り込みサイズ、色、価格のボタンと開いたパネル
• わかりやすい商品カード写真、商品名、価格、お客様ご自身のラベル
• カテゴリーのヘッダータイトル、パンくずリスト、サブカテゴリーのチップ
• さらに商品を表示下部に「もっと見る」ボタンやページ番号

ご利用の流れ

1. 1
   ショップのスクリーンショットショップをアップロードし、カテゴリーと商品を送っていただきます
2. 2
   カタログのレイアウトお客様のスタイルでカテゴリーページをスマートフォン向けに描きます
3. 3
   修正商品名と価格を確認し、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

ショップ、またはスタイルの参考にするだけの気に入ったショップの、くっきりしたスクリーンショットをPNG、JPEG、WebP形式で最大5枚（PDFは不可）。使用する権利をお持ちのファイルだけを送ってください。カテゴリー名、並べ替えと絞り込みの項目、いくつかの商品名と価格を正確にお知らせください。スクリーンショットに写っている商品は描き直せますが、それ以外は仮の写真で表示します。

お伺いする内容：

• ページにはどのカテゴリーを表示しますか？
• どんな並べ替えと絞り込みの項目を使いますか？
• カードにはどの商品と価格を載せますか？

プランを比較

質問と回答

答えが見つかりませんか？ 質問する