WebGallery

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

*

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

   

熊本県熊本市にある建設会社「快建設」のホームページです。

全体のレイアウトがとても個性的なサイトです。
左側にSNSやタイトル、下部にお問い合わせボタンや電話番号、上部にメニューといった配置になっています。
お問い合わせや電話番号は、目立たせるために背景をオレンジ・文字色を白にしていますね!極力高さや幅を取らずにデザインされており、コンテンツが見づらい・邪魔されてしまうといったこともないので綺麗にまとまっています。

コンセプトを紹介している部分では、背景に建物の設計図をのせて安心で快適な家づくりをしてくれそう!と思わせるデザインになっています。
左側に設計図を書いている写真や打ち合わせをしている写真を掲載して、より安心感が伝わってきますね!

また、ページに配置されている写真はスクロールすると一緒に動くようになっています。
パララックス効果を使って上品でお洒落なデザインになっていて一級建築士としてのクオリティの高さも伝わってきます!

 - 動きで表現 , ,

  関連記事

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

画面いっぱいに表示されるメニュー

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホーム …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

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

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