イベントページの作り方｜ノーコードで60秒、必須要素チェックリスト付き

イベントページの作り方｜ノーコードで60秒、必須要素チェックリスト付き

株式会社TIMEWELLの濱本です。

セミナーや勉強会を企画して、いざ告知しようとしたときにぶつかるのが「イベントページをどう作るか」という問題です。

社内にデザイナーもエンジニアもいない。外注すると費用も時間もかかる。かといって、テキストだけのメール告知では参加意欲を引き出しにくい。結局、A社やB社に登録してテンプレ的なページを作るけど、自社のブランドに合ったページにはならない。

こんな経験、ありませんか。

この記事では、デザインやコーディングの知識がなくても魅力的なイベントページを作れる方法を紹介します。必要な要素のチェックリスト、参考レイアウト3パターン、そしてBASEを使った60秒での作成手順も解説します。

イベントページに必要な要素チェックリスト

まず、イベントページに何を載せるべきかを整理しましょう。以下のチェックリストを使って、漏れがないか確認してください。

必須要素（これがないと申し込みが減る）

要素	内容	よくある失敗
イベント名	内容が伝わるタイトル（30字以内推奨）	社内用語や略称を使ってしまう
日時	開始〜終了時刻、曜日も明記	タイムゾーンの記載漏れ（海外参加者がいる場合）
形式	オンライン / オフライン / ハイブリッド	会場住所やZoomリンクの案内漏れ
参加費	無料なら「無料」と明記	金額を目立たない場所に書いてしまう
対象者	誰に向けたイベントか	「どなたでも」と書いてターゲットが曖昧になる
得られること	参加して何が得られるか、3つ程度	イベント内容の説明だけで、メリットが不明
申込ボタン	目立つ位置に配置	ページの一番下にだけある
登壇者情報	名前、肩書き、写真、実績	プロフィールが長すぎて読まれない
プログラム	時間割形式でセッション内容を記載	「詳細は当日お伝えします」で中身が不明
定員	具体的な人数	定員なしにして緊急性がなくなる

あると効果的な要素

要素	効果	優先度
アイキャッチ画像	視覚的な第一印象。SNSシェア時にも表示される	高
参加者の声	過去イベントの満足度や感想	高
FAQ	「録画はありますか？」「途中退出できますか？」などの不安解消	中
主催者情報	信頼性の担保。企業名、サイトURL	中
キャンセルポリシー	有料イベントの場合は必須	有料の場合は必須
SNSシェアボタン	参加者による拡散を促す	中
関連イベント	シリーズ開催の場合、過去回のリンク	低

参考レイアウト3パターン

イベントの種類に合わせた3つのレイアウトパターンを紹介します。

パターン1：ビジネスセミナー型

BtoB向けのセミナーや講演会に適したレイアウトです。信頼感と情報の明確さを重視します。

┌──────────────────────────────────┐
│  ヘッダー画像（イベント名 + 日時）    │
├──────────────────────────────────┤
│  イベント概要（3〜4行）              │
│  ─────────────────────            │
│  こんな方におすすめ（箇条書き3つ）    │
│  ─────────────────────            │
│  【申込ボタン】                     │
├──────────────────────────────────┤
│  プログラム（時間割形式）             │
├──────────────────────────────────┤
│  登壇者プロフィール（写真 + 経歴）    │
├──────────────────────────────────┤
│  参加者の声（過去イベントの感想）      │
├──────────────────────────────────┤
│  開催概要（日時、場所、費用、定員）    │
│  【申込ボタン】                     │
├──────────────────────────────────┤
│  FAQ                              │
├──────────────────────────────────┤
│  主催者情報                        │
└──────────────────────────────────┘

ポイントは、申込ボタンを2箇所（ページ上部と下部）に配置すること。ページ途中で「申し込みたい」と思った人が迷わずに済みます。

パターン2：ワークショップ・勉強会型

参加型イベントに適したレイアウト。「何が得られるか」と「参加の雰囲気」を伝えることが重要です。

