【デザイン・コーディング】立ち呑み STAND味酒覧 Webサイト制作
【使用ソフト】
- Adobe XD デザインカンプ作成
- Adobe Illustrator バナー・ボタン作成、画像加工・リタッチ・リサイズ
- Adobe Photoshop バナー・ボタン作成、画像加工・リタッチ・リサイズ
- HTML / CSS / JQuery / JavaScript コーディング
【概要】
架空の立ち呑み処「STAND味酒覧(みしゅらん)」のWebサイトです。
【店舗コンセプト】
堺筋本町付近にある、気軽に入れる立ち呑み処の想定です。
【デザインコンセプト】
お店の賑やかさを伝えたく、店内の様子が伝わるようなあえて人が入り込んでいる写真を使用しています。
フォントの種類もポップなものを使用しています。
トップページのオープニングはお店の暖簾を開けるイメージで、左右に開くアニメーションを使用しています。
暖簾をテーマに、各ページ上部に暖簾を設置し、各ページへの遷移はメニューの木札をイメージし設置しました。
全体で5ページの構成ですが、動きのあるページとないページのメリハリをつけ、
呑む、食べる魅力が伝わるようなビジュアル、ページ構成にしました。
【制作時期】
・2022年12月
【制作期間】
- デザインカンプ・・・3日間
- コーディング・・・・7日間