work
about
作品詳細
初めての作品で学校に通い始めて半年後に作成したものです
作成期間:1ヶ月半
setting
設定
| client | カフェ |
|---|---|
| target | 休日に、お洒落なカフェ巡りをするのが趣味 20代後半-30代 |
concept
方向性
キレイめで落ち着いた雰囲気
大声で騒げる空間ではなく、フラッと空いた時間に立ち寄れたり、作業ができる空間のカフェ。
お店の認知を増やし、新規顧客を増やす。
design
デザイン
- キービジジュアル
→HOME:お店の雰囲気を伝えるビジュアル →MENU:型抜き写真で、一味違うビジュアルにし、ページ内遷移ができ情報にすぐ辿り着くデザイン を心がけました。 - ロゴ
→数字の8を半分にした形で、eightと連想するようなイメージ。 →広がりの意味を込めて、年輪のようにしました。 →販売用のコーヒー豆の袋や、コップにロゴを入れた時にも、馴染むデザインを考えました。 - 落ち着いた柔らかい雰囲気を出すために、#D5CDC0をメインカラーにし、アクセントに赤を使用しました。
- カフェに足を運びたいと思う要素は、見た目のお洒落さが大きいと思うので、雰囲気に合った写真を選びました。
- MENUページは、写真が合った方が見やすいので、イメージがわかりやすいように、王道商品を写真付きで取り上げています。
task
課題
CSSのファイルを、TOPとMENUで分けて作ってしまっていました。
別々で考えてしまっていたので、同じようなレイアウトは、同じクラスをつけて使い回した方が良かったです。
また、レスポンシブをしたときに、SP版のMENUページのレイアウトの調節が雑なので、デザインを考える時に、レスポンシブのことまで考えたデザインを考えたいです。
pc design
sp design
