WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 ,

  関連記事

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

選ばれるポイントを綺麗にまとめたホテルのサイトがオシャレでカッコいい!

福岡県北九州市にあるホテル「ステーションホテル小倉」のホームページです。 青と黄 …

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。 濃いグレーとゴールド …

クリスタルの反射で写し出されたような写真がとても綺麗な、東急グループ×ディズニーのコラボサイト

東急グループとディズニーのブランド4つがコラボレーションして、2016年11月1 …

茶系の背景色を使ったレトロなデザインで、馬に触れ合える歴史ある施設を表現した馬のテーマパーク

北海道苫小牧市にある馬のテーマパーク「ノーザンホースパーク」のホームページです。 …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

保護者の目線になってデザインされた幼稚園のサイト

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。 フラットなデ …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

見ているだけで食べたくなるシュークリーム屋さん

大阪市北区に本社を構えている「株式会社 麦の穂」が運営するシュークリーム専門店「 …