2023.10.3現在
4112件のデザインを掲載中
https://www.awajishima-kanko.jp/

「あわじナビ」のホームページデザイン解説

Design Review
デザイン解説

ファーストビューでは左サイドにハンバーガーメニューとSNSアイコン、中央に淡路島のロゴがぽつんと配置され、背後に流れるムービーに目を惹きつけられます。画面をスクロールすると各カテゴリーへのリンクと概要が画面右サイドに浮かび上がり、太めのフォントと縦書きのレイアウトを写真の上に重ねてキャッチコピーのように見せるレイアウトです。さらにスクロールを進めるとモデルコース一覧やお知らせなどの細かいコンテンツのサムネイルと説明文が表示され、マウスオーバーの変化は背景に細いストライプが加わるのみですっきりと仕上げています。色使いもホワイト、ブラック、グレーの3色でまとめ、写真が映えるデザインになっています。

執筆者

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

カテゴリ

基本情報

会社名
淡路島観光協会
サイト名
あわじナビ
URL
https://www.awajishima-kanko.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む