WebGallery

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

*

グリッドレイアウトを使って実例をスタイリッシュに紹介している設計事務所のサイト4つ!

   

暑い!とにかく今年の7月は暑いです!!
関東でも一部地域で今年初の40度超えが観測されたそうですよ…最近は夜も寝苦しくて、なかなか寝付けない日々が続いています。
かといってエアコンとか扇風機をつけっぱなしにしていたら、喉を痛めてしまうという…体調管理が難しい季節ですね

そんな暑さにも負けずに!今回は、「グリッドレイアウト」を使って実例をスタイリッシュに紹介している素敵な設計事務所のサイトを4つ、ご紹介します!

 

佐久間徹設計事務所

とにかく見ていて動きが気持ちいい設計事務所のサイトです!
実績のサムネイルをクリックすると詳細ページがスッスッと出てくるのが癖になります。サムネイルに設定されている写真が大きく表示されるようになっていて、綺麗な写真を大きいサイズで見ることができます。
さらに下には様々な写真も見ることができて、ビルや集合住宅・個人住宅など、どれも見ていて面白い実績ばかりです!

 

PDO建築事務所

家が完成するまでの「プロジェクトストーリー」も閲覧することができます。
プレゼンテーションで使用したと思われるイラストや、施工中の写真をたくさん掲載しています。素敵な写真をたくさん掲載していて、見応えのある素敵なサイトです!

 

イチエ建匠

こちらは実績一覧のタイトルがとても個性的です。
「〇〇の家」という固定フレーズだったり「夢のかけはし」といった、「家」というフレーズを入れていなかったりと思わずクリックしたくなるようなタイトルをつけています。

 

おまけ

iie design

こちらは実績を紹介するページのみ別サイトに移動するのですが、その他のページは全てデザイン性の高いサイトです。
h2部分やキャッチフレーズは手書き風のフォント?を使用していたり、要素と要素をあえてずらして配置したりと、とても動きのあるレイアウトになっています。

 

いつかこんな素敵な家で優雅に暮らしてみたい人生だった…
設計事務所や建築事務所のサイトの実例は1日中見ていたいくらい大好きなので、とても楽しかったです!
以上、「グリッドレイアウト」を使って実例をスタイリッシュに紹介している素敵な設計事務所のサイトを4つでした!

 - 色で表現

  関連記事

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

青をメインに、女性にも親しみやすいようにデザインされたサイト

長崎県長崎市に本社をかまえ、長崎から食材をホテルやレストランに届ける「株式会社イ …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

kissとの出会いでショールームのようなお部屋に

愛媛県松山市にあるインテリアコーディネートショップ「kiss」のホームページです …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

パソコンとスマートフォンで色味が変わるサイト

  千葉県八千代市にある「京成バラ園」のホームページです。全体的にピン …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …

情報をシンプルにまとめて動きをつけ、洗練されたデザインの歯医者さん

宮崎県宮崎市にある歯科「前田歯科クリニック高千穂通」のホームページです。 赤と白 …

「KAWAII文化」独特の世界観を大切にしたデザイン

原宿にある「カワイイモンスターカフェ」のホームページです。 ファーストビューのイ …