WebGallery

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

*

3つのパートで構成されたオープンシティ戦略

      2016/04/19

名称未設定 1

「#オープンシティ釜石」のホームページです。

大きく3つのコンテンツに分かれており、その内容ごとに左側に固定されたメニューの背景色が変わるのがとても良いですね!内容が切り替わるごとに画面に大きくタイトルが表示されるのも1つの紙芝居を見ているようなデザインです。

情報量が豊富な分、イラストを使用して簡潔にまとめて読みやすいデザインになっています。人口推移のグラフや参考データなどは最初から表示させておくのではなく、ボタンを押すとイラストが表示される仕組みになっています。こうすることで、スクロールする量が省けてさらに見やすくなりますね!

「オープンシティ戦略」について書かれた部分では、写真を使って分かりやすく説明するのはもちろん、点線を使って目線の流れを誘導したり、縦書きで写真に言葉を付け足したりと読み手が読みやすいように工夫されています。

 - 色で表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

思わずお腹が空いてくる!お菓子のブランドサイト3選!

こんにちは!お菓子が大好きな社会人です! 今回は、「湖池屋」「カルビー」「森永製 …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

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

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

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

気軽に相談しやすい水道屋さん

千葉県市川市にある水まわりの修理などを行っている「有限会社 報徳サービス工業」の …

ロゴマークでタイポグラフィ

  岐阜県にあるパン屋のホームページです。ロゴマークが螺旋状になってと …

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

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

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …