WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現 , ,

  関連記事

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

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

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

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …

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

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

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

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

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …