WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

「青い池」を連想させる色を使った配色の美瑛町

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

北海道美瑛町のホームページです。

美瑛町の有名な「青い池」の写真がとても印象的なサイトです。サイト全体も青と白を基調とした配色で、グローバルナビのラインに様々な色を使っています。
グローバルナビの子メニューでは、カーソルを置くと画面幅いっぱい使ってレイアウトされています。文字も大きめに配置され、どの年代の人が見ても分かりやすい・使いやすい工夫がされています。

下の方にある「こんなときには」という部分では、除雪や救急など美瑛町に関する疑問がまとめられています。アイコンを使って視認性を上げているだけでなく、背景色も濃い青にすることで縦幅が少なくても際立ったコンテンツになっています。

また、フッターには美瑛町が北海道全体のどの辺なのかを示していたり、各課直通電話番号が記載されているページや、役場庁舎案内のページに移動するボタンを設けています。
町のホームページならではの工夫がされていて、とても参考になります!

 - 色で表現 ,

  関連記事

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。 ファーストビュー …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …