WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 ,

  関連記事

茶系の色で高級感を出し、オレンジで暖かみを出す「小谷流の里 ドギーズアイランド」

千葉県八街市にある「小谷流(こやる)の里 ドギーズアイランド」のホームページです …

観葉植物の写真を効果的に多用し、洗練された上品なデザインのグリーンレンタル屋さんがオシャレ!

観葉植物の販売・グリーンレンタルリースを行っている「株式会社 野沢園」のホームペ …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

写真にカーソルを置くと詳細文が表示される

京都の神社で結婚式を挙げる人たちを支援する会社「株式会社スタジオゼロ京都」が運営 …

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

2018年「春到来。桜お~いお茶」の特設サイトです。 ファーストビューの有村架純 …

ロゴマークが特徴的

  豊島区のイベントサイトです。真ん中のロゴとカラフルな背景のインパク …

豊富な情報量をコンパクトにまとめた自動車教習所のサイトが可愛い!

大阪府高槻市にある大阪府公安委員会指定校の自動車教習所「高槻自動車教習所」のホー …

たくさんの家が集合したような病院の外観をモチーフにした「ゆい動物病院」

和歌山県和歌山市にある動物病院「ゆい動物病院」のホームページです。 たくさんの家 …

広島にあるゴルフ場のサイトがシンプルでカッコいい!

広島県三原市にあるゴルフ場「久井カントリークラブ」のホームページです。 ファース …

品川区にある漢方薬局のサイトが親しみやすくて可愛い!

東京都品川区にある漢方薬局「高山薬局」のホームページです。 ロゴカラーの茶色と緑 …