No.078 京成バラ園

No.078 京成バラ園

京成バラ園

千葉県にあるバラ園、「京成バラ園」のWebサイト。

ファーストビューの印象

はじめにポップアップで混雑状況をアナウンスしてくれる。

「バラ園」というより「テーマパーク」といった雰囲気。エンターテインメント性を感じるファーストビュー。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント：375px,380px,400px,420px,430px,440px,460px,480px,530px,560px,568px,580px,600px,620px,640px,704px,720px,740px,800px,880px,920px,960px,1024px,1080px,1120px,1152px,1200px,1224px,1244px,1280px,2048px

フォント

見出し：BlinkMacSystemFont
本文：BlinkMacSystemFont

メニュー

PC：ナビゲーションバー/ハンバーガーメニュー
SP：ハンバーガーメニュー

カラー

ベースカラー：█#efefef
メインカラー：█#e58bb7
アクセントカラー：█#d51242

感想、参考になった部分

バラのカラーであるレッド、ピンク、オレンジ、パープルなどをあしらったロゴがナビゲーションバーとスライドの間に配置されている。位置としては珍しい。
スクロールを進めると、上部に半透明のバーが出現し、各種SNSのアイコン、ロゴ、ハンバーガーメニューの表示となる。

h1の見出しとして「1600品種10000株野バラが咲く 京成バラ園」の記載があるが、画面左上にひっそりと配置。キーワード検索の対策だろう。

混雑状況のポップアップはトップページに遷移するたびに出てくるので、アクセス時にクラスを追加して2回目以降を非表示にし、ブラウザを閉じるとクリア、のように改良しても良いのかなと思った。

見頃、混雑状況など、来園者に有用な情報がわかりやすく、目立つ場所に載っている。
イベントも多く、バラ好きは見ていてワクワクするサイトだろう。

No.078 京成バラ園 | Webサイト100選