できること
- フォントと写真を埋め込んだオフライン HTML ファイル 1 つ。または Next.js、React、Vue、Astro への移植版
- ライブの旅の検索バーのある風景のヒーロー、時間差で出る写真のコラージュ、季節のタブ
- 絞り込みつきの旅の一覧、予約パネル付きの旅の詳細ページ、予約リクエストのフォーム
- 体験、リトリート、ガイドのプロフィール、ジャーナル、旅選びのクイズ、FAQ、お問い合わせ、404 のページ
- 任意：見積もりのあと、PopNow で行う旅の写真の清掃、新しい風景、ゆっくりしたヒーローのループ
向いている用途
- 少人数のウォーキング、サイクリング、スキーツアーの運営会社
- 厳選した旅のリストを持つ旅行会社
- ロッジ、山小屋、リトリート、目的地のガイド
向いていない用途
- 空き状況と決済：システムをつなぐまで、予約はリクエストです
- 多くの仕入先にまたがるフライトとホテルの検索
- 派手でカラフルなブランドの見た目
使い方
Claude・ChatGPT で
PopNow のスキル「旅行会社のウェブサイト テンプレート」（travel-agency-website）を使って、次のことをしてください：Fjordline Walks のサイトを作って。西ノルウェーで 6 週間のガイド付きハイキングを行う小さな会社で、通貨は NOK。ロッジが 2 つ、ガイドが 3 人。
コーディングエージェントで
/popnow-travel-agency-website Fjordline Walks のサイトを作って。西ノルウェーで 6 週間のガイド付きハイキングを行う小さな会社で、通貨は NOK。ロッジが 2 つ、ガイドが 3 人。
次はこれ
縦長のフィヨルドの写真をヒーローに広げて、旅の写真とライトを揃えて。まず見積もって。
旅選びの質問を、体力、季節、宿泊についてのものに変えて。
用意しておくもの
- 旅の長さ、難易度、グループの人数、価格、含まれるもの、日程
- 実際の資格のあるガイドやホスト
- 予約条件：手付金とキャンセル
- 旅の写真（携帯の写真でも可）、または PopNow API キー
似ているスキル
すべて見る →- Web
3D アバター作成ツール
+25ぬいぐるみのようなかわいい 3D キャラクターをブラウザで作り、透過 PNG や 3D ページとして保存できます。
- Web
カレンダーヒートマップ
+251 年分の日々の活動を濃淡付きのカレンダーで表示。連続記録、合計、キーボード操作にも対応します。
- Web
AI SaaS ランディングページ
+25温かみのある砂色の紙に細い罫線とハッチングの溝を配し、AI アシスタントがタスクを計画するライブのかんばんボードを置きます。
- Web
アニメーション付きヒーローセクション
+25見出しの一語がゆるやかに切り替わり、ボタン 2 つと横長の画像枠を備えた LP のヒーローセクションです。
- Web
飲料ブランドのウェブサイト テンプレート
+25ショップ、ケース作成、取扱店マップ、デモ用チェックアウトを 1 ファイルに収めた、明るい飲料・スナックのブランドサイト。
- Web
シェーダーのヒーロー付きの代理店サイト
+25下に固定された宣言文の後ろで、ライブのオレンジの熱をしたシェーダーのヒーローが動き、ピルのナビと、ずらして並ぶ事例のグリッドが続きます。
- Web
ダークモード SaaS ランディングページ
+25動きの多いダークトーンのソフトウェア製品向けマーケティングサイトを、自己完結した HTML ファイル 1 つで届けます。
- Web
デザイナーのポートフォリオサイト
+25落ち着いたグレーの上で、フェードする見出しの周りを 6 枚の傾いたカードが漂い、赤いポートレートのカードと、雑誌風の事例が続きます。
- Web
エンジニア向けポートフォリオサイト
+25事例紹介、執筆、登壇、履歴書、問い合わせフォームを備えた、エンジニア向けのダークな個人サイトです。
- Web
雑誌風の SaaS サイト
+25ネイビーの分割ヒーロー、ドキュメンタリー写真の横に並ぶ 5 行のセリフの見出し、斜めの帯、コバルトのアクセントひとつ。
- Web
フリーランスデザイナーのサイト
+25定額パッケージを売る、大胆な 1 人スタジオのサイト。プランのページ、事例、依頼フォーム付き。
- Web
グラスモーフィズムのサイトテンプレート
+25ほぼ黒のフィルムの上の、すりガラスのピル形ボタン。斜体の 1 語を含む大きなセリフの見出しと、メールの登録欄。
- Web
ハードウェア製品のサイト
+25銀色のスタジオ写真の上に、極細の巨大なモデル名。すりガラスのスペックカード、実寸比のラインアップ、ハードウェアのベントー。
- Web
インタラクティブなアーキテクチャ図
+25検証済みの JSON モデルから作る、オフラインでクリックできるシステム構成図。各ボックスの根拠も確認できます。
- Web
インタラクティブなグリッドのヒーロー
+25ほぼ黒の上の細い線のダークなグリッドが、カーソルの方へ曲がり、クリックのたびに光る輪が広がります。
- Web
ナレッジグラフ エクスプローラー
+25プロジェクトのメモを、すべての記述が出典の行にリンクする、オフラインで検索できるグラフに変えます。
- Web
KPI ダッシュボードのテンプレート
+25変化のチップ付きの 4 つの KPI タイルの下に、光る折れ線グラフ、内訳の表、目標のバー。温かい紙の上で。
- Web
AI モックアップからのランディングページ
+25まず 3 つのフルページのデザインを見て、ひとつを選ぶと、エージェントがきれいでレスポンシブなコードに組み上げます。
- Web
Web マガジンサイト テンプレート
+25記事、トピック、小さなショップ、定期購読を備えた、紙の雑誌のような質感のサイトを HTML ファイル 1 つで。
- Web
パーティクルアニメーションのヒーロー
+25温かい紙の上の文章の横で、インクとティールのドットの回転する球体が、アイデアごとに形を変え、スクロールで散ります。
- Web
個人ブランドのウェブサイト
+25細い枠の中で、温かい紙にやわらかくなじむ肖像。両側には、軽めと太字の言い切り。
- Web
ペットショップのウェブサイト テンプレート
+25カタログ、バリエーション、カート、補充プランナー、デモ用チェックアウトを 1 つの HTML ファイルに収めた、動くペット用品ショップ。
- Web
ポッドキャストのウェブサイト テンプレート
+25再生できるヒーロー、エピソードのアーカイブ、ゲストのページ、ページをまたいでも再生が続くプレーヤーを備えた番組サイト。
Web手描き風の料金表セクション
+25傾いたインクのカード、年額切り替え、ダークモードを備えた、ノートのような料金表。1 つのオフラインファイル。
- Web
シネマティックな製品ローンチページ
+25映画の光に照らされたほぼ黒のページ。ゆっくり流れる光の上のセリフの表題カード、レターボックスの夜のシーン、予約フォーム。
- Web
論文のウェブサイト
+25論文のプロジェクトページ。インタラクティブな図 1、結果、限界、ワンクリックの引用つき。
- Web
管理画面ダッシュボード テンプレート
+25グラフ、表、カンバン、カレンダーを備えた、実際に動くバックオフィス画面を、オフライン HTML ファイル 1 つで。
- Web
SaaS ランディングページ テンプレート
+25実際に動く製品コンソール、料金、登録フォームを備えた、落ち着いた明るいトーンのソフトウェア製品向けマーケティングサイトです。
- Web
スクラップブック風ポートフォリオサイト
+25紙の小物で作る複数ページのオンライン履歴書。事例紹介と印刷できる履歴書付きです。
- Web
スニーカーショップ サイトテンプレート
+25カタログ、商品ページ、カート、デモ決済を備えた、靴・アパレルのショップ一式を HTML ファイル 1 つで。
- Web
スポーツクラブのウェブサイト テンプレート
+25時間割、コーチのページ、会員制度、コートの配置図、予約を 1 つのファイルにまとめた、クラブ、ジム、スタジオのサイト。
- Web
お客さまの声の壁セクション
+25お客さまの声を組石のように並べるか、ゆっくり流れる壁にするセクション。掲載の了承を得た声だけを出します。
- Web
ワークフロー自動化のランディングページ
+25グラファイトのページ。小さく左寄せの見出しと、その下で実行、再試行、ログの流れるライブのノードグラフ。
よくある質問
一番良い写真が縦長の携帯写真です。ヒーローにできますか？
はい。PopNow の画像拡張が、山頂を切らずに、空と谷を広い枠まで広げます。アップスケーラーで、小さなファイルも全画面で見られる鮮明さにします。どちらも実行前に見積もりが出ます。
訪問者はオンラインで支払いや予約ができますか？
予約パネルと予約フォームは動き、ページ内で確認を出しますが、何も予約も請求もされていないことを明記します。予約システムをつなぐのは別の工程です。
山の旅にしか合いませんか？
いいえ。同梱の写真はアルプスのものですが、旅はツアー、宿、ルートのいずれでもよく、ガイドはホストにもできます。新しい地域には、同じアートディレクションで新しい風景が加えられます。
API キーがない場合は？
ご自身の写真、旅に合う同梱の風景、グラデーションや線画の代用で、サイトは完成します。返信には、まだ写真が必要な枠の一覧が入ります。
小さなチームにとって良いツアー会社のウェブサイト テンプレートですか？
はい。旅、日程、価格、ガイドは 1 つのデータファイルにまとまるので、2 人のツアー会社や一人のガイドでも運営できます。日帰りツアーのサイトのテンプレートや、ツアーガイドのサイトのテンプレートとしても使えます。ロッジのページを外し、旅選びと予約フォームを残してください。