ヒビノメディアテクニカル様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「新規のお問い合わせを増やしたい」というご要望をいただきました。

そのため、トップページの「イベントプロデュース」コンテンツでは、各イベントページへの導線にPCならではの視覚的な演出を取り入れております。

具体的には、各導線コンテンツにマウスを乗せると、サムネイルのお写真にかかっているグリーンの半透明フィルターが内側に円形で縮小し、スポットライトで照らし出されるように導線ボタンが現れる仕組みとしました。

そうすることで、各イベントの様子をお写真で視覚的に伝えるだけでなく、ユーザーの視線を自然に誘導してクリックを促す設計としております。

「採用情報」ページでは求職者をメインターゲットとしているため、スマートフォンとPCの使用比率を9：1に想定し、モバイルファーストで設計しております。

「採用を強化したい」というご要望をいただいたため、従来は1ページに集約されていた採用コンテンツを10ページまで拡充いたしました。働く魅力やお客様ならではの仕事内容、職場環境などをより詳しく掲載することで、求職者が企業理解を深めやすい構成としております。

特に、「3分で分かるヒビノメディアテクニカル」ページ内の「数字で見る」コンテンツでは、企業情報や働きやすさに関する多彩な魅力を、数字やデータを用いて分かりやすく可視化しました。スマートフォンの小さな画面でも直感的かつ効率よく情報を確認できる設計となっております。

トップページのメインビジュアルには、実際にお客様がイベント現場を支える臨場感あふれる動画を採用しました。ページを開いた直後は、スポットライトが当たっている円形のエリア内にのみ動画が表示される演出としております。その後、ユーザーがスクロールするとスポットライトが徐々に広がり、動画が画面全体に表示される仕組みを取り入れました。

そうすることで、演出でユーザーの心を惹きつけつつ、お客様ならではのプロフェッショナルな姿勢を直感的に伝えるデザインとなっております。

また、映像業界ならではの先進的なイメージをデザイン面からも印象付けるため、ホームページ全体にブラックやダークブルーの配色を取り入れながらも、ホワイトを基調とすることで、コーポレートサイトとして信頼感を訴求できるよう工夫を施しています。

システム面では、「レンタル機材」ページをオリジナルのCMSで自社開発しました。
こちらのCMSでは、管理画面からお客様ご自身でカテゴリごとにレンタル機材を簡単に登録することができる設計となっております。

「LEDディスプレイ」「プロジェクター」「スクリーン」などの12個の主要カテゴリに加え、「屋内LEDディスプレイ」「DLPプロジェクター」「16:9組立式スクリーン」などの約40個のより詳細なサブカテゴリにも分類できるよう仕上げました。
そうすることで、3,000種類以上あるレンタル機材の中から、ユーザーが目的の機材情報へとスムーズにたどり着ける設計となっております。

また、フリーワード検索やカテゴリ別の絞り込み機能も実装しており、ユーザビリティの向上に貢献しております。

※コンサル案件のみ弊社のマーケティングチームにより、競合調査およびキーワード分析を実施し、SEOによる集客強化を見据えたコンテンツ設計を行っております。
具体的には、細分化したキーワードでSEOからの流入を狙うため、イベントプロデュースに関するページを6ページ、機材レンタルに関するページを12ページ新規作成しました。

各イベントや各機材レンタルの詳細ページを作成することで、幅広い関連キーワードからの流入を狙っていくことができ、関心の高いユーザーを取りこぼさないよう工夫をしております。

さらに、弊社のプロライターが対策キーワードにおける上位サイトを調査・分析したうえで、検索ニーズを考慮したオリジナルコンテンツを作成しております。

加えて、「事例紹介」ページは、お客様ご自身でコンテンツを追加できるCMSとして開発しております。事例を増やしていくことでロングテールのキーワードからの流入拡大を図るとともに、サイト全体のSEO強化に繋がる設計としております。