Airy 航空券予約ランディングページv1.0.2

Airy Flight Booking Landing は、落ち着いた上質なトラベルスタイルで航空券とホテルの予約サイト一式を構築します。淡いブルーの背景、白い角丸のシェル、2 行の大文字見出しの下に銀色の飛行機、旅程タイプのタブ付き検索カード。作例は架空の旅行代理店 Aero & Away で、検索・結果・座席選択・予約がすべて動作する 20 の連結ページで構成されています。

手に入るもの

• フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
• 一通りそろったページ群：航空券の検索と結果、座席表付きのおすすめ便、詳細ページ付きのホテル、セール、航空会社、サポート、3 ステップの予約、お問い合わせ、ログイン、親切な 404 ページ。
• 目に見えるフィードバックを返す動作するコントロール：空港の入力補完、2 か月表示の期間カレンダー、旅行者数と客室クラスの上限、フィルター、並べ替え、空の状態、予約内容の確認。
• すべての画像に共通するアートディレクション：淡いスカイブルー、チョークホワイト、サンドの柔らかな日差し。各ホテルは縦長カードで全体が見えるように表示します。
• コンテンツを隠さず、モーションを減らす設定も尊重する、穏やかな登場アニメーションとページのフェード。

使い方

1. ブランド名、ターゲット、路線や目的地、ホテル、運賃、サポート情報を共有します。不足している内容はもっともらしい仮テキストで下書きし、確認用に一覧にします。
2. 自分の写真を送るか、同じ柔らかな日差しのスタイルで、ホテル・目的地・チームの新しい画像をエージェントに生成させます。飛行機、機内、2 枚のフライト画像は汎用的なのでそのまま使えます。
3. すべてのページをデスクトップとスマートフォンで開き、検索、フィルター、予約ステップを試して、修正を依頼します。

書体は Instrument Sans と Geist Mono で、ファイルに埋め込まれています。新しい画像はエージェント自身の画像ツールで作成され、その利用料金がかかる場合があります。作例が実際に予約や課金を行うことはありません。