2024.11.21 - Thu
くまちゃん
参考になる!「工務店・HM・設計事務所」のホームページ制作事例30選!
「内装デザイン」をメインで映すホームページ
クラフトコーポレーション
https://craftcorp.jp/ (当社制作)
豊富な写真を活用し、多彩なアニメーションで魅力を引き立てて、まるで雑誌をめくるような楽しさを提供しています。ボリュームのあるページにも動きを加えることで、ユーザーが持続的に楽しむことができるホームページとなっています。
株式会社Basis
https://www.basis-orderfurniture.com/ (当社制作)
東京都で、オーダーキッチンの企画・デザイン・製作などを行うBasis様のホームページです。白色を基調としていてシンプルなデザインです。文章や写真をメインに見せており、コンテンツを邪魔しないレイアウトや配色ですね!情報が充実していて、スクロールとともに自然に内容が目に入る分かりやすい構成となっています。
tilaa koti(ティラー・コティ)
https://tilaa-koti.jp/(当社制作)
愛知県名古屋市中村区で、新築住宅の設計・施工・販売や戸建てリフォームを行う石川建築様が運営するtilaa kotiのホームページです。かわいらしく温かみのあるデザインが特徴的ですね!ファーストビューでは、家族が家で過ごす様子が大きく使われ、人の暮らしを感じさせます。
株式会社小幡建設
https://www.obatanoie.co.jp/(当社制作)
愛知県岡崎市で注文住宅の設計施工をされている企業です。木造住宅のナチュラルさもありながら、グレーの背景や四角形の枠などでパキッとした印象も合わせ持っていて安心感とかっこよさが伝わるサイトになっています。
アトリエ・ヌース建築研究所
https://atelier-nous.jp/(当社制作)
こちらは岐阜県大垣市にある古民家リノベーションなどを手掛ける会社のホームページです。グレーと白の配色をベースにデザインし、クールさを感じながらもシンプルで繊細な印象が伝わってきますね!ユーザーに対して、丁寧でおしゃれな家にしてくれそうな印象を与えます。
株式会社ライトパス
https://house.right-path.co.jp/(当社制作)
弊社で制作させていただいた、滋賀県にある建築会社のサービスサイトです。白やグレーをベースカラーに使い、明るめの緑をアクセントに使用しています。サービス内容を詳細に掲載しているので、具体的な想像がしやすく、「こんなこともできるんだ!相談したら色々できるかも」と顧客に思わせる内容が充実しています。ニーズの高い情報を簡潔にまとめ、問い合わせ拡大も意識した構成となっています。
アトリエD
洗練されたかっこいいデザインです。他とは違うテイストですね。ファーストビューの動きはもちろん、スクロールしたときのアニメーションなど、動きにこだわられていますね。下層ページまでしっかりかっこいいです・・・!
成瀬・猪熊建築設計事務所
ロゴと大きな写真がインパクト大のホームページです。トップページ下部の実績一覧では、マウスオーバーすると写真が切り替わるので、詳細ページに行かなくてももう1カット見られ、ユーザーに親切でいいと思いました!
建築後のイメージが湧きやすい!住宅写真を使ったデザイン事例
株式会社ノエル
https://noel-garden.jp/(当社制作)
愛知県一宮市にある外構設計・デザインを手がける「株式会社ノエル」様のコーポレートサイトを制作いたしました。余白を多めに取り写真をあしらった一見シンプルな構成ですが、背景には水彩調の植物のイラストが散りばめられており、差し色のゴールドと相まってとても上品な仕上がりとなっていますね。
ウッドジョブ株式会社
https://toiless-gifu.jp/ (当社制作)
豊富な写真を活用し、多彩なアニメーションで魅力を引き立てて、まるで雑誌をめくるような楽しさを提供しています。ボリュームのあるページにも動きを加えることで、ユーザーが持続的に楽しむことができるホームページとなっています。
株式会社WEDGE
https://re-volucion.art/(当社制作)
西洋の美しい住宅デザインに合わせて、フォントの種類や配置、ゴールドを取り入れた配色など、さまざまな手法を凝らし世界観を演出しています。とても優美で目を引く、インパクト抜群のサイトに仕上がりました。
K-ATELIER 一級建築士事務所
https://www.katelier.jp(当社制作)
北海道にある建築会社です。黒と白のモノトーンなシンプルなデザインの中に、薄いクリーム色が差し色として使われていて、上質で洗練された印象を受けます。ローディング後にロゴがじゅわっと出てくる動きや、スクロール時の動きなど、細部までこだわり抜いていて見ていて飽きないサイトです。
FU設計工房
https://fu-design.jp(当社制作)
愛知県豊川市で住宅の設計施工をされている企業です。写真を大きく使用した、シンプルなデザインです。白を基調で、スタイリッシュさも感じます。ボタンの動きや色の移り変わりなど、細部にこだわりを感じます。
株式会社カトウ
https://www.kabukato.com/(当社制作)
弊社で制作させていただいた、住宅や店舗などのお庭を手掛けてらっしゃる会社のホームページです。和の洗練された空気感が一層庭の美しさを引き立てていますね。実績をカテゴリ別でトップに配置することで「詳しく見る」というボタンよりもクリック率が上がるので、施工実績等の種類がいくつかある場合はこのような見せ方も効果的です。
佐久間徹設計事務所
とてもシンプルで、まるで写真展に来ているようなホームページです。ページ上部に隠されているメニューがとってもかわいいです!スクロールバーもデザインされており、シンプルの中にこだわりを感じるデザインです。
株式会社丸山アーバン
湘南地域を中心に住宅設計を行なっている会社のホームページです。モノクロで構成され、とてもシンプルなデザインですが文字の大きさで強弱がつけられていたり、サイト内のさりげない動きが豊富でユーザーを飽きさせない工夫がこのサイトを単調に見せず、クオリティの高いサイトになっています。
atelier-lx
豊富なコンテンツと実績写真が最大限に生かされている、おしゃれなレイアウトだと思いました!イエローをアクセントに、黒・白・グレーのみのシンプルな配色ですが、計算されたデザインで閲覧しやすいですよね。左のメニューも特徴的なデザインでかわいいと思います!素敵な写真と素敵なデザインで、見ているだけでもワクワクします。
有限会社アクラ
建築デザインに特化したモダンでクリーンなデザインが特徴です。プロジェクトの施工事例が豊富で、写真とテキストがバランスよく配置されています。各プロジェクトの詳細ページでは、写真と共に設計のコンセプトや過程が詳述されています。
澤野建築研究所
ファーストビューの笑顔がとっても素敵です!人柄が伝わってくる温かみ・親しみのあるデザイン、そしてこだわりが伝わるコンテンツになっています。
設計工務店アラン
ファーストビューが雑誌の1ページのようなデザインです。スクロールすると表示される建築士さん、コーディネーターさんの雰囲気が、そのままホームページのデザインに反映されているような、温かさが感じられますね。素敵です!
武藤圭太郎建築設計事務所
こちらもファーストビューは大きな写真でインパクト大ですが、スクロールすると写真のレイアウトが違います。目立たせたい写真と一覧で見せたい写真で大きさが違うので、メリハリがあって分かりやすいですね。実績一覧の下にその他のコンテンツがありますが、固定ナビでページ内リンクができるので、ユーザーが見落とさないようになっています。
「木目の色」をイメージした、ブラウンベースのデザイン事例
國六株式会社
https://kuniroku.co.jp/ (当社制作)
岐阜市に本社を置き、一戸建住宅およびマンションの販売、注文住宅の建築を行う國六株式会社様にコーポレートサイトです。シンプルだけど、スタイリッシュ過ぎない温かみを感じさせるビジュアルですね。施工事例の写真を大きく掲載することで、オンリーワンの家づくりを実現していることが分かります。
有限会社スタンス
https://www.stans.co.jp/(当社制作)
愛知県(名古屋市)・岐阜県を中心に店舗設計を行う有限会社スタンス様のコーポレートサイトです。大きな写真レイアウトとは裏腹に、サイト内の説明文章はシンプルかつスッキリとまとめられており、伝えたいことがハッキリと分かりやすいサイトデザインとなっています!
弊社でのホームページ制作について、代表の池田様によるインタビュー記事もあわせてご覧ください。
安江怜史建築設計事務所
https://ry-arch.com (当社制作)
弊社で制作させていただいた、建築設計事務所のホームページです。施工事例を、TOPに大きく載せること、細部までこだわり抜いたデザインと、生活の導線を考え抜いて作られた建物の良さをお客様へ伝えることができます。更新も頻繁にすることで、信頼感も増します。
共感住宅ray-out(株式会社サンホームズ)
https://www.ray-out.net/(当社制作)
愛知県岡崎市を中心に、注文住宅の設計施工を手掛けている企業です。家と同じような居心地の良さを感じる、温かみのあるナチュラルデザイン。すっきりとした印象もあり、スタイリッシュな雰囲気も併せ持っています。見学会や資料請求は、お客様がお問い合わせしやすい工夫となっています。
株式会社沢野建設工房
https://sawano-kk.com/(当社制作)
こちらは、石川県にある建築会社のホームページです。木の香りが漂ってきそうなナチュラルでこだわりが詰まったサイトに仕上がっていますね。濃い緑をベースに配色をおこなっており、堅実な印象も与えてくれます。
軽井沢の建築事務所 one it
軽井沢での生活をテーマにしたリラックスした雰囲気のデザインが魅力です。豊富な画像と簡潔なテキストで、サービスやプロジェクトの詳細がわかりやすく整理されています。写真を大きく使ったビジュアルに訴えかけるデザインです。
ニシザキ工芸株式会社
モダンでスタイリッシュなデザインが目を引きます。全体的にクリーンでスペーシングが十分に取られており、読みやすさが向上しています。色彩は白を基調とし、アクセントカラーにブルーを使用することで、清潔感と信頼感を与えます。トップページのアニメーション効果も、サイトの動的な印象を強めています。
KENPAN
こちらも木へのこだわりがある会社さんです。濃いオレンジ色やかわいらしいイラストが、木のぬくもりを感じるデザインになっています。下層ページのナビゲーションも個性的でかわいいですよ。
くらし設計室 ハコヤデザイン
ロゴにあわせた、シンプルながらかわいらしいデザインです。細かい装飾までしっかりデザインされていて素敵ですね。全体の雰囲気作りや統一感を出す際に、非常に参考になると思います!
「建てた後の暮らし」をイメージさせるデザインで、
Webサイトからの集客を拡大!
いかがでしたでしょうか?当社では、マーケティング的なホームページ制作だけでなく、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っています。ホームページから差をつけたい、ワンランク上のメディアサイトを開設したい企業様は、ぜひリーピーにお任せください!
※ご紹介しているサイトの中で、「(制作 株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
くまちゃん
WEBデザイナー/京都芸術大学 情報デザイン学科卒業後入社/兵庫から岐阜へ移住 webの制作会社を探していたところ、地方を未来を面白くするというリーピーのビジョンに共感し、入社。ECサイトやコーポレートサイト、印刷物まで手掛ける。食べることが大好き。飲食や食品系のサイト制作が多め。健康を意識して最近ジムに通い始めた。
「工務店・HM・設計事務所」の
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)