【住宅内装・設備施工 HP制作実績】株式会社カラーハウジング様｜ホームページ制作9800円～東京台東区のエグゼクティブクリエイション/反響重視のホームページ制作

千葉県船橋市で一般住宅設備の改修工事等を行っている株式会社カラーハウジング様のwebサイト制作実績です。濃いグリーン/淡いグリーンをベースにカラフルそしてシンプルモダンなデザインで制作。

シャープさを感じるwebデザインながらも住宅改装に関するサイトのため、親しみやすいイメージを意識しました。TOPメイン画像は左右分割で左が家族団らん写真、右側がjQueryにて画像を切り替わる仕様で、今お勧めの商品として設備価格が約半値のガスコンロ・給湯器・洗面化粧台等を紹介。

webデザインやサイトレイアウトはユーザーが掲載内容を認識しやすいことへ重きを置き、ベーシックな打ち出し方にしています。

住宅内装・設備施工専門株式会社カラーハウジング様（千葉県船橋市）

TOPページデザイン・見せ方

ヘッダーとグローバルメニューはとてもシンプルで、見積り/施工依頼へと繋がる「お問い合わせ」ボタンのみ目を惹くように色付きメニューにしているのが特徴です。メインビジュアルの家族とキッチン等設備画像は、”快適で豊かな暮らしを支える各種住宅設備”といったイメージで構成。

システムバスやキッチン、トイレは快適な住まいに必須ですが日々使用していると、あって当たり前のように感じてしまいます。ですが経年と共に徐々に劣化や故障が起き、入れ替えを行う必要があります。そういった際に「新たな機能を備えた、より快適な設備を安価に提供」そして、その設置工事までを行うという提供サービスに関してを表しています。

メインビジュアル下にはMESSAGEとして、テレワークの導入などお家時間の増加に伴い、”住宅機能の充実が生活の質を向上させる一助になる”といった昨今の背景に関するコンテンツを配置。お洒落でモダンなシステムキッチンとバスルームの画像を活用し、スタイリッシュなデザインで仕上げています。

その次のFEATUREも会社/サービスの強みを分かりやすく3つに絞り、イメージ画像と共に表現しました。MESSAGE部分がページ横幅で制作、FEATURE部分は画面横幅一杯まで背景画像を広がる作りにし、コンテンツ毎のメリハリを付けています。

ページ中段にはサイト訪問者が気になる/見たいコンテンツを集め、会社概要・サービス提供の流れ・料金に関してを掲載。下部には対応エリアをイラスト地図と共にレイアウトしました。

全体的にシンプルモダンな雰囲気で作られていますが、使用写真/人物写真の選定によりカラーリングにあわせた爽やかさの要素も表現できています。

下層ページ（中身のページ）について

下層もトップページのデザインレイアウトを引き継ぎ制作。各下層ページ毎に異なるメインビジュアルにし、ページ内容のイメージにマッチする画像となっています。ホームページによっては下層全てのメイン画像が同一で、その上のページタイトルのみを変えるといった制作方法もあります。しかし下層メインビジュアルが大きめで、どのページも同じメインビジュアル画像であった場合、ページを遷移した際に少なからず違和感が生じます。

また下層メイン画像の縦幅を小さめにした場合、今度はビジュアル的に寂しくなるため、弊社では下層メインビジュアルも大きめにし、ページ毎に異なる画像で制作することが多いです。