「福田茶屋」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くと全画面表示のファーストビューに現れる美しい風景やお店の写真に目を奪われます。サイトメニューがシンプルな構成になっていて、お店について記載された下層ページではミニチュア風に加工された写真や夜の庭園がライトアップされた景色の写真などが使われていて眺めるだけも楽しめる内容になっています。「おしながき」のページでは商品がサムネイル写真の一覧で表示されていて見やすく、写真の背景に和風の模様が入っているのが商品を引き立てる効果となっています。HOT・COLDの表記にはロゴマークと同様の急須のアイコンが使われていて可愛らしさと統一感を感じます。シンプルにしっかりとまとめられていて完成度の高いサイトです。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 福田茶屋

サイト名: 福田茶屋

URL: https://www.fukuda-chaya.jp/

「福田茶屋」のホームページデザイン解説

執筆者

カテゴリ

基本情報

カフェ・喫茶店に関連するデザイン

店舗サイトに関連するデザイン

ホワイトを使ったデザイン

ナチュラル・清潔感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む