WebGallery

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

*

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

   

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

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

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

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

 - 色で表現

  関連記事

オレンジなサイト

  オレンジ1色で統一された不動産ビジネスのサイトです。画面に余裕があ …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

「KAWAII文化」独特の世界観を大切にしたデザイン

原宿にある「カワイイモンスターカフェ」のホームページです。 ファーストビューのイ …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

商品の写真をメインにデザインされたサイトの言葉選びが和風で素敵!

東京都の銀座と六本木に店舗をかまえる「順理庵」のホームページです。 装飾を必要最 …

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …

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

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

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …