モバイルメニューテンプレートから

サイトのスタイルでモバイルメニュー

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

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

サイトのスタイルでモバイルメニュー

成果物の例

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

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

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

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

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

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

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

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

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

このサービスについて

モバイルメニューは迷ったときに開く画面なので、主なセクションがひと目でわかり、長いカテゴリーの一覧はタップで開くグループにまとめ、検索、アカウント、カートにすぐ届く必要があります。スクリーンショットのスタイルで、サイトのメニューをスマートフォン向けに描きます。メニューアイコンのある閉じたヘッダー、開いたドロワーや全画面メニュー、下の階層のカテゴリーを、お客様のセクション名で仕上げます。どの画像もスクリーンショット1枚から、アップロードした画像の形にかかわらず縦長の2:3、約150万画素のPNGモックアップとして作るので、横に広いナビゲーションバーのあるパソコン版のスクリーンショットでも大丈夫です。お届けするのは画像で、メニューのコードやFigmaのファイルではありません。

含まれる内容

  • 納品内容モバイルメニューの縦長のPNGモックアップを1点、3点、または5点、それぞれ約150万画素でお届けします。例えば閉じたヘッダー、開いたメニュー、下の階層のカテゴリーです。プランの枚数より少ないスクリーンショットの場合、残りの画像は同じファイルから作る別の状態になります。
  • 閉じた状態と開いた状態メニューアイコン付きのヘッダーと、ページの上に開いたメニュー
  • 下の階層のカテゴリー長い一覧を、タップで開くグループにまとめて
  • 検索とアカウント検索欄、アカウント、カートを親指が届く位置に
  • メニュー内の連絡先メニューの下部に電話番号、言語、営業時間
  • お客様のスタイルスクリーンショットの雰囲気に合わせた色、文字、アイコン

ご利用の流れ

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

質問と回答

メニュー項目はいくつ入りますか?

スマートフォンのメニューは、最上位の項目が5〜7個ほどだと最も見やすくなります。それより長い一覧はグループにまとめるか、2階層目に移します。カテゴリーが数十ある場合は、大きめのプランで最上位の階層と開いたグループ2つを別々の縦長2:3のモックアップでお見せできます。

メニューはサイトで動きますか?

お届けするのはメニューのPNG画像で、HTML、CSS、JavaScript、Figmaのファイル、WordPress、Shopify、Wix、Squarespace、Webflowのメニュー設定ではありません。開発担当者またはお客様が作ってください。レイアウトを選ぶ前に、テーマの現在のモバイルメニュー設定でできることをご確認ください。

メニューがドイツ語です。言葉は正しく表示されますか?

短いメニューのラベルは画像に描き入れます。ドイツ語やスペイン語などのラテン文字の言語が最もきれいに仕上がりますが、小さな文字は正確に仕上がらない場合があるので、すべての項目をご確認ください。画像は描き直すため、アイコンやロゴがわずかに変わることがあります。気になる点は修正で直します。

他社サイトのメニューを見本にできますか?

はい、レイアウト、雰囲気、色といったスタイルの参考としてだけです。そのロゴ、ブランド、文章は使わず、SNSのアイコンなど他社ブランドのロゴも描きません。偽のレビューや評価は加えず、書類や公的な書式を改変することもありません。入れるのはお客様のセクション名とロゴで、送っていただくファイルは使用する権利をお持ちのものに限ります。

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

プラン