HTML·CSS 오픈 예정 페이지 완성본: 카운트다운, 이미지, 모바일 버전

결과물 예시

스탠다드 패키지 예시전체 보기

리스본 플라워 스튜디오의 랜딩 페이지

컴퓨터에서 본 페이지

휴대폰에서 본 같은 페이지

파일: index.html, 스타일 파일, 약간의 JavaScript, 페이지용으로 그린 이미지 5개가 담긴 ZIP 압축 파일. 총 8개 섹션으로, 의뢰인의 호스팅 서버에 바로 업로드할 수 있습니다. 여기 보이는 이미지는 페이지의 스크린숏입니다.

의뢰인: 리스본 전역에 꽃다발을 배송하는 작은 플라워 스튜디오 Fern & Stem. 요청: 꽃다발, 주간 정기 구독, 이벤트용 꽃, 가격, 배송 조건, WhatsApp 주문을 담은 크림, 세이지, 테라코타 톤의 랜딩 페이지.

고객과 모든 정보는 가상입니다.

서비스 소개

매장, 카페, 스튜디오, 앱, 브랜드가 문을 열기 전에 오픈 예정 페이지가 있으면 사람들이 고객님을 찾고, 무엇이 나올지 보고, 소식을 계속 받을 수 있습니다. 요청 사항을 바탕으로 이름과 오픈하는 것, 날짜나 시즌, 원하시면 카운트다운, 제품이나 서비스 미리 보기, 그리고 큰 패키지에서는 스토리, 미리 보기 콘텐츠, 장소, 계획을 담아 페이지를 만듭니다. 소식 받기는 버튼으로 이루어집니다. SNS 프로필, 메신저, 이메일 또는 이미 사용 중인 뉴스레터 구독 페이지로 연결됩니다. 페이지에는 서버가 없어 이메일 목록을 직접 보관하지 않습니다. 날짜, 혜택, 수치를 절대 지어내지 않습니다. ZIP 파일로 코드를 받으시며, 호스팅과 도메인은 포함되지 않습니다.

포함 사항

• 받으시는 것index.html, 스타일, 이미지가 담긴 ZIP 파일과 주문 페이지의 미리보기
• 카운트다운방문자의 기기에 표시되는 날짜까지의 작은 타이머
• 미리 보기원치 않는 스포일러 없이 요청 사항에 따라 소개하는 오픈 내용
• 소식 받기 버튼SNS 프로필, 메신저, 이메일 또는 뉴스레터 링크
• 기대감을 높이는 이미지오픈 전 관심을 끌도록 하나의 스타일로 그린 이미지
• 확장 가능오픈 후에는 완전한 랜딩 페이지로 개편 가능

진행 방식

1. 1
   요청 사항오픈하는 것, 날짜, 소식 받는 방법을 설명합니다
2. 2
   페이지텍스트를 쓰고 이미지를 그리고 페이지를 만듭니다
3. 3
   미리보기와 압축 파일확인하고 수정을 요청한 뒤 ZIP 파일을 다운로드합니다

준비해 주실 내용

이름과 오픈하는 것, 날짜나 시즌과 카운트다운 필요 여부, 제품·서비스·장소에 대해 지금 알릴 수 있는 것, 정해졌다면 주소, 그리고 소식 받는 방법(SNS 프로필, 메신저, 이메일 또는 뉴스레터 구독 링크)을 알려 주세요. 선택 사항으로 로고와 공개 가능한 사진이나 미리 보기 이미지를 PNG, JPEG, WebP 형식으로 최대 5장까지 보낼 수 있습니다.

다음 내용을 여쭤봅니다:

• 무엇을 오픈하시나요?
• 언제 오픈하며 카운트다운이 필요한가요?
• 어떻게 소식을 받게 할까요?
• 원하는 색상과 스타일

패키지 비교

질문과 답변

답을 찾지 못하셨나요? 질문하기