WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

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

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

コントラストの強い配色で高級感のある雰囲気を演出したサイト

フランスのファッションデザイナー「pierre cardin」の日本公式サイトで …