WebGallery

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

*

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

   

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。

ファーストビューの背景を写真のスライダーにした大胆なデザインのサイトです。
学校内外問わず、様々なシーンで撮った写真が使用されています。大きいサイズでも荒くならず1枚1枚がとても綺麗です。

スクロールすると、すぐにオープンキャンパスの情報が掲載されています。
日付だけが表示されていますが、その下の矢印ボタンを押すと紹介文が出てきます。そこには詳細ページへ移動するボタンも配置されていて、興味を持った人を誘導しやすいように工夫されています。

「キャンパスニュース」の部分では、縦長・横長どちらの写真が来てもいいようにデザインされており、参考になります!
一覧ページに移動すると新着投稿が4建表示され、それ以降は月ごとにまとめてあります。一覧をただ並べるだけでなく新しい記事だけをサムネイル付きで掲載しているのは見た目もスッキリしていて見やすいです!

 - 色で表現

  関連記事

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

豊富な情報量をすっきりとしたレイアウトで読みやすく、伝わりやすくする

岡山県の地域情報をお届けする「月刊タウン情報おかやま」のWebメディア「日刊We …

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

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

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

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

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

タイプ別診断を掲載したクリエイタースクールのサイトが可愛くておしゃれ!

「COPEN COLLEGE(コペンカレッジ)」のホームページです。 ファースト …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …