WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 ,

  関連記事

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

花が咲いたような笑顔になれる歯医者さん

広島県福山市にある歯科医院「はなえみ歯科」のホームページです。 「はなえみ」とい …

ものづくりの現場で戦う女性職人がカッコいい!特設サイト「ものの婦」

「ものの婦 – 山形には、ものづくりの現場で戦う女性職人がいる。」の …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …