目次
■ プロジェクト概要
Street Workout Japan様の「Japan Championship」特設サイトを制作しました。
本ページは、大会の告知、エントリー案内、競技ルール、スケジュール、過去大会情報までを集約した ブランディング特化型ランディングページ です。
情報提供と同時に、参加者・観覧者のエンゲージメントを高めるビジュアル体験を意識しました。
■ 担当範囲
- ページ全体のデザイン設計
- WordPress（固定ページ）での構築（テーマ：SWELL）
- HTML / CSSによるスタイリング調整
- 画像制作（Canva 等）
- コンテンツ設計・導線設計
- 内部SEO対策（meta, title, 構造化対応）
- Stripeを使用したエントリーフォームとの決済連携
■ 制作のポイント・こだわり
公式サイトとは別に大会特設として構築するにあたり、デザインコンセプトを大きく差別化。
視覚的にも、機能的にも「これは大会用ページだ」と直感的に分かるような設計にしました。
主なデザインの工夫点
- ■黒背景に蛍光グリーンを基調とした、クールで男らしい印象のデザイン
-
→ スポーツの力強さやストリート感を表現しつつ、公式サイトとの差別化を明確に。特に「力を、解き放て」
- ■ビジュアル優先のヒーローエリア設計
-
→ トップに大きな大会ロゴとメッセージを配置し、イベントの存在感を一瞬で伝える構成に。
- ■エントリーや情報取得の導線を最適化
-
→ CTAボタンを複数配置し、モバイルでも視認性の高い配置に。ユーザーが迷わず行動できるように設計。
- ■過去大会のアーカイブ整理
-
→ 過去大会ページを一覧で表示し、リピーターや初参加者への安心感を提供。アーカイブとしての価値も意識。
- ■レスポンシブ最適化
-
→ 特に大会当日の閲覧はスマホ率が高いため、タップ操作のしやすさ・読みやすさを重視。
各ページデザイン
■ 使用したツール・技術
- WordPress（SWELLテーマ）
- HTML / CSS
- Canva（ビジュアル制作）
- SEO内部施策（構造化・見出し最適化・メタ調整 など）
- Stripe（決済プラットフォーム）
■ クライアント様の声
「大会のブランディングに特化したデザインをしっかり作ってもらえて、非常に満足しています。
黒と蛍光グリーンの配色は、参加者からも『かっこいい！』『このページ見るとテンション上がる！』と好評です。情報の整理もされていて、エントリー導線や大会当日の案内もスムーズに伝えられるページになりました。」
■ こんな方におすすめの制作スタイルです
- イベント・キャンペーン専用の特設ページを制作したい方
- 通常サイトとは違う世界観・ブランディングを作りたい団体・企業
- スポーツ・音楽・コンテストなど、熱量の高いユーザー向けのページ設計が必要な方
