熊本・健軍の架空ピッツェリア「FUOCO」をイメージしたWebサイトです。
薪窯の温かみと本格的な雰囲気が伝わるデザインに仕上げました。
「作品の概要」
熊本・健軍にある架空の薪窯ピッツェリア「FUOCO」を想定して制作したWebサイトです。店舗の魅力やメニュー、こだわり、アクセス情報などを分かりやすく伝えながら、薪窯の炎や料理の温かみを感じられるデザインを意識しました。
制作目的・ターゲット
制作目的
架空のピッツェリアを題材に、飲食店の雰囲気や料理へのこだわりが伝わり、「行ってみたい」と感じてもらえるWebサイトを制作することを目的としました。
ターゲット
熊本市周辺に住む20〜40代を中心に、友人や家族との食事、デートなどで、落ち着いた雰囲気の飲食店を探している方を想定しています。
使用ツール・制作時間
使用ツール：
HTML / CSS / JavaScript
ChatGPT / Claude
制作時間：
約2日
AI活用：
ChatGPT・Claudeを活用し、ターゲット設定やWebサイトの構成、キャッチコピー、文章作成、コーディングの補助を行いました。AIを活用しながら、店舗の世界観や雰囲気が各ページで統一されるよう、デザインやレイアウトを調整して制作しました。
工夫したポイント
薪窯ピッツェリアの温かみや本格的な雰囲気が伝わるよう、写真を大きく使用し、落ち着いた配色で統一しました。また、メニュー・店舗のこだわり・アクセスなど、利用者が知りたい情報へ迷わず移動できる構成を意識しました。
スマートフォンでも見やすいレスポンシブデザインにし、スクロール時のアニメーションなども取り入れ、シンプルながら印象に残るWebサイトに仕上げました。
「制作を通して学んだこと」
今回の制作を通して、見た目を整えるだけでなく、ターゲットを意識した情報設計や、ページ全体で統一感を持たせることの大切さを学びました。
また、HTML・CSS・JavaScriptとAIを組み合わせることで、複数ページのWebサイトを効率よく制作する方法についても理解を深めることができました。
コメント