ZERO CAFE
https://kimuno-design.net/zerocafe/index.html
日本デザインスクール課題。
| 概要 | |
| カテゴリ | ホームページ |
| 担当範囲 | デザイン / 素材選定 / HTML＆CSSによる制作 |
| 使用ツール | Photoshop / DreamWeaver |
| 制作期間 | 三週間 |
制作のポイント
日本デザインスクールの課題でカフェのホームページを制作しました。
ZERO CAFEは、こだわりの自家焙煎コーヒーと手作りサンドイッチを提供するカフェのWebサイトです。温かみのある落ち着いた雰囲気を伝えながら、視覚的に美味しさを感じられるデザインを目指しました。
・高級感のあるカラーリング
深みのあるグリーンとゴールドを基調とし、シックで上質なカフェの雰囲気を表現。
・視認性の高いタイポグラフィ
目を引くロゴフォントと、可読性の高い本文フォントを組み合わせ、洗練された印象を演出。
・写真の魅力を活かしたレイアウト
コーヒーやサンドイッチの美味しさが伝わるよう、メインビジュアルやコンテンツごとに大きめの画像を配置。
・装飾とフレームの統一感
クラシカルな装飾フレームを使用し、ブランドの世界観を強調。
以上を心がけてデザインしました。とっても楽しかったです〜！
ブラッシュアップ
2025/02/04に、以下の点に気をつけながら、デザインを改善しました。
・少し重たく感じる配色バランスの見直し
背景のグリーンを少し明るく、現在のゴールドを少し黄みを抑えたブロンズ寄りに変更しました。
ベージュを追加することで、視認性を向上。
・より高級感、クラシックな雰囲気を出すために、メインビジュアルのフォントを変更
・背景の黒色テクスチャ素材を、より高級感のある素材に変更
・SNSアイコンに色を追加し、より統一感のあるビジュアルに
目次
初期デザイン
改善デザイン
