WebGallery

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

*

画面いっぱい使って企業の商品やサービスごとに切り替わるコンテンツ

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

「RC HOUSING」のホームページです。

トップページはスライダーだけでなく、コンテンツも企業の商品やサービスごとに切り替わるようになっていて、コンテンツの切り替えやボタンにカーソルを置いた時のアクションは動きが統一されています。
ボタンは矢印の向きの方向にスライドして色が切り替わるようになっていて、カーソルを置いた時にぬるっと動いて気持ちいいです!

メニューも画面いっぱいに表示されて文字も大きくとても見やすいです。各店舗ごとに最新物件情報を見られるページへのリンクもあり、さらに子メニューも下に表示されています。
ヘッダー部分の場所を取ることなく、写真が画面いっぱいに表示されるので写真に重ならずにレイアウトされています。

 - 色で表現 ,

  関連記事

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

各ページごとに変わるカラーリング

  東京にある教育事業や就労支援などのサービスを行う企業のホームページ …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

暑い!とにかく今年の7月は暑いです!! 関東でも一部地域で今年初の40度超えが観 …

トップページやタイトル部分を縦書きにすることで和を意識した「肘折温泉」

山形県最上郡大蔵村にある温泉郷「湯の里 肘折温泉」のホームページです。 ファース …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

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

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

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

ドイツ国旗の配色を使ってデザインされたサイトがおしゃれ!

2017年4月28日(金)から5月7日(日)の期間、横浜赤レンガ倉庫で開催される …