전환율이 낮은 랜딩 페이지를 새롭게 디자인: 스크린샷을 HTML과 CSS로 만든 더 명확한 페이지로

결과물 예시

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

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

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

후: 새 페이지

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

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

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

서비스 소개

랜딩에 방문은 있는데 전화나 주문이 적다면, 문제는 대개 읽히는 방식에 있습니다. 모호한 첫 화면, 글자로 가득한 벽, 묻혀 버린 버튼, 쓰기 불편한 모바일 버전 같은 것이죠. 페이지 스크린샷을 올리고 무엇을 판매하는지, 가장 중요한 행동이 무엇인지 알려 주시면 새로 디자인해 만들어 드립니다. 맨 위에는 하나의 분명한 약속, 구매자가 질문하는 순서대로 이어지는 섹션, 눈에 띄는 버튼, 제대로 된 모바일 버전을 담고, 제안, 가격, 브랜드는 그대로 유지하며 새 그림을 그립니다. 전환율은 제안, 가격, 유입 트래픽에도 달려 있으므로 약속할 수 없습니다. 후기, 수치, 보증은 기존 페이지나 요청 사항에 있는 경우에만 표시합니다.

포함 사항

• 받으시는 것새 페이지, 스타일, 이미지가 담긴 ZIP 파일로 호스팅에 바로 올릴 수 있으며, 주문 페이지에서 모든 페이지의 미리보기를 제공합니다.
• 맨 위에 하나의 약속첫 화면에 제안을 쉽게, 바로 옆에 메인 버튼
• 구매 흐름에 맞춘 섹션 순서무엇인지, 왜 도움이 되는지, 얼마인지, 왜 믿을 수 있는지, 어떻게 주문하는지
• 눈에 띄는 버튼페이지 곳곳에 반복되는 메인 행동, 연락 버튼은 전화·메신저·주문 링크로
• 실제 사실만기존 페이지 그대로의 가격, 후기, 보증, 덧붙이는 것 없음
• 휴대폰 우선, 깔끔한 코드광고 방문자 대부분이 휴대폰으로 들어옵니다. 일반 HTML과 CSS, 다른 사이트에서 불러오는 것 없음

진행 방식

1. 1
   스크린샷랜딩 스크린샷을 올리고 제안과 메인 행동을 알려 주세요
2. 2
   리디자인페이지를 새로 디자인하고 이미지를 그리고 페이지를 만듭니다
3. 3
   미리보기와 압축 파일컴퓨터와 휴대폰에서 새 페이지를 기존 페이지와 비교하고, 패키지 범위 안에서 수정을 요청한 뒤 압축 파일을 내려받으세요

준비해 주실 내용

랜딩 스크린샷(가능하면 이미지당 페이지 전체, 글자가 읽힐 만큼 선명하게)과, 원하시면 별도 파일로 된 로고를 PNG, JPEG, WebP 형식으로 최대 5장. 무엇을 누구에게 판매하는지, 가장 중요한 행동 하나(전화, 메시지, 링크를 통한 주문), 지금 사람들을 망설이게 하는 이유로 생각하시는 점, 글자 그대로 남길 것, 모든 버튼의 연결 대상, 그리고 스타일 참고용으로 마음에 드는 사이트(있는 경우)를 알려 주세요.

다음 내용을 여쭤봅니다:

• 각 스크린샷은 어떤 페이지인가요?
• 무엇을 판매하고, 메인 행동은 무엇인가요?
• 지금 사람들을 망설이게 하는 이유는 무엇이라고 보시나요?
• 꼭 남겨야 할 것은?
• 각 버튼은 어디로 연결되나요?

패키지 비교

질문과 답변

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