디자인·편집

주얼리 홈페이지 첫 화면, 카피와 버튼을 편집하는 실제 순서

주얼리 운영자가 첫 화면을 처음 손볼 때 확인할 순서를 정리했습니다. 대표 상품과 고객의 다음 행동을 정한 뒤, 카피·이미지·버튼을 맞춰 모바일에서도 점검하세요.

TalkTalkMySite

첫 화면을 편집할 때는 예쁜 문구부터 쓰기보다, 방문자가 무엇을 보고 어디로 이동해야 하는지를 먼저 정하는 편이 실용적입니다. 주얼리 사이트라면 제품의 소재와 디자인뿐 아니라 착용 장면, 선물 목적, 구매 전 확인할 정보가 선택에 영향을 줄 수 있습니다. 아래 순서대로 한 번에 한 요소씩 편집해 보세요.

1. 첫 화면의 역할을 한 문장으로 정하기

첫 화면에서 모든 상품과 안내를 설명하려 하지 마세요. 이번 편집에서 강조할 대상과 방문자가 취할 다음 행동을 하나씩 고릅니다. 대표 상품군이 아직 정해지지 않았다면 재고와 실제 상품 페이지를 확인해 지금 소개할 수 있는 제품부터 선택합니다.

AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집
  • 강조할 상품군이나 컬렉션을 하나 고릅니다.
  • 방문자가 첫 화면에서 할 행동을 하나 정합니다. 예: 컬렉션 보기, 소재 안내 읽기.
  • 해당 행동을 받을 실제 페이지가 있는지 확인합니다.

**가상 예시:** 실버 귀걸이를 주력으로 소개한다면 첫 화면의 목적을 “실버 귀걸이 컬렉션을 살펴보게 한다”로 정할 수 있습니다. 이 문장은 편집 기준이지, 제품의 품질이나 효과를 보장하는 표현이 아닙니다.

2. 카피를 제품 정보에 맞춰 쓰기

제목은 주력 상품과 특징을 구체적으로 보여 주고, 보조 문장은 방문자가 다음 단계에서 무엇을 볼 수 있는지 설명합니다. 실제 확인하지 않은 소재, 원산지, 제작 방식, 알레르기 관련 정보는 넣지 마세요. 혜택이나 배송 조건도 현재 운영 정보와 일치해야 합니다.

  • 제목에는 제품군이나 확인 가능한 디자인 특징을 담습니다.
  • 보조 문장은 컬렉션의 구성이나 다음 페이지의 내용을 안내합니다.
  • 모바일에서 읽기 쉽도록 불필요한 수식어와 반복 표현을 덜어냅니다.
AI 대화와 실시간 편집으로 사이트를 만드는 TalkTalkMySite 작업실
대화로 요청하고, 화면에서 직접 다듬는 사이트 편집

**가상 예시:** “매일의 옷차림에 더하는 실버 귀걸이”라는 제목 아래에 “미니멀한 디자인을 모은 컬렉션을 살펴보세요”라고 쓸 수 있습니다. 실제 컬렉션이 이 설명과 맞는지 먼저 확인하세요.

3. 대표 이미지를 고르고 화면에서 확인하기

대표 이미지는 카피와 같은 상품군을 보여 주어야 합니다. 제품의 형태나 착용 모습을 확인하기 어렵거나 문구와 다른 상품이 중심에 있다면 다른 이미지로 바꿉니다. TalkTalkMySite에서는 라이선스가 제공되는 스톡 이미지와 동영상을 검색할 수 있고, 첫 화면 슬라이더에는 최대 다섯 장을 넣을 수 있습니다. 스톡 자료를 쓸 때도 실제 판매 상품처럼 오해될 장면인지 살펴보세요.

  • 현재 문구와 이미지가 같은 제품군을 가리키는지 확인합니다.
  • 이미지에서 제품이 잘리는 부분과 글자가 겹치는 부분을 확인합니다.
  • 슬라이더를 쓴다면 각 장의 메시지가 서로 다른 행동을 요구하지 않는지 점검합니다.

4. 행동 버튼 하나를 연결하고 시험하기

버튼 문구는 클릭 뒤에 도착할 곳을 정확히 말해야 합니다. “지금 보기”보다 “실버 귀걸이 보기”처럼 목적지를 짐작할 수 있는 표현이 낫습니다. 버튼을 만들었으면 실제로 눌러 연결된 페이지가 열리는지, 그 페이지에서 안내한 상품을 찾을 수 있는지 확인합니다. 연결할 페이지가 없다면 버튼부터 게시하지 말고 해당 페이지를 먼저 준비하세요.

  • 주 행동 버튼은 첫 화면에서 가장 중요한 한 가지로 정합니다.
  • 보조 버튼은 필요한 경우에만 추가하고, 주 버튼보다 시각적으로 덜 두드러지게 둡니다.
  • 데스크톱과 모바일에서 버튼의 위치와 연결 결과를 확인합니다.

5. 글꼴과 모바일 화면을 함께 다듬기

글꼴이 장식적이어도 작은 화면에서 읽기 어려우면 안내 역할을 하기 어렵습니다. TalkTalkMySite에는 OFL 한글 글꼴 여섯 종과 적용 전 확인할 수 있는 실시간 미리보기가 있습니다. 제목과 본문을 미리보기로 비교한 뒤 읽기 쉬운 조합을 고르세요. 모바일에서는 제목 줄바꿈, 버튼이 화면 밖으로 밀리는지, 슬라이더가 너무 빠르게 지나치거나 정보를 가리지 않는지도 봅니다.

  • 제목과 보조 문장을 실제 모바일 폭에서 읽어 봅니다.
  • 버튼을 찾고 누르기 쉬운 위치에 있는지 확인합니다.
  • 슬라이더를 쓴 경우 각 이미지의 문구와 버튼이 모두 보이는지 확인합니다.

6. 게시 전 확인하고 다음 수정 범위 정하기

게시 전에는 카피의 사실 여부, 이미지와 상품의 일치, 버튼 연결, 모바일 표시를 각각 확인합니다. Basic에는 공유 SEO가 제공되며, Standard에서는 페이지별 SEO와 스토어 기능을 사용할 수 있습니다. Premium에는 다국어 스토어가 포함됩니다. 기능 범위에 맞춰 필요한 설정만 검토하고, 검색 순위나 방문자 수, 매출이 보장된다고 기대해서는 안 됩니다. AI 채팅이나 시각 편집을 활용할 수 있지만 결과가 항상 정확하거나 오류가 없는 것은 아니므로 직접 확인이 필요합니다.

  • 게시된 사이트에서 버튼과 화면을 다시 시험합니다.
  • 수정 후에는 바뀐 요소만 메모해 다음 편집 범위를 좁힙니다.
  • 아직 연결할 페이지나 확인된 상품 정보가 없다면 그 준비를 다음 작업으로 정합니다.

**다음 행동:** 대표 상품군 하나와 실제로 연결할 페이지 하나를 정한 뒤, 제목·이미지·버튼이 모두 같은 목적을 가리키는지 점검하세요.

국가 선택 · Choose your country

새 쇼핑몰의 결제 설정에 적용됩니다. 기존 쇼핑몰의 판매 국가는 변경되지 않습니다.