HTML과 CSS로 완성한 랜딩 페이지: 문구, 이미지, 모바일 버전까지, 내 호스팅에 바로 올리기

결과물 예시

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

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

컴퓨터에서 본 페이지

휴대폰에서 본 같은 페이지

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

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

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

서비스 소개

랜딩 페이지는 하나의 상품, 서비스, 이벤트 또는 강의를 판매하는 한 장짜리 페이지입니다. 제공하는 상품이나 서비스, 대상 고객, 연락받을 방법을 알려 주시면 문구, 디자인, 페이지를 위해 새로 그린 이미지, 코드까지 페이지 전체를 만들어 드립니다. 휴대폰, 태블릿, 컴퓨터에서 모두 작동하는 HTML과 CSS 완성 사이트를 어떤 호스팅에도 올릴 수 있는 압축 파일로 받으며, 웹사이트 빌더도 그에 따른 월 이용료도 필요 없습니다. 다운로드하기 전에 주문 페이지에서 컴퓨터와 휴대폰에서 보이는 모습 그대로 페이지를 둘러볼 수 있습니다. 문구는 브리프를 바탕으로 작성합니다. 가격, 주소, 후기, 수치를 임의로 지어내지 않으니 페이지에 넣을 사실을 알려 주세요. 방문자는 이메일, 전화, 메신저 버튼으로 연락합니다. 메시지를 보내는 문의 폼에는 폼 서비스가 필요하며, 개발자가 연결할 수 있습니다. 호스팅, 도메인, 사이트 게시는 포함되지 않으며, 받는 것은 Figma나 Photoshop 파일이 아니라 코드입니다.

포함 사항

• 받는 것index.html, 스타일, 페이지 이미지가 담긴 ZIP 파일(호스팅에 바로 업로드 가능)과 주문 페이지에서 보는 페이지 미리보기.
• 문구 작성브리프를 바탕으로 헤드라인, 오퍼, 장점, 행동 유도 문구 작성
• 페이지용으로 그린 이미지비즈니스에 어울리는 하나의 스타일로, 스톡 사진 없이
• 휴대폰에서도 작동작은 휴대폰부터 넓은 화면까지, 모바일 메뉴 포함
• 깔끔한 코드순수 HTML과 CSS, 빌더도 추적 도구도 없고 다른 사이트에서 불러오는 것도 없음
• 로고와 사진올려 주시면 페이지에 넣어 드립니다

진행 방식

1. 1
   브리프제공하는 내용을 설명하고, 원하시면 로고와 사진을 올려 주세요
2. 2
   페이지 제작문구를 쓰고, 이미지를 그리고, 페이지를 만듭니다
3. 3
   미리보기주문 페이지에서 컴퓨터와 휴대폰 화면으로 둘러보세요
4. 4
   압축 파일압축 파일을 다운로드하고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

무엇을 누구에게 제공하는지, 다른 곳보다 나은 점, 페이지에 표시할 경우 가격, 그리고 연락받을 방법(이메일, 전화, 메신저). 원하는 색상이나 마음에 드는 사이트가 있다면 함께 알려 주세요. 선택 사항: PNG, JPEG 또는 WebP 이미지 최대 5장(로고와 사용 권한이 있는 상품, 매장, 팀 사진).

다음 내용을 여쭤봅니다:

• 무엇을, 누구에게 제공하시나요?
• 고객이 왜 고객님을 선택해야 하나요?
• 페이지에 어떤 정보를 보여 줄까요?
• 어떻게 연락받으시겠어요?
• 좋아하는 색상과 스타일

패키지 비교

질문과 답변

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