Hello New World

Coding

Cafe Site

was cafeのトップページイメージ(デバイス パソコン) was cafeのトップページイメージ(デバイス スマートフォン)

誰もが気軽に訪れられるカフェ、
そこに集うひとがハッピーになることが伝わるような
デザインとなるよう考えました。

カフェサイトはこちら
01サイトの構成
メインコピーの「みんなの憩いの場所でありたい」「誰もが気軽に行きたくなるカフェ」のキーワードをもとに、世代や性別に固定されず、日常的に通いたくなるような雰囲気のサイトを目指しました。
また、欲しい情報を欲しいタイミングでアクセスしやすいように縦ナビを設置。
複雑で洗練されたデザインではなく、シンプルなレイアウトになるように心がけました。
02テーマカーラー
男女ともに馴染みのあるネイビー、清潔感のある白、珈琲を連想させる茶色、アクセントカラーとして明るさや元気さを表現するためのオレンジを使用しました。
#366090
#ffffff
#c7b299
#f7931e
03ロゴ
was cafeが地域のみんなの憩いの場となるよう、家とコーヒーカップをモチーフにしたロゴを作成しました。
家のなかに「was」という文字を人の顔に見立て、was cafeという憩いの場で沢山の人たちが交流を楽しんでいる様子を表現しました。
カフェサイトロゴ 黒色バージョン カフェサイトロゴ 白色バージョン

    制作時間

  1. デザイン作成 20時間
  2. コーディング 35時間

    制作環境

  1. Illustrator CS5,CC
  2. Photoshop CS5,CC
  3. Visual Studio Code

    感想

  1. コーディングに怯えていましたが、なんとかレスポンシブまで設定することができました！
  2. クライアントの希望を叶えるためのデザインや工夫を凝らすことの難しさを感じつつ、その可能性も知りました。
  3. デザインとコーディングに必死で、ユーザビリティまで考えることができなかったなと感じています。