WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

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

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

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

暖色系を使い暖かみのある雰囲気に

  愛知県にある歯科医院のホームページです。トップに写真を配置するので …

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

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

黒い背景に白いお皿で特別なご褒美感を演出したアイス

2016年11月29日に発売されたハーゲンダッツの「スペシャリア ピスタチオベリ …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …