ハンバーガーメニュー
喫茶コトノハFV

#webサイト

架空の喫茶店
空想喫茶 コトノハ

概要

架空の喫茶店サイトのwebサイトを制作しました。
URL: cafe_tanaka/index.html

ターゲット

20代~40代のカフェ巡りが好きな女性メイン。
変わったカフェが好きな方も。

担当内容

ディレクション・企画・デザイン・コーディング

制作期間

デザイン 2日 コーディング 5日
(Visual Studio Code / Illustrator / Photoshop)

自分の人生を楽しみながら振り返ることができる温かいカフェを目指しました。他の喫茶店・カフェとの差別化のためにメニュー表を無くし、空想上の不思議なカフェというのが伝わりやすいように自分のイラストの注文例を入れたことにより雰囲気が伝わりやすいようにしています。

言葉を大切にするカフェなのでサイト全体の文字組にこだわり、余白をあえて目立せています。そして、トップ画像では文字を少しでも読みやすくするために影を付けて色見を落とす工夫をしました。色選びも温かみのある自然なもの、葉っぱのようなものを心がけて選んでいます。

プロセス

喫茶コトノハオーダーページ
喫茶コトノハメニューページ

どんな注文方法なのか分かりやすいように注文方法のみ記載されたページを作り、上品さと可愛らしさを合わせたフレームで囲みました。雰囲気のあるサイトを目指しているので、サイト上の言葉も語り手のような語り掛けるような口調で書いています。

言葉と空想をサイト全体で大事にしているので、空想の部分も伝わりやすいようにイラストで思い切り空想上の食べ物を描きました。イラストの食べ物の説明も楽しんで読める、どういう意味で作られた食べ物なのか想像しやすいようにしました。

完成図

喫茶コトノハカンプ
デザイン一覧へ戻る付箋