「日本料理かが万グループ」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ページ読み込み画面ではお店のロゴが順に組み上がるようにして現れて、完成するとロゴを中心に煙のようなエフェクトが現れるモーションの後、トップページが表示されます。サイトを開いてロゴが完成される様子を見ていたら、次のモーションに驚かされるという仕組みが考えられていて、目を引く設計になっています。トップページには料理の写真が読み込み画面の時と同様の煙のようなエフェクトで切り替わって表示されていきます。サイト導入から統一されたデザインでまとまりを感じます。スクロールがなく、サイトメニューが左上に並んでいるだけのシンプルな構成によって、商品写真が際立つ設計になっています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 日本料理かが万グループ

サイト名: 日本料理かが万グループ

URL: http://www.kagaman.co.jp/

「日本料理かが万グループ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

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

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

和・レトロなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「日本料理 かが万グループ」のホームページデザイン解説

執筆者

カテゴリ

基本情報

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

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

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

和・レトロなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む

「日本料理かが万グループ」のホームページデザイン解説