WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

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

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

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

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

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

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

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

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

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

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

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

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

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …