WebGallery

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

*

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

   

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

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

 

佐久間徹設計事務所

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

 

PDO建築事務所

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

 

イチエ建匠

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

 

おまけ

iie design

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

 

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

 - 色で表現

  関連記事

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

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

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

茶系の背景色を使ったレトロなデザインで、馬に触れ合える歴史ある施設を表現した馬のテーマパーク

北海道苫小牧市にある馬のテーマパーク「ノーザンホースパーク」のホームページです。 …

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

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

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …