【Webサイト】Cafe「UMEDA COFFEE」

【Webサイト】Cafe「UMEDA COFFEE」

【デザイン・コーディング】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日間