Airy 항공권 예약 랜딩 페이지v1.0.2
이 Skill로 다음을 할 수 있습니다: 랜딩페이지 제작.
급상승
5.0다운로드 33회좋아요 2개저장 1회
$4.99
이 Skill을 구매하면 무엇을 받나요?연한 파란색 배경, 둥근 흰색 셸, 두 줄 대문자 헤드라인 아래의 은빛 비행기, 여행 유형 Tab이 있는 검색 카드로 완성된 항공권·호텔 예약 사이트를 만듭니다. 검색, 결과, 좌석 배치도, 호텔 페이지, 3단계 예약이 모두 작동하며, 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 파일로 제공됩니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 브랜드 전용 단일 웹사이트 파일. 자체 프레임워크 프로젝트가 있다면 그 프로젝트로 이식해 드립니다.
- 작동하는 예약 흐름: 공항 자동 완성, 두 달 범위 캘린더, 탑승객·좌석 등급 선택, 필터링된 결과, 좌석 배치도, 검토 단계를 포함한 3단계 예약.
- 시그니처 룩: 연한 파란색 배경, 흰색 셸, 은빛 비행기 Hero, 여행 유형 Tab, 탑승권 모양 요금 카드, 산뜻한 호텔 카드. 전용 이미지 15장을 쓴 20페이지 예시로 보여줍니다.
이런 분께 추천
- 차분하고 고급스러운 예약 프런트엔드가 필요한 여행사, 항공사, 호텔 그룹.
- 패키지나 숙소를 항공권·호텔 섹션에 맞춰 넣을 수 있는 투어 운영사와 빌라 에이전시.
- 실제 재고를 연결하기 전에 고객과 테스트할 클릭 가능한 예약 프로토타입이 필요한 팀.
이런 분께는 비추천
- 실시간 항공 재고, 결제, 실제 예약. 폼은 데모용 확인 화면만 정직하게 보여줍니다.
- 산뜻한 흰색 셸 대신 어둡거나 빽빽하거나 일러스트가 많은 룩을 원하는 브랜드.
- 가상의 Aero & Away 브랜드, 호텔, 상담사를 실제 사업처럼 공개하는 용도.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험랜딩페이지 제작스타일 고정편집 가능한 결과물데이터 탭항공편Hero호텔
이 Skill 소개
Airy 항공권 예약 랜딩 페이지는 차분하고 고급스러운 여행 스타일로 완성된 항공권·호텔 예약 사이트를 만듭니다. 연한 파란색 배경, 둥근 흰색 셸, 두 줄 대문자 헤드라인 아래의 은빛 비행기, 여행 유형 Tab이 있는 검색 카드가 특징입니다. 예시는 가상의 여행사 Aero & Away로, 검색, 결과, 좌석 선택, 예약이 모두 작동하는 20개의 연결된 페이지로 구성됩니다.
제공 내용
- 폰트와 이미지가 내장되어 어떤 브라우저에서도 열리고 오프라인에서도 작동하는 단일 웹사이트 파일. 이미 프레임워크 프로젝트가 있다면 디자인을 그 프로젝트로 옮겨 드립니다.
- 전체 페이지 구성: 항공권 검색과 결과, 좌석 배치도가 있는 추천 출발편, 상세 페이지가 있는 호텔, 특가, 항공사, 고객 지원, 3단계 예약, 문의, 로그인, 친절한 404 페이지.
- 눈에 보이는 피드백이 있는 작동하는 컨트롤: 공항 자동 완성, 두 달 범위 캘린더, 탑승객 수와 좌석 등급 제한, 필터, 정렬, 빈 상태 화면, 예약 검토.
- 모든 이미지에 적용된 하나의 아트 디렉션: 연한 하늘색, 분필 같은 흰색, 모래색의 부드러운 자연광 속에서 각 호텔을 세로형 카드에 온전히 담았습니다.
- 콘텐츠를 가리지 않고 동작 줄이기 설정을 존중하는 차분한 등장 효과와 페이지 페이드.
사용 방법
- 브랜드명, 대상 고객, 노선 또는 여행지, 호텔, 요금, 고객 지원 정보를 알려 주세요. 빠진 내용은 그럴듯한 플레이스홀더로 작성한 뒤 확인할 수 있도록 목록으로 정리합니다.
- 직접 찍은 사진을 보내거나, 에이전트가 같은 부드러운 자연광 스타일로 호텔, 여행지, 팀 이미지를 새로 생성하게 하세요. 비행기, 객실, 항공편 이미지 두 장은 중립적이어서 그대로 사용해도 됩니다.
- 모든 페이지를 데스크톱과 휴대폰에서 열어 검색, 필터, 예약 단계를 직접 사용해 보고 수정 사항을 요청하세요.
글꼴은 Instrument Sans와 Geist Mono를 사용하며 파일에 내장됩니다. 새 이미지는 에이전트의 자체 이미지 도구로 만들어지므로 사용 요금이 발생할 수 있습니다. 예시는 실제로 예약하거나 결제하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 브랜드명, 대상 고객, 판매하는 노선 또는 여행지 · 호텔, 요금, 고객 지원 정보 또는 확인용 플레이스홀더 작성 허가 · 직접 찍은 사진 또는 호텔, 여행지, 팀 이미지 생성 승인
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 브랜드 전용 호텔, 여행지, 팀 이미지를 위한 에이전트의 이미지 도구 또는 직접 준비한 사진 · 모든 페이지를 미리 보고 검토하기 위한 최신 브라우저
- 외부 비용
- 새 호텔, 여행지, 팀 이미지는 에이전트의 자체 이미지 도구로 생성되며 사용 요금이 발생할 수 있습니다. 도구가 없다면 직접 사진을 제공하세요. 중립적인 비행기, 객실, 항공편 이미지는 플레이스홀더로 남겨 둘 수 있습니다. 예시를 보는 데는 비용이 들지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…