ブログ記事のモックアップテンプレートから

サイトのスタイルでブログ記事ページのモックアップ

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

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

サイトのスタイルでブログ記事ページのモックアップ

成果物の例

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

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

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

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

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

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

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

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

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

このサービスについて

記事ページは何分もかけて読まれるので、落ち着いた幅の狭い本文の列、著者・日付・読了時間付きのわかりやすいタイトル、カバー画像、本文を区切る小見出し、途中の引用や画像、最後に関連記事やニュースレター登録が必要です。サイトや今のブログのスクリーンショットをアップロードしていただければ、同じ色、フォント、余白で新しい記事ページを描き、タイトルと小見出しを書き入れ、本文は仮の行で示します。お届けするのは約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ページ。使用する権利をお持ちのファイルだけを送ってください。記事のタイトル、著者、日付、小見出し2〜3つ、短い引用をお知らせいただき、カバーの内容を数語でご説明ください。ラテン文字の言語が最もきれいに仕上がり、小さな文字は正確に仕上がらない場合があります。つづりはお客様がご確認ください。

お伺いする内容:

  • 記事のタイトルと著者は?
  • 載せる小見出しと引用は?
  • カバー画像の内容は?
  • 記事の最後に入れるものは?

プランを比較

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

安心決済

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

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

質問と回答

記事全体が画像に入りますか?

いいえ、モックアップは記事の見た目を示すもので、全文ではありません。タイトル、小見出し、短い引用は依頼内容から入れ、段落は仮の行です。実際の記事は、WordPress、Webflow、ご自身のブログでページを作るときに貼り付けます。

カバー画像はどうなりますか?

ノートパソコンのある机やパスタのお皿など、数語のご説明をもとにサイトの雰囲気で描いた仮の場面です。後でご自身の写真に差し替えてください。お名前を挙げた実在の人物、他のブランドのロゴ、書類は描きません。

ブログのテーマになりますか?

いいえ、お届けするのはPNG画像で、HTMLやCSSのコード、Figma、Sketch、XDのファイル、WordPressのテーマではありません。レイアウトはお客様ご自身か開発担当者がプラットフォームの設定で合わせるので、フォントや列の幅について、お使いのテーマで現在できることをご確認ください。

ほかのサイトの気に入った記事ページを送れますか?

はい、ただしスタイル(レイアウト、雰囲気、色)の参考としてだけです。そのロゴ、ブランド、文章、画像は一切使わず、作ったコメント、レビュー、評価も加えません。画像は描き直すため、フォント、小さなアイコン、ロゴがわずかに変わることがあります。

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

プラン