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

お使いのWebflowテンプレートのスタイルでトップページのモックアップ

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

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

お使いのWebflowテンプレートのスタイルでトップページのモックアップ

成果物の例

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

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

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

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

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

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

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

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

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

このサービスについて

Webflowのテンプレートは、大胆な文字、たっぷりの余白、スクロールアニメーションを軸に作られていることが多く、完成したトップページを先に見られれば、自社に合わせるのがずっと簡単になります。Webflowのサイトやお好きなテンプレートのスクリーンショットをアップロードしていただければ、そのスタイルで新しいトップページを描きます。ナビゲーションバー、ヒーロー、機能のグリッド、投稿やプロジェクトのCMS風カード、行動を促す帯、フッターです。お届けするのは静止したPNG画像で、Webflowのプロジェクト、クローン可能なテンプレート、コンポーネント、書き出したコードではなく、アニメーションも表示されません。画像はそれぞれスクリーンショット1枚から約150万画素で、その形に合わせて作ります。パソコンの画面からは横長、スマートフォンや縦向きのタブレットの画面からは縦長になります。

含まれる内容

  • 納品内容お選びのブレイクポイントでWebflowのトップページの静止したPNGモックアップを1点、3点、または5点、スクリーンショットのスタイルで描き直してお届けします。余白、文字、色は引き継がれますが、小さなアイコンやロゴがわずかに変わることがあります。
  • ナビゲーションバーとヒーロー大きな見出し、短い1行、ボタン1〜2つ
  • 機能やサービスのグリッドアイコンと短い見出しをテンプレートのスタイルで
  • CMS風のカード投稿、プロジェクト、チームのカードを繰り返しのリストで
  • CTAの帯とフッター締めの行動の呼びかけとリンクの列
  • ブレイクポイントごとの表示パソコン、タブレット、スマートフォンを、そのサイズのスクリーンショットから

ご利用の流れ

  1. 1
    テンプレートWebflowのサイトやテンプレートをアップロードし、セクションを挙げていただきます
  2. 2
    トップページその文字、余白、色でトップページを描きます
  3. 3
    修正確認のうえ、プランの範囲内で修正をご依頼いただけます

ご用意いただくもの

PNG、JPEG、WebP形式のくっきりしたスクリーンショットを最大5枚(PDFは不可)、1枚に1画面:Webflowのサイトまたはお好きなテンプレートを、必要な画面サイズで。セクションを順番に挙げ、見出しとボタンを正確にお書きいただくか仮の文章をご指定いただき、公開サイトでアニメーションさせる要素があればお知らせください。プランの枚数より少ないスクリーンショットを送った場合、残りの画像は同じファイルからの別バリエーションになります。使用する権利をお持ちのファイルだけを送ってください。証明書や公的な書類を作り直すことはありません。

お伺いする内容:

  • スクリーンショットはご自身のWebflowサイトですか、お好きなテンプレートですか?
  • トップページに入れるセクションを順番に教えてください
  • 表示する見出しとボタンは?
  • 必要な画面サイズは?

プランを比較

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

安心決済

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

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

質問と回答

モックアップをWebflowに取り込めますか?

いいえ。PNG画像で、Webflowのプロジェクト、クローン可能なテンプレート、コンポーネント、HTMLやCSSの書き出しではなく、Webflowのアカウントにアクセスすることも一切ありません。お客様ご自身か開発担当者が、独自のクラスとCMSコレクションを使ってWebflowで作り直してください。

スクロールアニメーションも表示されますか?

モックアップは静止画なので、インタラクションやホバー効果は表示されません。動かしたい要素があれば依頼内容にお書きいただければ、そのためのスペースを確保します。アニメーション自体はWebflowで設定してください。

CMSのカードに自分の投稿を入れられますか?

カードには、プロジェクト名3つなど、いただいた短いタイトルを入れられます。残りは仮の行と仮の画像です。小さな文字は正確に仕上がらない場合があり、ラテン文字の言語が最もきれいに仕上がるので、各タイトルをご確認のうえ、必要に応じて修正をご依頼ください。

省くものはありますか?

テンプレートの見本のブランド、文章、画像は省き、他社のロゴを並べた「導入企業」の帯、偽のレビュー、評価も加えません。画像は描き直すため、ロゴや小さなアイコンがわずかに変わることがあります。

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

プラン