「青柳総本家」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ファーストビューには、水彩で描かれたような淡いタッチで描かれた様々な名古屋名物のイラストが並び、クリックすると拡大されたイラストと解説がポップアップ表示される仕組みになっています。イラストによってはポップアップ表示中にも動きが実装されていたり、解説の文字にも動きが付与されていたりと、色々な発見があって面白い作りになっています。販売しているお菓子のラインナップ紹介ではカテゴリごとに分けられて詳細ページが用意されていて商品を探しやすく、おすすめ商品の表示では写真がサムネイル一覧となっていて見やすいです。また、各ページへの遷移時に葉っぱのイラストが画面上に流れるモーションが加えられていて、サイトの雰囲気にマッチしていて可愛らしい演出となっています。全体に和の雰囲気が取り入れられ統一感があり、ユーザーが閲覧していて楽しくなる工夫が凝らされたサイトに仕上がっています。

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

執筆者

Okamoto Miyu

岡本美憂

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

Twitter

基本情報

会社名: 株式会社青柳総本家

サイト名: 青柳総本家

URL: https://www.aoyagiuirou.co.jp/

「青柳総本家」のホームページデザイン解説

執筆者

カテゴリ

基本情報

メーカーに関連するデザイン

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

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

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

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む