상품 페이지를 HTML로디자인 HTML 변환

상품 페이지 디자인을 HTML과 CSS로 구현: 갤러리, 상세 정보, 주문 버튼, 모바일 버전 포함

보통 15분 안에 완료수정 포함품질 검수
패키지
안전 결제자세히
  • 패키지 범위 내 수정은 무료입니다.
  • 납품 후 3일 이내에 응답하지 않으면 작업이 자동으로 승인됩니다.

결제 시 금액이 예치되며, 작업을 승인해야만 지급됩니다.

상품 페이지 디자인을 HTML과 CSS로 구현: 갤러리, 상세 정보, 주문 버튼, 모바일 버전 포함

결과물 예시

스탠다드 패키지 예시

디자인 시안대로 만든 치과 홈페이지

전: 의뢰인이 보낸 디자인

홈페이지 디자인

후: 실제로 작동하는 페이지

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

의뢰인: Bright Smile Dental 치과. 요청: 홈페이지 디자인을 같은 레이아웃, 색상, 텍스트 그대로 실제로 작동하는 HTML 페이지로 만들고, 누르면 치과로 전화가 걸리는 예약 버튼 넣기.

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

서비스 소개

상품 페이지가 할 일은 하나입니다. 상품을 잘 보여 주고 다음 단계를 분명하게 하는 것이죠. 상품 페이지 시안을 이미지로 올려 주시면 HTML과 CSS로 구현합니다. 사진 갤러리, 상품명, 가격, 옵션, 특징, 사양, FAQ를 시안의 레이아웃대로 담고 모바일 버전도 만듭니다. 페이지는 상품을 보여 줄 뿐 판매하지는 않습니다. 장바구니, 재고 수량, 결제 절차, 결제 기능은 없습니다. 주문 버튼은 기존 쇼핑몰이나 마켓플레이스 상품 페이지, 메신저 또는 이메일로 연결됩니다. 그린 그림으로는 실제 상품을 보여 줄 수 없으므로 상품 사진은 직접 찍은 것을 별도 파일로 올려 주세요. 백엔드, CMS, 호스팅은 없습니다.

포함 사항

  • 받으시는 것페이지, 스타일, 이미지가 담긴 ZIP 파일로 호스팅에 바로 올릴 수 있으며, 주문 페이지에서 모든 페이지의 미리보기를 제공합니다.
  • 사진 갤러리시안 그대로의 썸네일과 함께 보여 주는 상품 사진
  • 시안 레이아웃 그대로의 상세 정보시안이나 요청 사항에 따른 특징, 사양표, FAQ
  • 눈에 띄는 주문 버튼쇼핑몰 페이지, 메신저 또는 이메일로
  • 모바일 버전모바일 디자인이 없으면 데스크톱 디자인으로 만듭니다
  • 깔끔한 코드프레임워크 없는 일반 HTML과 CSS, 다른 사이트에서 불러오는 것 없음

진행 방식

  1. 1
    업로드시안과 상품 사진을 올리고 상품 정보를 알려 주세요
  2. 2
    구현페이지를 만들고 사진을 갤러리에 배치합니다
  3. 3
    미리보기와 압축 파일컴퓨터와 휴대폰에서 페이지를 디자인과 비교하고, 압축 파일을 내려받은 뒤 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

상품 페이지 시안, 있다면 모바일 시안, 실제 상품 사진(별도 파일)까지 PNG, JPEG, WebP 형식으로 최대 5장. 표시될 그대로의 상품명, 가격, 사양, 주문 버튼의 링크 또는 연락처, 3페이지 패키지라면 상품별 텍스트를 알려 주세요. 후기는 실제 후기이고 게시해도 되는 경우에만 넣습니다.

다음 내용을 여쭤봅니다:

  • 어떤 파일이 무엇인가요?
  • 상품 정보
  • 주문 버튼은 어디로 연결되나요?
  • 직접 소유한 디자인인가요?

패키지 비교

패키지베이직상품 페이지 1개, 최대 5개 섹션₩30,300스탠다드상품 페이지 1개, 최대 10개 섹션₩56,300프리미엄상품 페이지 최대 3개₩96,700
작업 기간1일2일3일
수정 횟수123
페이지113
섹션최대 5개최대 10개페이지당 최대 8개
페이지 전용 이미지246
모바일 버전예예예
주문 버튼쇼핑몰, 메신저 또는 이메일로쇼핑몰, 메신저 또는 이메일로쇼핑몰, 메신저 또는 이메일로
주문하기 베이직주문하기 스탠다드주문하기 프리미엄

안전 결제

주문할 때 결제하지만, 대금은 승인된 작업에 대해서만 지급됩니다.

  • 고정 가격결제 후에는 패키지 가격이 변경되지 않습니다.
  • 금액 예치결제 시 금액은 예치만 됩니다. 작업을 승인하면 서비스에 지급됩니다.
  • 납품 전 검수모든 결과물은 전달되기 전에 품질 검수를 거치며, 승인하기 전에 주문 페이지에서 확인할 수 있습니다.
  • 무료 수정패키지에서 허용하는 횟수만큼 요청 사항 범위 내에서 수정을 요청할 수 있습니다.
  • 3일 후 자동 승인납품 후 3일 이내에 작업을 승인하거나 수정을 요청하지 않으면 자동으로 승인됩니다. 납품 후 주문 채팅에 메시지를 남기면 주문은 대기 상태가 됩니다. 저희가 답변한 뒤 3일을 다시 시작할 수 있으며, 이 경우 채팅으로 알려 드립니다.
  • 재작업 또는 전액 환불결과물이 요청 사항과 맞지 않고 수정으로도 해결되지 않았거나, 작업이 작업 기간의 두 배를 넘겨 지연되면 주문 채팅에 알려 주세요. 작업을 다시 하거나 결제 금액을 전액 환불해 드립니다.
이용 방법 →

질문과 답변

페이지에서 바로 구매할 수 있나요?

장바구니, 결제 절차, 결제 기능은 없습니다. 주문 버튼은 기존 쇼핑몰이나 마켓플레이스 페이지로 연결되거나, 메신저를 열거나, 상품명이 담긴 이메일을 씁니다.

상품 사진을 그려 주나요?

권하지 않습니다. 그린 그림은 실제 상품을 보여 주지 못합니다. 직접 찍은 사진을 올려 주세요. 사진이 없으면 갤러리에 중립적인 임시 이미지를 넣으니 나중에 바꿔 주세요.

상품은 세 개인데 업로드는 5장뿐인가요?

세 페이지 모두에 시안 하나를 쓰고, 나머지 파일로 상품별 사진을 한두 장씩 보내 주세요. 사진은 나중에 HTML에서 더 추가할 수 있습니다.

평점과 후기를 보여 줄 수 있나요?

알려 주시고 게시해도 되는 실제 후기만 가능합니다. 별점, 후기 수, "베스트셀러" 표시, 할인은 절대 지어내지 않습니다.

가격과 재고가 자동으로 업데이트되나요?

아니요, 페이지는 쇼핑몰 데이터와 연결되지 않은 일반 HTML입니다. 가격과 재고는 코드에서 직접 바꾸거나 수정 요청으로 바꿉니다.

답을 찾지 못하셨나요?

패키지