WebGallery

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

*

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

   

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

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

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

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

 - 色で表現

  関連記事

たくさんの家が集合したような病院の外観をモチーフにした「ゆい動物病院」

和歌山県和歌山市にある動物病院「ゆい動物病院」のホームページです。 たくさんの家 …

カーソルを肉球にして愛らしさをアップ

広島県の観光地?としても有名な「広島キャットストリートビュー」という世界初の猫目 …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

色鮮やかな染め物の映像の上に、虹色のアニメーションを重ねてさらに綺麗に!

岐阜県羽島郡笠松町にある染め物屋さん「丸京染色株式会社」のホームページです。 フ …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

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

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

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …