「フルーツ＆ブレッドサンチ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトにアクセスするとまず画面中央に店舗ロゴが表示され、画面が切り替わると鮮やかなサンドウィッチの写真が画面幅いっぱいに表示されるモーションが食欲をそそります。メインビジュアルの下部にはサンドウィッチの切り抜き写真がコマ送りのようなアニメーションで表示され、それぞれがリンクになっていてクリックするとメニューのページに移動する構成です。店舗のコンセプト紹介ではパンやフルーツ、サンドウィッチの切り抜き写真を散りばめて、太めの英語フォントのタイトルと合わせてポップなイメージを感じさせます。テキストの色味はモノトーンでまとめ、鮮やかな写真の魅力を引き出しています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: SANCH

サイト名: フルーツ＆ブレッドサンチ

URL: http://www.sanch-gondo.jp/

「フルーツ＆ブレッドサンチ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

飲食店に関連するデザイン

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

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

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「フルーツ＆ブレッド サンチ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

飲食店に関連するデザイン

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

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

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「フルーツ＆ブレッドサンチ」のホームページデザイン解説