WebGallery

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

*

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

   

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

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

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

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

  関連記事

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

個性的なデザインの美容院サイトが、とってもオシャレでカッコいい!

横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …

総合商社だけど可愛いフォントを使ったデザイン

茨城県にある総合商社「関彰商事」のホームページです。 ロゴカラーの赤を基調とし、 …

アーチ型に切り取られた写真で橋のように見せる

有限会社「月刊日本橋」が運営する東京日本橋の歴史や文化を紹介するサイト「東京 に …

壮大な木曽駒ヶ岳の写真がとても綺麗な「木曽駒 JAPAN ALPS スカイレース」

今年の9月18日に長野県木曽郡木曽町にある中央アルプス最高峰である木曽駒ヶ岳山頂 …

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …

ハロウィン感満載のデザインで、楽しそうな雰囲気

10月12日に千葉県の稲毛海浜公園で開催される「ハロウィンラン」のホームページで …

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

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