はんしんベーカリー
※架空のベーカリーです
ウェブサイトへのリンクはこちら
ウェブサイトへのリンクはこちら
目的・ゴール
ウェブサイトにて営業日やキャンペーン情報、店舗へのアクセスをご確認頂くことで
集客につなげることを目的としています。
お店のことを既に知っているお客様にも画像付きでメニューをご確認頂き、
実際に店舗にご来店頂く機会を増やすことも目的としています。
コンセプト
メニューやニュースなどの必要な情報が一目で分かるデザインを意識しました。
制作ポイント
メニューの写真が均等にバランスよく見えるようにしました。
スマートフォンやタブレットでも閲覧できるようにレスポンシブ対応を行いました。
制作期間
4日
使用ツール
Adobe XDでウェブサイトのワイヤーフレームを作成しました。
Adobe Photoshopで掲載写真の加工、調整を行いました。
Visual Studio Codeを使用して、コーディングを行いました。
制作から学んだこと
基本的なホームページのレイアウト方法と各デバイスに対応したレスポンシブ対応