TOY’S BURGER Demo Site

地域で長年愛され続けているバーガー屋をイメージして制作した架空のキャンペーンサイト。

デザインからコーディングまで行いました。

レスポンスシブで制作。
背景のデザインが特異なためCSSでブロック比率を維持したまま画面幅に合わせて拡大縮小するようにいたしました。

jQueryで画面サイズに応じてPC向け画像、スマホ向け画像を切り替える仕組みを実装した。

WEBページ>プレビュー


制作環境

    • Windows 10
    • Photoshop
    • illustrator
    • Affinity Designer
    • Visual Studio Code

デザイン
CSS,HTMLコーディング

Matsuo Masahira