Webコンサルティング

プロジェクトスタートの背景

カネカケンテック株式会社様は、1989年の設立以来、株式会社カネカの販売子会社として断熱材「カネライトフォーム」をはじめとする建設用総合資材の供給・販売を行ってきた企業です。北海道から九州まで全国に事業所を展開し、住宅・建築資材から土木資材まで幅広い事業を展開しています。

今回のリニューアルは、既存サイトのデザインや情報が時代に合わなくなったことが主なきっかけです。省エネ基準の義務化やカーボンニュートラルへの社会的関心の高まりを背景に、断熱材の需要や問い合わせも増えていく中で、企業としての信頼感と製品の魅力を現代的な表現で発信できるサイトへとアップデートする必要がありました。

弊社ではサイト制作全般を担当しました。

制作のポイント / 特徴

主力製品である断熱材「カネライトフォーム」の最大の特長のひとつが「軽さ」です。その素材の印象をデザインにも宿らせるため、全体的に余白を活かした柔らかく軽やかな質感のビジュアルに仕上げました。

ファーストビューでは、製品が画面の中で静かに浮遊するインタラクションを実装しています。スクロールやページ読み込みに連動して製品がふわりと動くことで、軽量素材であることを言葉以上に体感させる演出としています。

また、断熱材の本質的な価値である「夏は涼しく、冬は暖かい」という特性を、背景に配置した季節感のある写真で表現しています。さらに、ユーザーがサイトに訪れた季節に合わせて写真の表示順が自動で切り替わる処理を実装しました。夏に訪れたユーザーには涼しさを、冬に訪れたユーザーには暖かさを、まず視覚から感じ取ってもらえるよう工夫しています。断熱材の効果を「情報として伝える」だけでなく、「雰囲気として体験してもらう」ことを意識した設計です。

製品ページでは、カネライトフォームが選ばれる理由として「優れた断熱性能」「施工のしやすさ」「環境への配慮」など複数の特長を整理してわかりやすく掲載しました。また、住宅の構造種別（木造軸組・枠組壁・鉄骨造・RC造）ごとに省エネ基準の断熱材の必要厚さを確認できる「省エネ基準・厚さ早見表」も充実させており、設計・施工に携わる専門家が実務で活用しやすいコンテンツとして整備しています。

お役立ち情報のページでは、補助金制度の一覧や防耐火構造認定、グリーン購入法への適合状況など、購入・採用判断に必要な法令・制度情報をまとめています。省エネ基準の義務化が進む中で、施主や設計者が「なぜカネライトフォームを選ぶべきか」を後押しする情報環境を整えることも、サイトの重要な役割として位置づけました。

よくあるご質問のページでは、製品の基本的な仕様から「発泡スチロールとの違い」「フロンガスの不使用」といった専門的な疑問まで、実際に寄せられる問い合わせをもとにした内容を掲載し、問い合わせ対応の負荷軽減と、ユーザーの自己解決を促す動線を設計しました。

CMSにはセキュリティ性の高いWebRelease2を採用し、コンテンツの更新・管理も安全かつ運用しやすい環境を整えました。

制作担当者から

断熱材という「見えない素材」の価値をいかにビジュアルで伝えるかが、このサイトの一番の課題でした。カネライトフォームの軽さや高い断熱性能といった特性を、デザインやインタラクションを通じて直感的に感じていただけるよう、細部までこだわって制作しました。

特に意識したのは、訪問者の「立場」の広さです。施主・住宅オーナーのような一般の方から、設計士・施工業者といった専門家まで、それぞれが求める情報が異なります。トップページでは感覚的に製品の魅力を届けながら、製品詳細ページや省エネ基準・厚さ早見表、お役立ち情報では実務に直結する専門的なコンテンツをしっかり揃え、どの層が訪れても「必要な情報に辿り着ける」サイト設計を心がけました。

季節連動の背景切り替えは、「夏の涼しさ」「冬の暖かさ」という断熱材の本質的な価値を、言葉ではなく空気感として届けられる仕掛けです。ユーザーが訪れるタイミングで自然と共感が生まれるよう意識しました。省エネ基準の義務化という社会的背景の中で、カネカケンテック様の製品と情報が必要な人に確実に届く、信頼感のあるサイトに仕上げられたと感じています。

制作クレジット

ディレクター

Kazutaka Kojima

デザイナー

Suzuna Kojima

フロントエンドエンジニア

Chisato Takeshita

フロントエンドエンジニア

Chihiro Fujikawa

フロントエンドエンジニア

Shiori Fukuzawa

バックエンドエンジニア

Naoki Matsuda