커피숍을 위한 HTML·CSS 랜딩 페이지 완성본: 음료, 원두, 이미지, 모바일 버전

결과물 예시

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

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

컴퓨터에서 본 페이지

휴대폰에서 본 같은 페이지

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

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

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

서비스 소개

커피숍 랜딩 페이지는 근처 사람들이 아침 커피를 고를 때 고객님의 매장을 선택하도록 돕습니다. 음료와 가격, 사용하는 원두, 베이커리, 오픈 시간, 정확한 위치를 보여 줍니다. 메뉴, 원두, 영업시간, 주소를 보내 주시면 짧고 친근한 텍스트를 쓰고 컵, 원두, 바를 하나의 스타일로 그려 휴대폰에서 빠르게 열리는 HTML·CSS 페이지를 만들어 드립니다. 버튼은 전화를 걸거나 메신저를 열거나 이미 있는 사전 주문 링크로 연결됩니다. 페이지 자체는 아무것도 판매하지 않습니다. 장바구니, 음료나 원두 결제, 데이터를 전송하는 폼이 없습니다. 원산지, 로스팅 노트, 가격은 알려 주신 내용으로만 작성합니다.

포함 사항

• 받으시는 것호스팅용 페이지, 스타일, 이미지가 담긴 ZIP 파일과 주문 페이지의 미리보기
• 음료 메뉴에스프레소 음료, 필터 커피, 차, 시즌 음료와 가격
• 원두알려 주신 대로 원산지와 테이스팅 노트, 판매하신다면 원두 상품도
• 베이커리와 푸드보내 주신 목록에 따라 커피와 함께 내는 메뉴
• 개성 있는 이미지컵, 원두, 바를 하나의 스타일로 그린 이미지, 스톡 사진 없음
• 위치와 영업시간매장별 영업시간, 주소, 지도 링크

진행 방식

1. 1
   메뉴와 원두음료, 가격, 원두, 영업시간, 주소를 보내 주세요
2. 2
   페이지텍스트와 이미지를 만들고 컴퓨터와 휴대폰에서 페이지를 확인합니다
3. 3
   압축 파일ZIP 파일을 다운로드하고 패키지 범위 안에서 수정을 요청합니다

준비해 주실 내용

매장 이름, 매장 주소(여러 곳이면 모두), 영업시간, 연락처, 가격이 포함된 음료 메뉴(원하시면 우유 옵션도), 사용하거나 판매하는 원두와 원산지·테이스팅 노트(고객님의 표현으로), 베이커리나 푸드, 실제로 운영 중인 스탬프 카드·시음회·이벤트, 그리고 사전 주문이나 연락 방법(전화, 메신저 또는 링크)을 알려 주세요. 선택 사항으로 사용 권한이 있는 로고와 커피·매장 사진을 PNG, JPEG, WebP 형식으로 최대 5장까지 보낼 수 있습니다.

다음 내용을 여쭤봅니다:

• 어떤 메뉴를 판매하나요?
• 원두와 그 이야기
• 사전 주문이나 연락은 어떻게 하나요?
• 페이지 디자인

패키지 비교

질문과 답변

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