アメリカンレストランのWebサイト

アメリカンレストランのWebサイト

要件

自主制作で作成した架空のアメリカ料理レストランの店舗サイト。「アメリカンダイニング ボストンハーバー」という東京都練馬区にある架空のレストランをクライアントとして設定。

レスポンシブデザインに対応。トップページのみ作成。

ターゲット

リーズナブルに食事を楽しみたい若者、ファミリー層など幅広い年齢層

デザインのコンセプト

• 比較的安価な飲食店のWebサイトを想定し、あまり敷居が高くならないようにデザイン
• なるべく余白を広く取り、シンプルで洗練されたデザインを目指す
• レスポンシブ対応にあたり、PC版とSP版両方でのアクセシビリティを考慮

使用言語・ソフト

• HTML
• CSS
• jQuery
• Illustrator
• Photoshop
• Chat GPT

制作期間

6日程度

コメント

2022年8月に職業訓練で架空カフェサイトを作成したのですが、このサイトはそれのリメイク版になります。インターネットで飲食店のWebサイトを調査し、どのようなレイアウトや要素で構成されているのかを参考にしながら制作しました。また、Webデザインに初めて本格的にjQueryを組み込み、ハンバーガーメニュー、スライドショーを実装しました。今回はシンプルなデザインを目指しましたが、装飾が多めのWebデザインも勉強していきたいと思っています。