【デザイン・コーディング】Cafe UMEDA COFFEE Webサイト制作
【使用ソフト】
- Adobe XD デザインカンプ作成
- Adobe Illustrator バナー・ボタン作成、画像加工・レタッチ・リサイズ・メニュー作成
- Adobe Photoshop バナー・ボタン作成、画像加工・レタッチ・リサイズ
- HTML / CSS / JQuery / JavaScript コーディング
【概要】
架空のカフェ「UMEDA COFFEE」のWebサイトです。
【店舗コンセプト】
梅田・堂島付近にある、隠れ家的カフェの想定です。
【デザインコンセプト】
静かで趣のある、店内の様子が伝わるよう重厚感のある写真を使用しています。
またブラウザ全体に1枚の背景写真を使用し、お店の雰囲気が伝わるよう工夫しています。
1カラム、スクロール型のページ構成とし、文字よりもビジュアルをメインにイメージを伝えることを意識しています。
ドリンクメニュー、フードメニューはIllustrator、Photoshopで自作し、リアリティを持たせています。
【制作時期】
・2022年10月
【制作期間】
- デザインカンプ・・・1日間
- コーディング・・・6日間