WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

  利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分 …

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …