WebGallery

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

*

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

   

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

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

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

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

  関連記事

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

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

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

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

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

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

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

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

丸を駆使したデザイン

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

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

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

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

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

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

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …