마음에 드는 사이트의 스타일을 참고해 HTML과 CSS로 만든 페이지, 직접 준비한 콘텐츠와 모바일 버전 포함

결과물 예시

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

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

전: 의뢰인이 보낸 디자인

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

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

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

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

서비스 소개

보기 좋은 사이트를 발견했고, 내 페이지도 비슷한 느낌이었으면 하시나요? 그 사이트의 스크린샷을 스타일 참고 자료로, 직접 준비한 텍스트, 로고, 사진과 함께 올려 주시면 HTML과 CSS로 페이지를 만들어 드립니다. 가져오는 것은 분위기, 간격, 글자 스타일, 섹션 배치 방식 같은 외관과 레이아웃 아이디어뿐입니다. 그 사이트의 로고, 브랜드, 텍스트, 사진, 일러스트는 절대 쓰지 않습니다. 콘텐츠는 고객님의 것이고, 그림은 새로 그립니다. 결과물은 그 사이트의 복사본이 아니라 비슷한 분위기의 고객님만의 페이지입니다. 모바일 버전과 호스팅용 ZIP 파일을 받으시며, 애니메이션, 백엔드, CMS, 호스팅은 없습니다.

포함 사항

• 받으시는 것페이지, 스타일, 이미지가 담긴 ZIP 파일로 호스팅에 바로 올릴 수 있으며, 주문 페이지에서 모든 페이지의 미리보기를 제공합니다.
• 콘텐츠가 아닌 스타일참고 사이트의 분위기, 간격, 글자 스타일, 섹션 리듬
• 직접 준비한 콘텐츠보내 주신 그대로의 텍스트, 로고, 사진
• 새로 그린 그림참고 사이트의 분위기로, 절대 베끼지 않고
• 모바일 버전참고 자료가 데스크톱 화면뿐이어도
• 깔끔한 코드프레임워크 없는 일반 HTML과 CSS, 다른 사이트에서 불러오는 것 없음

진행 방식

1. 1
   참고 자료와 콘텐츠마음에 드는 사이트의 스크린샷과 직접 준비한 텍스트를 보내 주세요
2. 2
   구현그 스타일로 페이지를 만들고 새 그림을 그립니다
3. 3
   미리보기와 압축 파일컴퓨터와 휴대폰에서 페이지를 확인하고, 압축 파일을 내려받은 뒤 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

스타일 참고용으로만 쓰는 마음에 드는 사이트의 스크린샷 1~2장과, 직접 소유하거나 사용 권한이 있는 로고와 사진을 PNG, JPEG, WebP 형식으로 최대 5장. 섹션별 텍스트, 브랜드 색상(있는 경우), 참고 사이트에서 정확히 무엇이 마음에 드는지(예: 큰 헤드라인과 여유로운 간격), 각 버튼의 연결 대상을 알려 주세요.

다음 내용을 여쭤봅니다:

• 참고 사이트의 어떤 점이 마음에 드나요?
• 어떤 용도의 페이지인가요?
• 섹션별 텍스트
• 색상과 로고
• 로고, 사진, 텍스트는 직접 소유한 것인가요?

패키지 비교

질문과 답변

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