WebGallery

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

*

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

   

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

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

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

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

  関連記事

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

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

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

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

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

プロモーションビデオや特産品を配置し、市の魅力を視覚的に伝える

9月10日にオープンした石垣市のふるさと納税特設サイトです。トップページでは石垣 …

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

丸を駆使したデザイン

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

スライダーで様々な写真を掲載し、事業の内容を分かりやすく伝える

飲食店の経営やブライダル事業を行っている「株式会社 一家ダイニングプロジェクト」 …

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

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

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

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