モバイル版トップページテンプレートから

サイトのスタイルでモバイル版トップページ

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

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

サイトのスタイルでモバイル版トップページ

成果物の例

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

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

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

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

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

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

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

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

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

このサービスについて

スマートフォンでは、訪問者は狭い窓からトップページを見ます。最初の画面には明確な見出し1つ、メインのボタン1つ、すぐ開けるメニューが必要で、残りはスクロールして見る短いブロックとして下に続きます。スクリーンショットのスタイルで新しいモバイル版トップページを描き、メインビジュアル、主なカテゴリーやサービス、実際のレビューなどの信頼の裏付け、連絡先を載せたフッターを、すべてお客様の色とフォントで仕上げます。各画像はスクリーンショット1枚から、ファイルの形にかかわらず縦長の2:3、約150万画素のPNGモックアップとして作るので、パソコン版のトップページのスクリーンショットでも大丈夫です。制作のもとにする画像で、コード、テーマ、Figmaのファイルではありません。

含まれる内容

  • 納品内容お客様のスタイルのモバイル版トップページを縦長のPNGモックアップで1点、3点、または5点、それぞれ約150万画素でお届けします。プランの枚数より少ないスクリーンショットの場合、残りの画像は最初の画面の別案やページの下のほうなど、別のバリエーションになります。
  • 要点をおさえた最初の画面スクロールする前に見出し1つ、ボタン1つ、ロゴ
  • スクロール順のブロックサービス、カテゴリー、おすすめを、スクロールしやすく縦に
  • 実際の信頼の裏付けお客様のレビュー、取引先名、数字を載せるスペース
  • 下部に連絡先電話番号、住所、リンクをプレーンテキストで載せたフッター
  • お客様の色とフォントスクリーンショットの雰囲気をスマートフォンにも

ご利用の流れ

  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倍を超える時間がかかった場合は、注文チャットでご連絡ください。作業をやり直すか、代金を全額返金いたします。
詳しい仕組み →

質問と回答

トップページのパソコン版のスクリーンショットを使えますか?

はい。ここでは、ファイルの形にかかわらず、どの画像も約1024 x 1536ピクセルの縦長の2:3のスマートフォン画面になるので、横長のパソコン版トップページは縦長のモバイル版として描き直します。トップページ全体が1画面に細かく収まることはまれなので、大きめのプランでは上部、中央、下部を別々のモックアップでお見せできます。

星の評価や受賞バッジを入れられますか?

依頼内容に書いていただいた実際のものだけです。レビュー、評価、受賞歴を作ることはなく、決済サービスやSNSのアイコンなど他社ブランドのロゴも描きません。SNSのリンクはプレーンテキストか中立的なアイコンで表示します。書類、証明書、公的な書式を改変したり再現したりすることはありません。

インストールできるテーマはもらえますか?

いいえ。お届けするのはPNG画像で、HTMLやCSSのコード、FigmaやSketchのファイル、Shopify、WordPress、Wix、Squarespace、Webflowのテーマではありません。画像をもとに開発担当者またはお客様がトップページを作ってください。モバイルで表示できる内容は、テーマの現在のセクション設定でご確認ください。

文章はどのくらい正確になりますか?

見出しとボタンは画像に描き入れるので、短めにし、すべての言葉をご確認ください。本文は仮の行で表示します。画像は描き直すため、小さな文字、アイコン、ロゴがわずかに変わったり正確に仕上がらなかったりする場合があり、ラテン文字の文章が最もきれいに仕上がります。気になる点は修正で直します。

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

プラン