スクリーンショットのスタイルで新しいサイト・アプリ・メールの画面：ページ、LP、モバイル、ダークモード

成果物の例

このサービスについて

開発担当者が作る前に、新しいページの見た目を確認できます。ご自身のWebサイト、アプリ、メール、テンプレート（Shopify、WordPress、Wix、Squarespace、Webflowのテーマなど）のスクリーンショット、またはお好きなデザインのサンプルをアップロードしていただければ、そのスタイルで新しい画面のモックアップを作ります。ほかのページ、ランディングページ、アプリの画面、モバイル版、ダークモード、メールなどです。色、レイアウト、余白、雰囲気はスクリーンショットに合わせるので、新しい画面も同じ製品の一部に見えます。お届けするのは画面のPNGモックアップ画像で、HTMLやCSSのコード、Figma、Sketch、XDのファイル、インストールできるテーマやテンプレートではありません。ページは開発担当者かお客様ご自身が画像をもとに作ります。モックアップの文字は短く、仮の行か依頼内容にある見出しだけで、小さな文字は正確に仕上がらない場合があります。他社のサイトをそのまま複製することはしません。他者のサンプルはスタイル（レイアウト、雰囲気、色）の参考にだけ使い、そのロゴ、ブランド、文章は一切使いません。スクリーンショット内のご自身のコンテンツについて、権利をお持ちである必要があります。画像は最大5枚（PNG、JPEG、WebP。PDFは不可）までアップロードでき、仕上がりの画像はそれぞれそのうち1枚から作ります。お届けするのは約150万画素のPNG画像で、スクリーンショットの形（デスクトップなら横長、スマートフォンなら縦長）に合わせます。画面、プレゼンテーション、開発担当者への依頼資料に適していますが、大判プリントには向きません。画像は描き直されるため、スタイルの色、雰囲気、レイアウトは引き継がれますが、細部が異なる場合があります。小さな文字、フォント、アイコン、ロゴがわずかに変わることがあるので、仕上がりを確認し、修正をご依頼ください。

含まれる内容

• 納品内容新しい画面をPNGのモックアップ画像で、プランのモックアップの数だけお届けします。どれもお客様のスクリーンショットのうち1枚から作ります。プランの枚数より少ないファイルを送った場合、残りの画像は同じファイルからの別バリエーション（同じスタイルのほかのページなど）になります。約150万画素のPNGファイルを注文ページに表示し、そのままダウンロードできます。
• 新しいページ会社概要、料金、お問い合わせ、商品、ブログなど
• ランディングページキャンペーン、リリース、ウェビナー、セール向けに
• アプリの画面オンボーディング、設定、プロフィール、購入手続き、空の状態
• モバイルとダークモードお客様の画面をスマートフォン用や暗い配色で
• メールニュースレターのスタイルで新しいメールを
• コードではなくモックアップ開発担当者が作るときのもとになる画像

ご利用の流れ

1. 1
   アップロードスクリーンショットをアップロードし、必要な画面をお知らせいただきます
2. 2
   モックアップスクリーンショットのスタイルで新しい画面を描きます
3. 3
   納品仕上がったPNG画像を注文ページでお受け取りいただけます
4. 4
   修正確認のうえ、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

PNG、JPEG、WebP形式のスクリーンショットを最大5枚（PDFは不可）、くっきりしていて1枚に1画面のもの：ご自身のWebサイト、アプリ、メール、テーマ、またはお好きなサンプル。モックアップごとに、必要な画面（料金ページ、モバイルの購入手続き、ダークモードの設定画面など）、セクションの順番、見出しとボタンの文言を表示するとおりにお知らせいただくか、仮の文章をご指定ください。とても長いページは、必要な部分だけを送るか、複数のモックアップに分けてください。

お伺いする内容：

• 必要な画面は？
• 各画面に入れる内容は？
• 表示する見出しとボタンは？
• スクリーンショットはご自身のものですか、それともお好きなサンプルですか？

プランを比較

質問と回答

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