札幌・北海道でドローン空撮と各種撮影を手がける株式会社Ido Airのサービスサイトを制作しました。一等無人航空機操縦士が在籍する撮影会社で、店舗・宿泊施設の撮影から商品撮影、ブライダル、空撮まで対応しています。WordPressのオリジナルテーマとして構築し、2026年7月に公開しました。
URL: https://idoair.jp/
課題：映像で伝える会社のサイトが、映像で伝えていなかった
旧サイトはWordPress.comのテンプレートで運用されており、撮影実績や機材、料金の情報が分かれていて、問い合わせまでの導線が見えにくい状態でした。撮影会社である以上、サイトを開いた瞬間に映像の質が伝わること、そして「どんな撮影を、いくらで頼めるか」が1ページで分かることを目標にしました。
設計：動画のファーストビューから料金・問い合わせまで1ページで通す
- ファーストビュー: 実際の空撮映像を背景動画にし、その上にキャッチコピーと問い合わせ導線を置いた
- 実績: ドローン／宿泊施設・店舗／商品撮影の3カテゴリに分け、切り替え式のギャラリーで見せる。29点の写真をカテゴリごとに整理した
- 料金プラン: 企業向けと個人向けの2軸で整理し、一覧で比較できる形にした
- メンバー: 操縦士・撮影担当をカードとモーダルで紹介。国家資格（一等・二等無人航空機操縦士）を明記
- 使用機材: 保有する機体の一覧ページを別途用意
- ヘッダーは追従型。トップでは透過、スクロール中は白背景に切り替え、下方向スクロールで隠れ、上方向で再表示する
デザインはFigmaのデザインデータを1366px基準で忠実に実装し、広い画面では構図ごと中央に寄せる方式にしました。
実装：WordPressオリジナルテーマ、本番はWordPress.com
- テーマはゼロから自作。トップ、使用機材ページ、ブログ・コラム、お問い合わせで構成
- 実績ギャラリーはWordPressの投稿とメディアで管理し、クライアント側で写真の追加・差し替えができる
- お問い合わせフォームはプラグインを使わず自社実装。送信内容をWordPress内に保存して管理画面から確認でき、管理者宛の通知メールとお客様宛の自動返信を送る
- 本番環境はクライアントが契約していたWordPress.comのビジネスプランをそのまま使い、SSHとWP-CLIでテーマを反映。旧サイトの記事とメディアは引き継いだ
- 旧サイトはアーカイブとして別URLに保全し、移行後も参照できるようにした
- 構造化データ（LocalBusiness）を出力
公開後
- 公開後もメンバー追加、料金プランの修正などの更新を継続して対応している
- ブログ・コラムはクライアント側で運用中
制作情報
- 担当範囲: 設計、Figmaデザインの実装、WordPressテーマ実装、フォーム実装、旧サイトからの移行、公開作業
- 使用技術: WordPress（オリジナルテーマ）、PHP、CSS、JavaScript、WordPress.com（本番ホスティング）