연락처 및 지점 페이지의 새 디자인: 주소, 영업시간, 연락 방법을 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장: 연락처 또는 지점 페이지 스크린샷, 원하시면 별도 파일로 로고. 지점별 주소, 영업시간, 전화번호, 길 안내를 표시되어야 하는 그대로 적어 주시고, 메신저와 이메일, 주소별 Google Maps 또는 다른 지도 링크, 지금 마음에 들지 않는 점과 유지할 것, 스타일의 힌트로 좋아하시는 사이트를 알려 주세요.

다음 내용을 여쭤봅니다:

• 지점
• 연락 방법
• 영업시간과 길 안내
• 지도 링크
• 그대로 두어야 할 부분은 무엇인가요?

패키지 비교

질문과 답변

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