WebGallery

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

*

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

   

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

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

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

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

 - 色で表現

  関連記事

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。 背景の …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …