株式会社エイチ・アイ・ユーサービス様のホームページ制作事例

コンセプト

このサイトは、警備会社を事業のドメインとしているので、安心と信頼、そしてスピード感をイメージしました。
またこのサイトの目的が今後不足するであろう若手の人材確保という内容だったので、会社に来てほしい若い人材をビジュアル的に使うことで共感を持ってもらえるように配慮しました。

最近は、ライセンスフリーの素材でも、AIによる生成機能を使って、非常に高品質でリアリティのある画像を用意することができます。
メインビジュアルの女性も実在しない人物ですが、実際にいてもおかしくないクオリティとリアリティを実現しています。
若い方がこのサイトを見て共感を感じてもらい、ぜひ募集に応募してくれることを願っています。

この企業は地元密着のサービスを展開しているため、地元である札幌の街並みを俯瞰した写真を配置して、地元に根づいた会社であることをアピールしています。
採用情報を見て、応募してもらうことに主眼をおいていますので、採用情報ページのコンテンツに力を入れています。
デザインはロゴマークのカラーであり、信頼をアピールする濃紺をベースカラーとして、そこに明るい水色をアクセントカラーとして使用しています。

弊社からの制作アプローチ

サイトは、レスポンシブ・Webデザインを実装するため新しいBootstrap5.3.3を使用しています。Bootstrap5.3では、より柔軟なレスポンシブデザインの実装が可能になりました。
パフォーマンス面で、CSSとJavaScriptの最適化が行われページ読み込み速度の向上が図られています。
それによってCore Web Vitals（コアウェブバイタル）での評価が高くなることが期待できます。これはSEO的なメリットがあります。

冒頭ローディングのアニメーションを表示させて離脱されずらくしています。
見出しではCSS transformプロパティのskew関数を使って斜めの表現を多用してスピード感を演出しています。
同時にCSS transformプロパティのscale関数を用いたアニメーションによってスピード感がさらに出るようにしています。
スクロールまたは、スワイプに反応するようにして、順番にアニメーションが起動するので、とても躍動感を感じる仕様になっています。

今後、更新を定期的に行いながら、コンテンツに厚みを加えていくことで、ユーザーからも信頼され、会社に対する印象も良くなっていくように手を加えていきたいと考えています。

ホームページ制作について気軽に弊社にご相談ください。

クライアント	株式会社エイチ・アイ・ユーサービス様	業種	警備・不動産管理・訪問看護
エリア	札幌市	制作内容	ホームページ制作
プラン	スタンダード	制作ページ数	10ページ
制作期間	1ヶ月間	U R L	https://www.hius.co.jp/