WebGallery

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

*

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

   

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

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

 

佐久間徹設計事務所

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

 

PDO建築事務所

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

 

イチエ建匠

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

 

おまけ

iie design

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

 

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

 - 色で表現

  関連記事

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

見ているだけで幸せになれそうな結婚式の写真

群馬県前橋市にある結婚式場「ラ・フォンテーヌ」のホームページです。 ベージュ系の …

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

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

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

「富山の上質な暮らし」を体感できる情報発信拠点

6月に東京都中央区日本橋にグランドオープンした「日本橋とやま館」のホームページで …

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

「和」を表現しつつも、若い女性向けに明るさや手軽さが伝わってくる着物レンタルショップ

石川県金沢市にある着物レンタルショップ「心結」のホームページです。 女性をメイン …