WebWEBサイト制作

炭火焼肉店のWEBサイト

炭火焼肉店のWEBサイト(PC版) 炭火焼肉店のWEBサイト(レスポンシブ版)

制作概要

学校課題（架空案件） 3週間 Illustrator / Photoshop / VSCode HTML / CSS / JavaScript

設定

地域住民・会社員 高級感・黒 和牛ランチで認知度UP→ディナー誘導
  • 調査0.5日
  • ワイヤーフレーム2日
  • デザインカンプ7日
  • コーディング8日
  • ランチ写真へのテキスト追加

    FVのランチ写真にテキストを重ね、ランチ営業を瞬時に認識できるよう配慮

  • メニューセクションのスライドショー

    寄り・引きの写真を交互にスライドし、店内の雰囲気を視覚的に飽きさせず伝える

  • メニュー切り替えボタン

    メニュー先頭の切り替えボタンで、ディナーメニューへ自然に誘導

LPLP制作

日焼け止めクリームのLP

ファーストビュー

日焼け止めクリームのLP ファーストビュー

共感

日焼け止めクリームのLP 悩み共感

ベネフィット

日焼け止めクリームのLP 4つの理由

実例・実績

日焼け止めクリームのLP 比較 日焼け止めクリームのLP 生活シーン

お客様の声

日焼け止めクリームのLP お客様の声

実例・実績2

日焼け止めクリームのLP 9つのフリー

FAQ

日焼け止めクリームのLP よくある質問

クロージング

日焼け止めクリームのLP クロージング

制作概要

学校課題（架空案件） 10日 Illustrator / Photoshop
  • 調査0.5日
  • 構成決め1日
  • 作成8日

設定

楽天市場などの通販サイト 30～40代の女性 ナチュラル・綺麗
  • ファーストビュー

    FVに女性とUVクリームを並べ、日差し演出でUVケアの必要性を直感的に伝える

  • 4つの理由セクション

    クリームモチーフの番号で特徴との関連性を視覚化

  • クロージング

    FVと統一した背景でストーリーを完結させ、視線誘導で購入へ自然に導く

Flyerチラシ制作

クリスマスケーキ予約販売のチラシ

クリスマスケーキ予約販売のチラシ

制作概要

学校課題（架空案件） 1週間 Illustrator / Photoshop

設定

店舗配布 20～60代・来店経験のある方 かわいい・シンプル
  • 2種のケーキの対比レイアウト

    2種のケーキを左右に対比させ、家族でどちらにするか選ぶ楽しさを演出

    緑・赤のグラデーションをそれぞれのケーキに馴染む色合いに調整

  • 予約・店舗情報エリア

    予約・店舗情報は白×茶色のみに限定し、可読性を徹底