WebGallery

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

*

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

   

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームページです。

ファーストビューがとてもインパクトのあるサイトです。
ひし形で作られた大きなひし形が左右に2つ並んでいて、中央の余白にキャッチが書かれています。
余白をうまく利用することで、キャッチに自然と目が行くレイアウトになっていて参考になります!
その下の「Service」等のコンテンツの余白の取り方も絶妙で、すっきりと綺麗なデザインのレイアウトです。

トップに戻るボタンのデザインは一見あまり目立たないのですが、一番下までスクロールするとふわっと上にあがるアニメーションがついています。
それだけで注目度がグッと上がるので、色で目立たせるのではなく動きを使って注目させることで、他のコンテンツを見ていても気にならないように工夫されています。

 - コーポレートサイト, 形で表現 , ,

  関連記事

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

イラストや図を用いて分かりやすく説明

「スーパー乗るだけセット」という新車の購入方法を紹介している特設サイトです。カラ …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

地域の土地・文化・人とのつながりを大切にしたアロマブランド

日本の地域の土地や人・文化とつながりながら各地の香りを展開するアロマブランド「N …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

ターゲットをクリエイターに絞った、未来感のあるデザイン

岐阜県の移住支援サイト「GIFU×HUB」のホームページです。 大きく表示される …