서비스 업체 홈페이지의 새 디자인: 스크린샷으로 만드는 HTML과 CSS의 깔끔한 모바일 대응 페이지

결과물 예시

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

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

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

후: 새 페이지

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

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

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

서비스 소개

서비스 업체의 홈페이지는 몇 초 안에 세 가지 질문에 답해야 합니다. 무슨 일을 하는지, 어디서 하는지, 어떻게 예약하는지입니다. 오래된 페이지는 긴 글과 스톡 사진, 맨 아래에 묻힌 전화번호 속에 이를 감추곤 합니다. 홈페이지 스크린샷을 올려 주시면 새롭게 디자인하고 만들어 드립니다. 고객님의 제안과 눈에 띄는 전화 또는 메시지 버튼이 있는 첫 화면, 카드로 정리한 서비스, 단계별 작업 과정, 서비스 지역, 이미 페이지에 있는 리뷰와 보증, 연락처까지 로고와 색상, 모바일 버전을 반영합니다. 서비스와 각 섹션에 쓸 새 이미지는 그려 드리며, 직원과 작업 사진은 스크린샷에서 가져오거나 표시된 자리로 남겨 둡니다. 알려 주시지 않은 가격, 리뷰, 면허, 수치는 넣지 않으며, 예약 버튼은 전화, 메신저 또는 기존 링크로 연결됩니다.

포함 사항

• 제공 내용새 페이지의 HTML과 CSS, 스타일, 이미지가 들어 있어 호스팅에 바로 올릴 수 있는 ZIP 파일과, 주문 페이지에서 컴퓨터와 휴대폰으로 보는 미리보기. 프리미엄에서는 공통 메뉴가 있는 3개 페이지.
• 답을 주는 첫 화면무슨 일을, 어디서, 어떻게 예약하는지
• 카드로 정리한 서비스휴대폰에서도 한눈에
• 내가 준 근거만리뷰와 보증은 알려 주신 그대로
• 눈에 띄는 연락 버튼전화, 메시지 또는 예약 링크
• 모바일 대응, 깔끔한 코드일반 HTML과 CSS, 다른 사이트에서 불러오는 것 없음

진행 방식

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

준비해 주실 내용

PNG, JPEG 또는 WebP 이미지 최대 5장: 가능하면 한 장에 한 페이지씩 홈페이지 스크린샷, 원하시면 별도 파일로 로고. 중요한 순서대로 주요 서비스, 서비스 지역, 지금 마음에 들지 않는 점과 유지할 것, 보여도 되는 리뷰나 보증, 전화번호와 메신저, 예약 링크, 스타일의 힌트로 좋아하시는 사이트를 알려 주세요.

다음 내용을 여쭤봅니다:

• 주요 서비스
• 일하는 지역과 시간
• 지금 페이지에서 마음에 들지 않는 점은 무엇인가요?
• 버튼과 연락처
• 그대로 두어야 할 부분은 무엇인가요?

패키지 비교

질문과 답변

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