WebGallery

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

*

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

   

名称未設定 1

 

「ミズベリング」という水辺を使って街づくりをするという企画の元集まった団体のホームページです。「水辺」をテーマにして写真の切り方やコンテンツの枠部分を波線にすることで、可愛らしいデザインになっています。文字の色やボタン、背景なども青を使うことで水のような透明感・清涼感が出ています。トップに戻るボタンもカヌーに乗っている人物にしているところも工夫されています。

水辺の規制など少し深く掘り下げた内容でも、分かりやすいようにイラストをつけていたり、箇条書きにしてまとめることで年齢層が低めの人にも伝わるよう情報を上手くまとめています。その他にも、身近にある事例を載せたり実際にあった出来事で例にすることで興味をひくように文章も工夫が施されています。

サイトマップを閲覧するとものすごい量なのですが、トップページのスライド画像やロゴマークをダウンロードすることが出来、また、オリジナルのCMのクオリティも高く、細部までのこだわりを感じました。

 - 形で表現

Message

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

  関連記事

情報が縦に分かれた面白いレイアウト

沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

イラストや図を用いて分かりやすく説明

「スーパー乗るだけセット」という新車の購入方法を紹介している特設サイトです。カラ …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …