design-rough

たい焼き屋さんのLP(デザインラフ)
基本情報
  • 制作時間:2日間
  • 使用ツール:Illustrator / Photoshop
  • PC版
  • ワイヤーフレーム / デザインラフ

コンセプト

『キッチンカーで移動販売を行う、たい焼き屋さん』のLPを作成しました。『キッチンカーで様々な街を泳ぐように巡る』というコンセプトを、波型のデザインで表現しました。赤色(#D55A3A)はキッチンカーの色で、コーポレートカラーでもあります。また、たい焼きの生地や中身のクリームのイメージで、クリーム色(#F0E5AF)を多用しました。
【お店紹介】【メニュー】【ギャラリー】【キッチンカースケジュール】【お問い合わせ】等を1枚のページに収めました。

使用カラー

デザイン

  • HEADER
    メインビジュアルにたい焼き屋さんのロゴを使用。コーポレートカラーである赤色(#D55A3A)を背景色に使用しました。
    ロゴ下にお店のキャッチコピーを配置し、波型の区切り線で背景色の切り替えを行いました。
  • ABOUT
    【お店紹介】【キッチンカースケジュール】【スライダー画像】を配置しました。
    キッチンカースケジュールをすぐに確認できるようにリンクボタンをお店紹介のすぐ下に配置しました。
    たい焼きを焼く工程や、キッチンカーでの接客様子など、お店のイメージを伝える画像をスライダーで配置しました。
  • MENU
    たい焼きの【セット売り価格】【単品価格】【イメージ画像】を配置しました。
    【セット売り価格】は3個セット、5個セット、10個セットの3パターンを用意。また、セット売りの方がお得なため、【単品価格】は括弧書きとしました。
    【イメージ画像】は丸く、くり抜くことで風船のような丸みを表現した。
  • GALLERY
    Instagramに投稿された写真をギャラリーとして公開。たい焼きを購入後、『たい焼き PUKA PUKA』のタグを付けてInstagramに写真投稿を促す、キャンペーン情報を記載しました。
    また、下部の【Instagramのロゴ】から外部リンクでInstagramへ誘導している。
  • INFORMATION
    【キッチンカースケジュール】リンクボタンから、カレンダーページへ誘導している。
    【お問い合わせフォーム】【SNSリンク】を配置しました。
  • FOOTER
    【ロゴ】【ナビゲーションメニュー】を配置しました。

ワイヤーフレーム ▶ デザインラフ

お問い合わせは CONTACT から。
WEB / 紙のデザイン、イラスト作成、承ります。

タイトルとURLをコピーしました