マンションや総合病院、学校等の教育機関、オフィスビルなどへの消防設備に関する工事と点検メンテンスに対応する消防設備.jpサイトをご紹介します。住居や施設、職場でのいざという時の火災トラブル時に欠かせない消防設備についてのwebページのため、安心安全・信頼度重視のビジュアルで制作を行いました。
新規ホームページ制作ということで、大型ビルや各種消防設備 関連の画像を使用し、明るくクリーンな雰囲気を意識しました。サイト制作時のメインカラーは落ち着いたイメージのベージュで、全体的な色調整時のサブカラーは濃い色合いのブラウンを取り入れ、デザイン的なメリハリを持たせています。
新たなホームページ制作実績のご紹介:福島いわきの消防設備.jp
トップページ解説
サイト訪問者への第一印象を決めるファーストビューは”スタンダード且つ分かりやすい見せ方”で、大規模なビルと消火器のアップ画像にて構成。その2枚の写真上部へブラックトーンのレイヤーを重ねた上、サイト名 及びグローバルナビ、会社基本情報等を置いています。
中央には”明るい未来のために、信頼の消防設備で安心安全を”といったメッセージが並びます。こちらのキャッチコピーをメインビジュアルの中央へ配置した際、少しビジュアル的に寂しくシンプル過ぎる印象になったため、文面に対しオレンジ色マーカーの装飾を加えています。キャッチコピーや文言に対し 適度な飾りを重ねることで、一気にそのコンテンツまわりの見た目の印象が変わります。
新規ホームページ制作に伴うwebデザイン時は、メインビジュアルや掲載画像等をどうするか?へ つい焦点が当たりがちですが、掲載文言の見せ方も実はとても大切です。フォントやサイズ・色、装飾面を工夫することで、一気にページ全体のビジュアルが変わるほどです。
トップページ中段の「私たちの強み」では消防設備・電気工事の施工を提供する上での特徴を端的に掲載。こちらのコンテンツ部分の打ち出し方も信頼度を重視した文面と画像を重視し、短い説明文で特徴を分かりやすく提示しています。
今回 全体的に明るいデザインにて制作を行っていますが、こちらのコンテンツでは敢えて他よりも一段階カラートーンを落とし、ユーザーの視線がいくように考慮しました。消防設備画像をモノトーン調に暗く加工し、その上に重なる形式で4つの特徴をそれぞれ載せています。
トップページの後半にあたるメッセージ部分や設置実績例 紹介では、白背景に掲載コンテンツが映えるビジュアルを意識し制作。爽やかな印象を受ける画像を中心に選定し、デザイン良く仕上げています。
またメインビジュアル同様、強調部分には蛍光マーカーを加え、単調なビジュアルにならないように工夫しました。
下層ページ解説
サイト訪問者がTOPページから下層へと遷移した際のファーストビューを重視し、メイン画像部分を通常より大き目サイズにした上で、中央で斜めに2枚の画像を区切り、お洒落なメインビジュアルにて制作。
トップぺージ同様、高層ビルと消防設備イメージの別パターンとして制作しました。透明感あるデザイン/見せ方となっています。
下層ページ制作時には各コンテンツの分かりやすさの面はもちろん、サイト公開後の検索順位対策面(SEO)も考慮し制作を進めました。
ビジュアル良くサイトができても、それを多くのインターネットユーザーに閲覧されなければホームページとしての意味を成さないので アクセスを得るためのSEO対策面にも注力する必要があります。
ビジュアル良くサイトができても、それを多くのインターネットユーザーに閲覧されなければホームページとしての意味を成さないので アクセスを得るためのSEO対策面にも注力する必要があります。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作をお求めなら
東京のエグゼクティブクリエイションへ!
---------------------------------------------------------------
◇Web制作/運営管理のご相談はお気軽にどうぞ
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 のエグゼクティブクリエイションTOPページへ