동네 업체 가격표 페이지의 새 디자인: 스크린샷으로 만드는 HTML과 CSS의 깔끔한 모바일 대응 가격 안내

결과물 예시

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

스크린숏을 바탕으로 새롭게 디자인한 베이커리 홈페이지

전: 의뢰인이 보낸 스크린숏

후: 새 페이지

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

의뢰인: 가족이 운영하는 베이커리 Miller Street Bakery. 요청: 상호, 따뜻한 갈색, 영업시간, 굽는 빵 목록은 그대로 두고 예전 홈페이지를 산뜻하고 모던하게 바꾸기. 큼직한 빵 이미지와 눈에 잘 띄는 주문 버튼 넣기.

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

서비스 소개

미용실, 자동차 정비소, 청소 업체, 수리점, 과외 선생님, 스튜디오의 가격표 페이지는 문서에서 복사한 긴 표인 경우가 많아 글씨가 작고 구분이 없으며 휴대폰에서는 읽기 어렵습니다. 스크린샷을 올려 주시면 새롭게 디자인하고 만들어 드립니다. 섹션으로 묶은 서비스와 섹션 사이를 바로 이동하는 빠른 메뉴, 이름과 가격 또는 '부터' 가격, 소요 시간이 있는 깔끔한 행, 포함 내용 메모, 짧은 FAQ, 눈에 띄는 예약 또는 전화 버튼을 고객님의 색상과 로고로 담습니다. 모든 가격, 이름, 조건은 스크린샷이나 요청 사항에 있는 그대로 두며, 가격이나 할인을 바꾸거나 반올림하거나 추가하지 않습니다. 각 가격은 HTML 속 일반 텍스트라 나중에 수정하기 쉽습니다. 페이지는 예약이나 결제를 받지 않으며, 버튼은 전화, 메신저 또는 예약 링크로 연결됩니다.

포함 사항

• 제공 내용새 페이지의 HTML과 CSS, 스타일, 이미지가 들어 있어 호스팅에 바로 올릴 수 있는 ZIP 파일과, 주문 페이지에서 컴퓨터와 휴대폰으로 보는 미리보기. 프리미엄에서는 공통 메뉴가 있는 3개 페이지.
• 섹션과 빠른 메뉴필요한 서비스로 바로 이동
• 가격은 내 것 그대로글자 하나, 숫자 하나까지 그대로
• 포함 내용각 가격 옆에 내 메모
• 휴대폰에서도 읽기 쉬움넓은 표 대신 행으로
• 수정하기 쉬움각 가격이 코드 속 일반 텍스트

진행 방식

1. 1
   스크린샷가격표 스크린샷을 올리고 섹션을 알려 주세요
2. 2
   리디자인페이지를 새롭게 디자인하고, 이미지를 그리고, 만들어 드립니다
3. 3
   미리보기새 페이지와 기존 페이지를 컴퓨터와 휴대폰에서 비교하세요
4. 4
   압축 파일압축 파일을 내려받고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

PNG, JPEG 또는 WebP 이미지 최대 5장: 모든 가격을 읽을 수 있을 만큼 선명한 가격표 페이지 스크린샷, 원하시면 별도 파일로 로고. 서비스를 어떻게 묶을지, 각 행에 보여 줄 것(가격, '부터' 가격, 시간, 메모), 스크린샷 이후 바뀐 가격, 지금 마음에 들지 않는 점, 전화번호와 메신저 또는 예약 링크, 스타일의 힌트로 좋아하시는 사이트를 알려 주세요.

다음 내용을 여쭤봅니다:

• 어떤 업종인가요?
• 섹션
• 각 행에 무엇을 보여 줄까요?
• 지금 마음에 들지 않는 점은 무엇인가요?
• 예약과 연락처

패키지 비교

질문과 답변

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