WebGallery

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

*

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

   

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

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

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

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

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

 - 色で表現 ,

  関連記事

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

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

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

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

桜のピンクと、水槽の青のコントラストがとても綺麗な「桜といわし」

京都市にある京都水族館で4月1日から6月30日まで開催されているイベント「春を楽 …

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

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

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

女性が見ても親しみやすい塗装屋さん

神奈川県を中心に屋根・外壁塗装を行っている外壁塗装専門店「株式会社 松本建装工業 …