「しの崎かまぼこ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビューでまずお皿に盛られたかまぼこの写真が食欲をそそります。わずかに布地のような地模様を入れた藍色の背景に商品写真をぐっと寄った構図で載せ、写真に重ねられたキャッチコピーとナビゲーションバーからはみ出したブランドロゴが、伝統に裏付けされた品質の高さを感じさせるレイアウトです。下層ページでは縦書きで表したページタイトルと、見出しにそれぞれ明朝体を使い、和食のイメージを強めています。ナビゲーションバーは店舗ロゴを中央にして左右にリンクを配置していますが、現在開いているページのリンクははブルーのインクの染みのような形に変わり、現在位置がわかりやすい構成です。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: しのざき商事株式会社

サイト名: しの崎かまぼこ

URL: http://sapporokamaboko.com/

「しの崎かまぼこ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

サービスサイトに関連するデザイン

ネイビーを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む