┌──────────────────────────────────┐
│  ヘッダー画像（参加者の様子がわかる写真）│
├──────────────────────────────────┤
│  キャッチコピー（1行で価値を伝える）    │
│  ─────────────────────            │
│  イベント概要                       │
│  ─────────────────────            │
│  得られるもの（アイコン + テキスト3つ） │
│  【申込ボタン】                     │
├──────────────────────────────────┤
│  当日の流れ（タイムライン形式）        │
│  ┌──── ──── ──── ──── ┐          │
│  │ 導入 → 講義 → 実践 → 共有 │     │
│  └──── ──── ──── ──── ┘          │
├──────────────────────────────────┤
│  ファシリテーター紹介               │
├──────────────────────────────────┤
│  過去の参加者の声                   │
│  ─────────────────────            │
│  持ち物・準備するもの               │
├──────────────────────────────────┤
│  開催概要 + 【申込ボタン】           │
└──────────────────────────────────┘

ワークショップの場合、「持ち物・準備するもの」セクションを入れると、参加者の不安が軽減されます。「ノートPCをご用意ください」「事前課題はありません」など、明確に書いてください。

パターン3：カジュアル交流会型

ネットワーキングやファンミーティングなど、交流が主目的のイベント向けです。

┌────────────────────────────────────┐
│  ヘッダー画像（明るく楽しい雰囲気）      │
├────────────────────────────────────┤
│  イベントの一言紹介                   │
│  ──────────────────────              │
│  こんな人に会えます（参加者像3つ）      │
│  【申込ボタン】                       │
├────────────────────────────────────┤
│  当日のプログラム                     │
│  ┌──────────┐┌──────────┐┌────────┐ │
│  │ 乾杯      ││テーマトーク││ フリー  │ │
│  │ 自己紹介  ││ グループ別 ││ 交流   │ │
│  └──────────┘└──────────┘└────────┘ │
├────────────────────────────────────┤
│  会場情報（写真 + 地図）               │
├────────────────────────────────────┤
│  参加費・定員                         │
│  【申込ボタン】                       │
├────────────────────────────────────┤
│  主催者から一言                       │
└────────────────────────────────────┘

交流会型のページでは、「どんな人が来るのか」を具体的に書くのが効果的です。「マーケ担当者が中心」「20代〜30代が多い」「初参加の方も多いので安心」など、参加する前の不安を取り除く情報が大切です。

BASEで60秒でイベントページを作る手順

ここからは、BASEを使って実際にイベントページを作る手順を説明します。コーディングもデザインスキルも不要です。

手順1：テンプレートを選ぶ（10秒）

BASEにログインしたら「新規ページ作成」を選びます。ダッシュボード上部のボタンから、イベントの種類に合ったテンプレートが一覧で表示されます。セミナー、ワークショップ、交流会など、目的別のテンプレートがあるので最も近いものを選んでください。

テンプレートを選んだ時点で、レイアウト構造、配色、フォントの組み合わせが整った状態になります。ゼロからデザインを考える必要がありません。

手順2：基本情報を入力する（20秒）

テンプレートのフォームに沿って、イベントの基本情報を入力します。

• イベント名
• 日時
• 形式（オンライン / オフライン / ハイブリッド）
• 参加費
• 定員
• 概要文（2〜3行）

AIアシスタント機能を使えば、概要文のたたき台を自動生成できます。「AIに書かせてから手直しする」ほうが、ゼロから考えるよりずっと速いです。

手順3：詳細コンテンツを追加する（20秒）

プログラム、登壇者情報、対象者、FAQなどのブロックを追加します。画面左側のブロック一覧から必要な要素を選ぶと、編集エリアに追加されます。ドラッグ&ドロップで順序を入れ替えられるので、先ほど紹介したレイアウトパターンを参考に構成を調整してください。

画像のアップロードもここで行います。ヘッダー画像がなくても自動でカラーバナーが生成されるので、写真素材がない場合でも見栄えの良いページになります。

手順4：申込フォームを設定する（10秒）

参加者から取得したい情報を選択します。基本は「名前」「メールアドレス」のみで十分です。取得項目が多いほど離脱率が上がるので、必要最小限に抑えてください。

有料イベントの場合は、決済連携の設定もこのステップで行います。

手順5：公開する

プレビューで確認して、問題なければ公開ボタンを押します。URLが自動生成されるので、そのまま告知に使えます。OGP画像（SNSシェア時に表示されるサムネイル）も自動で生成されるため、SNSでシェアしたときの見栄えも整います。

イベントページの主要プラットフォーム比較

「どのツールでイベントページを作るべきか」の判断材料として、主要プラットフォームの特徴を比較しました。

項目	A社	B社	STUDIO	BASE
初期費用	無料	無料〜	無料〜	要問合せ
有料イベント手数料	4.9% + 99円/枚	8%（決済手数料込）	決済連携が別途必要	要問合せ
ページ作成の自由度	低（テンプレ固定）	低〜中	高（ノーコードで自由設計）	高（AI自動生成）
作成にかかる時間	10〜20分	10〜20分	1〜数時間	60秒
コミュニティ機能	あり	なし	なし	あり
集客力（プラットフォーム内）	高（840万ユーザー）	中	なし	低〜中
分析機能	基本的	基本的	基本的	AI分析あり
ブランドカスタマイズ	限定的	限定的	自由	自由

A社はプラットフォーム内に840万人のユーザーがいるため、集客力では強みがあります。ただし、ページデザインの自由度は限られています。

STUDIOは美しいページを作れますが、イベント管理（申込・参加者管理・リマインド）は別のツールで補う必要があります。

BASEは、ページ作成のスピードとコミュニティ連携が強み。イベント単体ではなく「コミュニティ運営の一環としてイベントを開催する」使い方に向いています。

イベントページで参加率を上げるテクニック

ページを作ったあと、さらに参加率を高めるためのテクニックを紹介します。

テクニック1：ファーストビューで価値を伝えきる

訪問者の約60%は、ページの上部だけを見て離脱するか申し込むかを判断します。ファーストビュー（スクロールせずに見える範囲）に、以下の3つを必ず入れてください。

• 何のイベントか（タイトルで伝わる）
• 誰向けか（ターゲットが一目で分かる）
• いつか（日時が明記されている）

テクニック2：ソーシャルプルーフを入れる

「過去の参加者200名以上」「満足度95%」「参加者の声」など、他の人が参加している実績を示すと、申込のハードルが下がります。初回開催で実績がない場合は、登壇者の実績や主催者の信頼性で補ってください。

テクニック3：スマホでの見え方を確認する

告知をSNSで行う場合、大半の人はスマートフォンでページを閲覧します。PCでは問題なくても、スマホで見ると文字が小さかったり、申込ボタンが見つけにくかったりすることがあります。公開前にスマホで必ず確認してください。

BASEのテンプレートはモバイル対応が標準なので、この点は安心です。

テクニック4：申込フォームの項目を減らす

入力項目が1つ増えるごとに、申込完了率は約10%低下すると言われています。本当に必要な情報だけに絞ってください。

取得すべき情報	取得タイミング	理由
名前	申込時	最低限の本人確認
メールアドレス	申込時	リマインド送信に必須
会社名 / 所属	申込時（任意）	BtoBの場合はあると便利
聞きたいこと	事前アンケート（別途）	当日の内容に反映。申込フォームには入れない
満足度	イベント後	次回改善のための情報

「聞きたいこと」は申込フォームではなく、別途事前アンケートとして送るほうが、申込の離脱を防げます。

まとめ

イベントページは「作り込む」よりも「必要な情報を漏れなく、見やすく載せる」ことが大事です。

• 必須要素チェックリストで漏れをなくす
• レイアウトはイベントの種類に合わせて選ぶ
• ファーストビューに「何が・誰向けに・いつ」を入れる
• 申込フォームの項目は最小限にする
• スマホでの見え方を必ず確認する

BASEなら、AIを活用してテンプレート選択から公開まで60秒で完了します。ページ作成に時間をかけるのではなく、集客やコンテンツの準備に時間を使いたい方にはぴったりのツールです。コミュニティ機能と連携すれば、イベント参加者をそのままコミュニティメンバーとして囲い込むこともできます。

BASEの詳細はこちらからご確認ください。