WebGallery

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

*

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

   

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

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

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

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

  関連記事

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

迷惑メールの新しい楽しみ方

「SPAM MUSEUM」という迷惑メール共有サービスという様々な迷惑メールを閲 …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

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

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

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …