Website Page Builder for WordPress

ナイトワークのLP、Webサイトを、
完全ノーコードで。

ノーコードで、思い描いたサイトをそのまま形に。

CASTPRO ZETA は、ナイトワーク業界に特化した

軽量WordPressページビルダーです。

ナイトワークのWebサイトに必要な機能を、
ひとつのビルダーに。

パーツ編集画面

20種類以上のパーツと
専用ウィジェット。
すべてキャンバス上で。

見出し・ボタン・スライダー・動画から、在籍一覧・出勤スケジュール・口コミまで。業界特化のウィジェットを標準搭載し、画面上に追加するだけで機能するパーツが揃っています。

  • カラム
  • 見出し
  • テキスト
  • 画像
  • 動画
  • スペーサー
  • 区切り線
  • ボタン
  • テーブル
  • アイコン
  • ショートコード
  • フローティング・メニュー
  • アコーディオン
  • メニュー
  • ウィジェット
    • 在籍キャスト
    • 出勤スケジュール
    • クチコミレビュー
    • 新着情報
    • スライダー
  • ロゴ
  • 電話番号
  • ハンバーガーメニュー
  • 会員用ログイン
  • パンくずリスト
<基本機能>
  • フロント・ページ
  • 年齢認証モーダル
  • 在籍キャスト一覧
  • キャスト詳細ページ
  • 出勤スケジュール
  • 会員ログイン/新規会員登録
  • クチコミレビュー
  • クチコミ投稿
  • メッセージ送信
  • マイページ
  • キラキラフィルター
  • レーダーチャート
  • いいね機能

テンプレートを選んで、
ワンクリックで導入。

テンプレートライブラリから好みのデザインを選ぶだけで、簡単にインポートできます。
0から作る時間がなくても、完成度の高いサイトをスピーディーに公開。
インポートしたテンプレートは、編集画面で自由に、パーツの追加・削除等を行うことができます。テンプレートの種類は、日々ラインナップが追加されます。

<選べるテーマ・モード>
ページビルダー・モード
テンプレートとページビルダーによりサイトをデザインするモードです。 テンプレートを編集して公開するだけで、タブレット、スマートフォン対応のサイトをスピーディーに公開できます。
オリジナル・テーマ・モード
あなたが現在お使いのWordPressテーマに、ウィジェットやショートコードで、キャスト、出勤などのパーツを表示できるモードです。
※以下のページについては、オリジナルテーマでも、専用テーマと同じデザインで表示されます。
  • フロント・ページ
  • 年齢認証モーダル
  • 在籍キャスト一覧
  • キャスト詳細ページ
  • 出勤スケジュール
  • 会員ログイン/新規会員登録
  • クチコミレビュー
  • クチコミ投稿
  • メッセージ送信
  • マイページ
テンプレート一覧画面
在籍キャストウィジェット

ナイトワークに特化した、
実用的なウィジェット群。

在籍キャスト・出勤スケジュール・クチコミなど、業界に欠かせない機能をウィジェットとして標準搭載。配置するだけですぐに使えます。

フォント設定画面

96+アイコン
27+フォント

96 種類以上のアイコンと、27 種類以上の Web フォントを搭載。

リアルタイムプレビュー画面

リアルタイムプレビュー。
ノーコードでそのまま公開へ。

編集した内容はその場でプレビューに反映され、保存すればそのままフロントエンドへ。公開までのスピードを限りなく短縮します。

design.md

デザイン・システム

DESIGN.md とは、AI エージェントに、Web サイトの配色・フォント・余白といった
デザインシステムや世界観を正しく伝えるための、Googleが新たに開発した、
AIコーディングエージェント向けのデザイン仕様フォーマットです。

design.md
パーツ編集画面

なぜdesign.mdが重要なのか

AIによって、画像・動画・Web・デザインなどは、専門的なソフトウェア操作や制作技術を持たない人でも、一定水準のアウトプットを短時間で作れるようになりました。
しかし、「それなりに良いものを作る」ことと、「意図したものを正確に作る」ことは別です。
『自分が頭の中でイメージしている「曖昧な感覚」を、具体的に言語化できること。』
この差は、AIの性能が上がるほど重要になります。

例えば、モーション系であれば、「文字をかっこよく動かしたい」という感覚があったとしても、

  • キネティック・タイポグラフィ(動く文字・文字アニメーション)
  • Character-by-Characterアニメーション(1文字ずつ表示するアニメーション)
  • Stagger(時間差で順番に動かす)
  • Scale Punch(文字を一瞬大きくする演出)
  • Overshoot(目標位置を少し通り過ぎる動き)
  • Settle(跳ね返って落ち着く動き)
  • Masked Reveal(マスクで徐々に文字を見せる)
  • モーション・ブラー(動きによる残像・ブレ)
  • イーズ・アウト(最後にゆっくり止まる動き)

等の用語を知っていれば、「なんとなくかっこいい動き」ではなく、「どのような動きをしてほしいのか」を高解像度でAIに伝えられます。 これは、カメラワークや、デザインでも同様で、 撮影、デザイン、モーション、動画のジャンルごとの専門用語で言語化できるスキルが重要になってきます。

例えば、Webサイト制作のdesign.mdでは、


デザイン・ディレクション
  • デザイン・コンセプト
  • ビジュアル言語
  • 色
  • タイポグラフィー
  • レイアウト
  • モーション
  • Avoid(ネガティヴ要素)

のような情報を持たせておくことで、AIは単に「Webサイトを作る」のではなく、 「このデザイン・システム / アート・ディレクションに従ってWebサイトを作る」という状態になります。
design.md は単なる「デザイン仕様書」ではなく、AI時代におけるクリエイティブの共通言語・設計思想を保存するファイルであると言えます。


CASTPRO ZETAは、そのdesign.mdの設計をもとに作成したテンプレートとなっています。

ページビルダーの再発明

CASTPRO Lightning は、従来型のページビルダーの設計とは大きく異なります。
多くのページビルダーには、設計に由来する次の2つの課題があります。

【1】HTMLの肥大化による表示速度の低下

見出し1つを置くだけでも、「セクション → コンテナ → カラム → ラッパー → ウィジェット → 中身」のように、何重にも div が入れ子になります。ページが長くなるほど要素数が増え、ブラウザの描画が遅くなります。
表示するたびに大きなJavaScriptやCSSを読み込むことも、表示速度を落とす原因になります。

【2】データのロックイン

ページの中身を、ショートコードやビルダー独自の形式で保存している製品があります。その場合、プラグインを無効にするとデザインが消えたり、[section ...] のような文字列が画面に並んだりします。
コンテンツを別のテーマやサービスへ移すのも難しくなります。

CASTPRO Lightning は、ページを「構造」「見た目」「サイト全体のデザイン」「動的データ」の4つに分けて保存します。

従来型 CASTPRO Lightning
本文の保存形式 ショートコードや独自形式のデータ WordPress 標準の本文(post_content)に、そのまま表示できるHTMLを保存
HTMLの入れ子 要素ごとに何重ものラッパー 「行 → カラム → 要素」の浅い構造(同梱テンプレートで最大7~8段)
ショートコード 多数使用 本文では使用しない
見た目の保存 独自データに含めて保存 基本的なレイアウトはHTMLに書き込み、編集した装飾は要素ごとの差分として別に保存
色・フォント 要素ごとに個別指定しがち 全体設定(カラー4色、本文・H1〜H5のフォント)で一括管理
キャスト一覧・新着など 保存時の表示内容を持つことがある 設定だけを保存し、表示のたびに最新データで描画
ヘッダー・フッター テーマや別機能に依存 サイト共通パーツとしてビルダーで編集・保存
サイト間の移行 別途ツールや手作業が必要 本文・ヘッダー・フッター・設定・画像をZIP1つで書き出し・取り込み

※「従来型」は、一般的なページビルダーの傾向をまとめたものです。製品やバージョンによって違います。

0 テンプレート
0 アイコン
0 フォント

よくある質問

レンタルサーバーとドメインをご用意していただき、WordPressをインストールして準備は完了です。後は、購入後にダウンロードしたプラグインとテーマを有効化するだけで、ご利用できます。

ウィジェット、ショートコードを使うことで、ユーザー様がお使いの現在のWordPressテーマに、現在のデザインを生かしたまま、在籍キャスト、出勤スケジュール、プロフィール等を表示することができます。

できます。エクスポートで書き出したzipファイルを、移転先サイトへインポートすることができます。メディアライブラリへの画像・動画の登録とURLの置き換えは自動で行われます。

適用前の状態は「直前の状態に戻す」で元に戻せます。大きく作り込んだページは、念のため先にエクスポートしておくことをおすすめします。

キャストデータ、出勤スケジュールについては、専用の移行ツールを使って既存のデータをそのまま使用することができます。(キャストのアイコン、タイプ、オプション等、一部の機能を除く。)

はい。ランディングページや、一般業種のサイトも作成できます。

テンプレートに含まれるすべての画像、動画については、デモサイト用のメディアなので差し替えて使用してください。
必要に応じて、AIによる画像生成、バーチャル・モーフィング動画、SNS向けショート動画等の作成も承っております。

NEWS INFORMATION

ニュース&インフォメーション