WebGallery

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

*

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

   

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

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

 

佐久間徹設計事務所

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

 

PDO建築事務所

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

 

イチエ建匠

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

 

おまけ

iie design

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

 

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

 - 色で表現

  関連記事

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

作って楽しむ・見つけて喜ぶOZONE夏のインテリアフェスタ開催!

東京都新宿区にあるリビングデザインセンターOZONEで、7月14日~19日まで開 …

ピンクのグラデーションが綺麗!なサイト3選

数年前からWebデザインのトレンドとして様々な所で取り上げられていますが、背景に …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

保護者の目線になってデザインされた幼稚園のサイト

東京都八王子市にある幼稚園「八王子実践幼稚園」のホームページです。 フラットなデ …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …