近日公開・ティザー向け無料テンプレートおすすめ10選【2026年版】カウントダウン・メール登録付き
「サイトのリニューアル中に一時的な『準備中ページ』を表示したい」「新しいサービスやアプリのリリース前に、事前告知のティザーページを作ってメールアドレスを集めたい」——このようなニーズでテンプレートを探している方も多いのではないでしょうか。
近日公開(Coming Soon)・ティザーページには、通常のコーポレートサイトとは異なる独自の要件があります。公開日までのワクワク感を演出するカウントダウンタイマー、見込み顧客の連絡先を集めるメール登録フォーム、プロジェクトの世界観を伝える印象的なビジュアル、そしてSNSで拡散してもらうための共有リンク——これらが1ページにコンパクトにまとまっていることが重要です。
この記事では、当サイトに掲載されている1,000件以上のテンプレートの中から、近日公開・ティザーページ用途に特化した無料テンプレートを10本厳選してご紹介します。日本語ですぐ使えるノーコード系から、カウントダウン機能を標準搭載した海外製のスタイリッシュなHTML/CSSテンプレートまで、用途や好みに合わせて選べるようバランスよくピックアップしました。
すべてスマートフォン・タブレット・パソコンで見やすいデザインで、商用利用可能なテンプレートですので、サイトのリニューアル告知や新サービスのローンチページとして、そのまま立ち上げていただけます。
近日公開・ティザーページに必要な要素
- カウントダウンタイマー — 公開日までの残り日数・時間・分・秒を動的に表示する機能です。訪問者に「いつ公開されるか」を視覚的に伝え、ワクワク感を高められます。
- メール登録フォーム — 公開通知を受け取りたい訪問者のメールアドレスを収集する機能です。公開前から見込み顧客のリストを作っておくことで、ローンチ時にまとめて告知できます。
- 印象的なヒーロービジュアル — サービスやプロダクトの世界観を伝える、大きな背景画像・動画・アニメーションです。ティザーページは1ページ完結なので、最初の印象がすべてを左右します。
- サービス・プロダクトの概要紹介 — 「何が公開されるのか」を短く伝えるキャッチコピーと説明文です。詳細を全部見せずに期待感を持たせるのがティザーの醍醐味です。
- SNSリンク・シェアボタン — Twitter・Instagram・Facebookなどへの導線です。訪問者が友人にシェアしてくれることで、オーガニックな口コミ拡散が期待できます。
- 軽量・高速表示 — ティザーページは短期間しか使わないことが多いため、サーバーに軽く負荷をかけずに素早く表示できる構成が理想です。画像1枚+HTMLファイル数枚程度のシンプルな構成が好まれます。
- スマホ・タブレット・PCすべてで見やすいデザイン — SNSでシェアされて拡散すると、多くのユーザーがスマホから訪問します。どの画面サイズでもきれいに表示されるレスポンシブ対応は必須条件です。
無料でどこまでできる?
「ティザーページだけなら大掛かりなサイトは不要だけど、無料テンプレートで見栄えのするものは作れるの?」と疑問に思う方もいるかもしれません。結論から言えば、カウントダウンタイマーやメール登録フォームといったティザーページの基本要素は、無料テンプレートだけで十分に実現できます。
STUDIOのようなノーコードツールの無料プランを使えば、ブラウザ上で直接テキストや画像を差し替えてティザーページを作れます。特にSTUDIOの「近日公開ページ【4種類】」のようにテーマセットで配布されているものは、4つのデザインから好みを選ぶだけで、すぐにメール登録機能付きのティザーページを立ち上げられます。
HTML/CSSベースの静的テンプレート(StyleShoutやTemplates Jungleなど)であれば、zipファイルをダウンロードして編集し、既存のレンタルサーバーにアップロードするだけで使えます。カウントダウンタイマーはJavaScriptで動くため、公開日を書き換えるだけで自動的に残り時間が表示されます。特にTemplates Jungleの「Countdown」のように軽量設計のテンプレートなら、ファイルを1つ置くだけで稼働するため、リニューアル中の応急処置としても最適です。
Webflowの無料プランでは、独自ドメインの設定に制限はありますが、ティザーページ用のサブドメインであれば十分活用できます。メール登録フォームから送信された情報はWebflowの管理画面で確認できるため、公開前からリード情報を蓄積できる点も強みです。
有料テンプレートとの違い
無料テンプレートと有料テンプレートの主な違いは、クレジット表記の有無、含まれるデザインバリエーションの数、サポートやアップデートの提供などです。
無料テンプレートの多くはフッターに配布元のクレジットを残す必要があり、ブランドサイトで完全にクレジットを外したい場合は有料ライセンスを購入することになります。また、有料版ではA/Bテスト用の複数デザインや、メール配信サービスとの高度な連携機能などが追加されることもあります。
とはいえ、ティザーページは公開までの短期間しか使わない性質が強いため、無料テンプレートで必要十分です。本サイト立ち上げ後にページ自体を差し替えるケースがほとんどなので、最初から有料版を用意する必要はありません。
選定基準
- スマートフォン・タブレット・パソコンすべてで見やすいデザインであること
- 個人・商用問わず利用可能なライセンスであること
- カウントダウンタイマーやメール登録フォームなど、ティザーページに必要な要素が揃っていること
- さまざまな配布元・技術・デザインテイストをバランスよく含めること
10選 比較一覧
| テンプレート | 配布元 | 技術 | ページ数 | ライセンス | 詳細 |
|---|---|---|---|---|---|
| 1. 近日公開ページ【4種類】 | STUDIO | STUDIO(ノーコード) | 4デザイン同梱(各1ページ完結型) | STUDIO無料プランで利用可 | 詳細 |
| 2. Knox | StyleShout | HTML5 / CSS3(jQuery) | 1ページ完結型(3スタイル) | Creative Commons(クレジット表示必須 / 有料で除去可) | 詳細 |
| 3. Imminent | StyleShout | HTML5 / CSS3(jQuery) | 1ページ完結型(3スタイル) | Creative Commons(クレジット表示必須 / 有料で除去可) | 詳細 |
| 4. Count | StyleShout | HTML5 / CSS3(jQuery) | 1ページ完結型(3スタイル) | Creative Commons(クレジット表示必須 / 有料で除去可) | 詳細 |
| 5. Pixly – Webflow無料テンプレート | Webflow | Webflow(ノーコード) | 1ページ完結型 | Webflow無料プランで利用可 | 詳細 |
| 6. Magnetic – Webflow無料テンプレート | Webflow | Webflow(ノーコード) | 1ページ完結型 | Webflow無料プランで利用可 | 詳細 |
| 7. Blurr – Webflow無料テンプレート | Webflow | Webflow(ノーコード) | 1ページ完結型 | Webflow無料プランで利用可 | 詳細 |
| 8. Donerun – Webflow無料テンプレート | Webflow | Webflow(ノーコード) | 1ページ完結型 | Webflow無料プランで利用可 | 詳細 |
| 9. Coming Soon – Free Under Const | Templates Jungle | HTML5 / CSS3(軽量・独自CSS) | 1ページ完結型 | 商用利用可(クレジット表記推奨) | 詳細 |
| 10. Countdown – Free Lightweight U | Templates Jungle | HTML5 / CSS3(軽量・独自CSS) | 1ページ完結型 | 商用利用可(クレジット表記推奨) | 詳細 |
各テンプレートの紹介
近日公開ページ【4種類】
STUDIOが提供するサイト公開前の「つなぎページ」として使える近日公開(Coming Soon)テンプレート4種セットです。ナチュラル・ホワイト・ダーク・グレーという雰囲気の異なる4デザインが同梱されており、ブランドイメージに合わせて選べる点が最大の魅力です。
メールアドレス登録フォームを標準搭載しており、公開前の段階から見込み顧客のリストを作れます。STUDIOのノーコード編集でブラウザから直接テキストや画像を差し替えられるため、HTMLを触らずに短時間でサイトを立ち上げたい方に向いています。
日本語フォントに最適化されているため、翻訳調にならない自然な日本語サイトがそのまま作れます。国内向けのサービスローンチやブランド立ち上げに特におすすめです。
| 配布元 | STUDIO |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | 単一プロジェクト利用(個人・商用可 / 再販・再配布禁止) |
| デモ | デモを見る |
Knox
StyleShoutが提供するサイト公開前のカウントダウンページ向けテンプレートです。モダンで上品なデザインが特徴で、ハイブランドや高級感を大切にしたいサービスのティザーページにマッチします。
カウントダウンタイマー、メール登録フォーム、SNSリンクを標準搭載しており、ティザーページに必要な要素が一通り揃っています。静的な背景・写真スライドショー・パーティクルアニメーションの3つのスタイルから選べるため、同じテンプレートでも雰囲気を柔軟に変えられます。
StyleShoutはコードが整理されていることで評価が高く、デザインの細かな調整や独自機能の追加もスムーズに行えます。ブランドやプロダクトのプレミアム感を演出したい場面に向いています。
| 配布元 | StyleShout |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Creative Commons(クレジットリンク表示必須 / 有料で除去可) |
| デモ | デモを見る |
Imminent
StyleShoutが提供するエレガントなカウントダウンページテンプレートです。モダンで洗練された雰囲気が特徴で、ファッション・ビューティー・ライフスタイル系のブランドに特に合います。
カウントダウンタイマーと登録フォームを標準搭載し、静的・スライドショー・パーティクル背景の3パターンから選べます。背景の雰囲気を変えるだけでも印象が大きく変わるので、1本のテンプレートで複数のブランドに応用できます。
シンプルな構成ながらも細部までこだわられたデザインで、初めてティザーページを作る方でも差し替えだけで高品質なサイトに仕上がります。
| 配布元 | StyleShout |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Creative Commons(クレジットリンク表示必須 / 有料で除去可) |
| デモ | デモを見る |
Count
StyleShoutが提供するカウントダウン特化型のティザーページテンプレートです。3つの異なるスタイルバリエーションから選べ、今後のプロジェクトの事前告知に柔軟に活用できます。
シンプルかつ効果的なデザインで、余計な要素を削ぎ落としているため、訪問者の視線がカウントダウンとコールトゥアクションに自然に集中します。StyleShoutらしい整理されたコードで、軽量かつ高速に動作するのも特徴です。
ブランドの世界観をシンプルに伝えたい場合や、とにかく「公開日」を印象的に見せたい場合に向いています。
| 配布元 | StyleShout |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Creative Commons(クレジットリンク表示必須 / 有料で除去可) |
| デモ | デモを見る |
Pixly – Webflow無料テンプレート
Webflowが提供するカラフルなアプリローンチページ向けテンプレートです。トップバーとグリーンのアクセントカラーが目を引くスタイリッシュなデザインで、モバイルアプリやSaaSのローンチを盛り上げる雰囲気です。
メール登録フォーム、アプリの特徴紹介、スクリーンショット掲載エリアなど、アプリリリース前に必要な機能がコンパクトにまとまっています。Webflowのノーコード編集でブラウザから直接テキストや画像を差し替えられるため、開発チームの手を借りずにマーケターが自分でサイトを立ち上げられます。
リリース前にメールアドレスを収集し、口コミを広げる段階で特に効果を発揮します。
| 配布元 | Webflow |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Webflow Template License |
| デモ | デモを見る |
Magnetic – Webflow無料テンプレート
Webflowが提供するダークトーンを基調としたプロダクトローンチページテンプレートです。暗い背景が製品のビジュアルを際立たせ、洗練されたプレミアム感を演出するデザインです。
次の製品リリースに向けてメールアドレスを収集し、口コミを拡散させるために必要な機能がコンパクトにまとまっています。メール登録フォーム・製品の特徴紹介・スクリーンショット掲載エリアが揃っており、ガジェットやテック製品、高級ブランドのティザーとして最適です。
ダークテーマは画像を美しく見せる効果が高く、製品写真が主役になる構成で訪問者の関心を引きつけます。
| 配布元 | Webflow |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Webflow Template License |
| デモ | デモを見る |
Blurr – Webflow無料テンプレート
Webflowが提供するぼかし加工の背景が特徴的なプロダクトローンチページテンプレートです。上品で落ち着いた雰囲気の中に製品情報を配置し、訪問者のメールアドレスを収集して新製品のリリースを事前告知するのに最適な構成です。
ブラー効果を活用した背景デザインが幻想的で印象に残りやすく、シンプルながらも訪問者の記憶に残る作りです。美しいフォームデザインと組み合わせることで、メール登録のコンバージョン率向上も期待できます。
化粧品・アクセサリー・ライフスタイル系のブランドなど、ビジュアル重視の製品ローンチに向いています。
| 配布元 | Webflow |
|---|---|
| カテゴリ | ティザー・予告 |
| レスポンシブ | 対応 |
| ライセンス | Webflow Template License |
| デモ | デモを見る |
Donerun – Webflow無料テンプレート
Webflowが提供するブルーを基調とした清潔感のあるモバイルアプリ向けローンチページテンプレートです。信頼感のある配色で、ビジネスツールやSaaS、フィンテック系アプリのティザーに向いた雰囲気です。
アプリの特徴紹介・スクリーンショット掲載・メール登録フォーム・SNSリンクなど、ティザーサイトとして効果的に機能する要素がシンプルにまとまっています。アプリのリリース前にメールアドレスを収集し、口コミを拡散するための王道の構成が整っています。
Webflowのノーコード編集に対応しており、マーケティング担当者が自分で管理・更新できるのも大きな強みです。
| 配布元 | Webflow |
|---|---|
| カテゴリ | IT・テクノロジー |
| レスポンシブ | 対応 |
| ライセンス | Webflow Template License |
| デモ | デモを見る |
Coming Soon – Free Under Construction Website Template with Countdown
Templates Jungleが提供するサイトのリニューアル中や新規オープン前に設置する、カウントダウンタイマー付きの「Coming Soon」ページ専用テンプレートです。軽量なHTML構成のため、既存サーバーに置くだけですぐに公開でき、公開日までの期待感を訪問者に伝えられます。
メール登録フォームやSNSリンクを配置するスペースも用意されており、待機期間中に見込み顧客と接点を持つ仕掛けが組まれています。シンプルで邪魔にならないデザインなので、あらゆる業種のリニューアル告知ページとして汎用的に使えます。
「既存サイトのメンテナンスでしばらく表示できない」といった場面の応急処置としても最適です。
| 配布元 | Templates Jungle |
|---|---|
| カテゴリ | 不動産・建築 |
| レスポンシブ | 対応 |
| ライセンス | 無料(個人・商用利用可 / クレジット表記推奨) |
| デモ | デモを見る |
Countdown – Free Lightweight Under Construction / Coming Soon HTML Page Template
Templates Jungleが提供するサイト公開前やメンテナンス中に表示する、軽量なカウントダウン付きの「準備中」ページテンプレートです。シンプルな1ページ構成でファイルを設置するだけで使えるため、リニューアル中のサイトや新サービスのティザーとして手軽に利用できます。
SNSリンクやメール登録欄を加えれば、公開までの期待感を高めながら見込み顧客を集める仕組みが作れます。余計な装飾を省いたミニマルな設計で、どんな業種のサイトにも違和感なく馴染みます。
軽量設計なのでサーバー負荷が小さく、短期運用のティザーページに最適です。
| 配布元 | Templates Jungle |
|---|---|
| カテゴリ | その他 |
| レスポンシブ | 対応 |
| ライセンス | 無料(個人・商用利用可 / クレジット表記推奨) |
| デモ | デモを見る |
用途別おすすめ
日本語ですぐに始めたいなら
近日公開ページ【4種類】(STUDIO)がおすすめ。4つのデザインが同梱されているので、ブランドの雰囲気に合うものを選ぶだけで使い始められます。STUDIOのノーコード編集でブラウザから直接更新でき、日本語フォントに最適化されているため、翻訳調にならない自然な日本語サイトが作れます。
アプリやSaaSのローンチページを作りたいなら
Pixly / Donerun(Webflow)がおすすめ。アプリの特徴紹介・スクリーンショット掲載・メール登録フォームがまとまっており、リリース前のリード獲得に効果的です。Webflowのノーコード編集で、マーケティング担当者が自分で管理・更新できます。
プレミアム感のあるプロダクト告知なら
Magnetic / Blurr(Webflow)がおすすめ。ダークトーンやぼかし加工の上品なビジュアルで、高級感や洗練された雰囲気を演出できます。化粧品・ガジェット・ファッション系のブランド立ち上げに特に向いており、製品の価値を視覚的に伝えられます。
サーバーに置くだけで即公開したいなら
Coming Soon / Countdown(Templates Jungle)がおすすめ。軽量なHTMLファイル構成で、既存のサーバーにzipを解凍して置くだけで動きます。サイトリニューアル中の応急処置や、短期間だけ表示したい場面で特に便利です。
ブランドの世界観を3スタイルで試したいなら
Knox / Imminent / Count(StyleShout)がおすすめ。静的背景・スライドショー・パーティクル背景の3パターンが同じテンプレート内に同梱されており、1つのテンプレートで複数の雰囲気を試せます。ブランドのトーンに合う表現を選びやすいのが魅力です。
