WebGallery

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

*

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

   

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

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

 

佐久間徹設計事務所

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

 

PDO建築事務所

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

 

イチエ建匠

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

 

おまけ

iie design

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

 

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

 - 色で表現

  関連記事

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

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

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

暖色系の配色にすることで、温かみのある雰囲気の温泉旅館サイトが可愛い!

島根県松江市にある温泉旅館「源泉かけ流しの宿 湯陣 千代の湯」のホームページです …

イラストレーションでイラストを使用し、分かりやすく可愛らしく

一級建築士事務所「朝日リビング」のホームページです。賃貸物件のリノベーションや個 …

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

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

個性的なフォントを使用してイラストと組み合わせて、元気な印象を受けるふるさと納税特設サイト

宮崎県川南町のふるさと納税特設サイトです。 緑を貴重にした暖かみのある雰囲気のホ …

大阪にある不動産のサイトがパステルカラーを使ったデザインで可愛い!

大阪府枚方市にある不動産会社「お部屋探しの専門店 ミチコ・ハウジング」のホームペ …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …