project detail

Event Site

url
https://fukuumekou.jp/
role
  • Design
  • Coding
tech
  • HTML
  • SCSS
  • JS
  • WordPress
function
  • カスタム投稿タイプ
  • カスタムフィールド(ACF)
  • スライダー
  • フェードアニメーション
  • モーダル
  • スクロールアニメーション
  • ページネーション
  • パンくずリスト
  • レスポンシブ対応
  • Google マップ
duration
120時間
イベントサイト
イベントサイト

Overview

天神祭の船渡御予約を目的としたWebサイトをデザイン・コーディングから一貫して制作しました。

サイトの目的である「予約獲得」を最優先に設計し、スクロール中も常にCTAボタンを表示することでユーザーがどのページにいても予約へ誘導できる導線を構築しました。

SEO面ではtitleタグ・descriptionタグ・OGPタグを各ページ丁寧に設定し、検索流入と SNSシェア時の見栄えにもこだわりました。WordPressのカスタム投稿タイプで公演情報やブログを管理できる設計とし、クライアント様による継続的な運用を可能にしています。

Points

  • 予約獲得を目的とした固定CTAボタンで常に予約への導線を確保
  • titleタグ・descriptionタグ・OGPタグを各ページ丁寧に設定しSEOを強化
  • カスタム投稿タイプで公演情報・ブログを管理画面から更新可能
  • スライダー・スクロールアニメーションで祭りの雰囲気を視覚的に表現
  • ページネーションで記事一覧を見やすく整理
  • レスポンシブ対応でモバイルからの予約もスムーズに

デザインの見栄えだけでなく「予約を増やす」というビジネス目的を意識した設計を心がけました。CTAボタンの常時表示やSEO設定など、公開後の成果につながる実装を優先しています。

制作会社様のコーディングパートナーとして
HTML / CSS / JavaScript / WordPress のコーディング業務をサポートしています。

案件のご相談などお気軽にお問い合わせください。