兼坂工業株式会社様コーポレートサイトリニューアル

概要

建設現場でのタワークレーンの運行管理などを担う企業の、コーポレートサイトをリニューアルしました。

もともとのコンテンツや情報構成はある程度整っていたため、内容を大きく作り直すのではなく、デザインの刷新と、更新のしやすさ・検索エンジンへの伝わりやすさを高めることを目的に取り組みました。

主なページ構成

• トップページ（事業内容・強みの紹介）
• 事業紹介・実績紹介
• 採用情報
• お知らせ・お問い合わせ
• スマートフォンにも対応したレスポンシブレイアウト

工夫したポイント

• トップページにオープニングアニメーションを実装し、サイトを開いた瞬間に会社の印象が残る演出にした（先方のご要望により、毎回表示される設定にしています）
• 下層ページは、WordPressの案件で共通して使っている自作の「パーツ」の仕組み（ACF Pro・ブロックエディタ対応）で構築。パーツを選んで並べるだけでページを組み立てられ、専門知識がなくてもクライアント自身で文章や画像を更新しやすい構成にした
• schema.org形式の構造化データ（会社情報・サービス情報）を設置し、検索エンジンに事業内容が正確に伝わるようにした
• Google タグ マネージャー経由でGoogle アナリティクス 4を設定し、後からタグの追加・変更を柔軟に行える計測の仕組みを用意した
• お問い合わせフォームにreCAPTCHA v3を導入し、利用者に画像選択などの手間をかけずに、スパム送信を防げるようにした

使用技術

制作環境・開発支援

• Claude Code

言語

• HTML
• CSS
• JavaScript

CMS

• WordPress（オリジナルテーマ・ブロックエディタ）
• ACF Pro — 管理画面のパーツの作成（WordPress案件で共通して使っている自作の仕組み）

計測・解析

• Google タグ マネージャー
• Google アナリティクス 4

セキュリティ

• reCAPTCHA v3 — お問い合わせフォームのスパム対策