Creazy
    1. 홈
    2. 블로그
    3. 크리에이지가 처음이라면? 크리에이지 튜토리얼
    안내
    2026년 2월 26일

    크리에이지가 처음이라면? 크리에이지 튜토리얼

    크리에이지 튜토리얼

    영상 튜토리얼

    글로 보시는 것보다 영상으로 보시는 게 더 편하시다면, 아래 영상 튜토리얼을 참고해주세요!


    사장님 반갑습니다! 😊
    크리에이지에 오신 것을 진심으로 환영합니다.

    이 글에서는 상세페이지를 만드는 방법부터, 에디터에서 수정하는 방법, 그리고 새롭게 추가된 툴바와 드래그 앤 드롭 기능까지 전부 빠짐없이 설명드립니다.

    천천히 따라오시면 누구나 쉽게 상세페이지를 만드실 수 있습니다!


    로그인 이후 페이지

    새 디자인 만들기

    여기서 디자인이란 상세페이지 1개를 의미합니다.
    상세페이지를 만들기 위해서는 새 디자인 만들기 버튼을 눌러주세요.

    SCR-20260226-kmoq.png

    로그인을 하시면 위와 같은 대시보드 화면이 나옵니다.
    화면 중앙에 있는 "새 디자인 만들기" 버튼이 보이시나요?
    이 버튼을 클릭하시면 바로 상세페이지 제작을 시작하실 수 있습니다.
    이전에 만들었던 디자인이 있다면 이 화면에서 바로 확인하고 수정하러 들어가실 수도 있어요.


    SCR-20260226-klww.png

    버튼을 누르시면 위와 같은 선택 화면이 나타납니다.
    처음 시작하시는 분이라면 "새로 시작하기" 버튼을 눌러주세요.
    완전히 처음부터 새로운 상세페이지를 만드실 수 있습니다.


    프로젝트 기본 정보 입력하기

    상품 이름 입력

    SCR-20260226-kmfi.png

    가장 먼저 상품 이름을 입력하는 단계입니다.
    판매하시려는 상품의 이름을 적어주세요.
    예를 들어 "프리미엄 무선 이어폰", "수제 딸기잼" 같은 식으로요.
    이 이름은 나중에 AI가 상세페이지 내용을 작성할 때 기본 정보로 활용되니, 실제 판매에 사용하실 상품명을 정확히 적어주시는 게 좋습니다.


    콘텐츠 유형 선택

    SCR-20260226-kmsy.png

    다음으로 콘텐츠 유형을 선택하는 화면입니다.
    현재는 상세페이지를 선택하시면 됩니다.
    선택하신 후 다음 버튼을 눌러주세요.

    앞으로는 상세페이지 외에도 배너, 썸네일 등 더 다양한 콘텐츠 유형이 추가될 예정이니 기대해주세요!


    카테고리 선택

    SCR-20260226-kmuq.png

    이제 내 상품에 맞는 카테고리를 선택해주세요.
    카테고리를 정확하게 선택하시는 게 중요한 이유가 있는데요,

    각 카테고리마다
    ✔ 해당 상품군에 최적화된 디자인 템플릿
    ✔ 실제로 잘 팔리는 상세페이지에서 검증된 구성 공식

    이 미리 세팅되어 있기 때문입니다.
    예를 들어 식품 카테고리는 식욕을 자극하는 레이아웃이, 패션 카테고리는 착용 사진을 강조하는 구성이 자동으로 적용됩니다.
    내 상품과 가장 가까운 카테고리를 골라주시면 AI가 훨씬 더 좋은 결과물을 만들어드릴 수 있어요.


    기획서 작성하기

    이 단계는 상세페이지에 들어갈 실제 내용을 입력하는 핵심 단계입니다.
    상품의 특징, 장점, 사용법 등 고객에게 전달하고 싶은 정보를 여기서 작성하게 됩니다.

    SCR-20260226-kmxv.png

    위 화면처럼 각 항목별로 내용을 채워넣으시면 되는데요,
    직접 타이핑하셔도 되고, 아래에서 설명드릴 AI 자동 작성 기능을 활용하시면 훨씬 편리합니다.


    사진 업로드 하기

    SCR-20260226-kncf.png

    상품 사진을 업로드해주세요.
    상세페이지의 퀄리티는 사진에서 결정된다고 해도 과언이 아닙니다!

    사진이 많을수록 AI가 더 다양한 구도와 레이아웃으로 상세페이지를 꾸밀 수 있기 때문에, 가지고 계신 상품 사진을 가능한 많이 올려주시는 것을 추천드립니다.
    상품 정면, 측면, 디테일 컷, 사용 장면 등 다양한 각도의 사진이 있으면 특히 좋아요.


    AI로 내용 채워넣기

    SCR-20260226-knjc.png

    기획서를 직접 작성하기 어려우시다구요? 걱정 마세요!
    AI가 자동으로 상세페이지 내용을 작성해드립니다.

    앞서 입력하신 상품 이름, 카테고리, 업로드한 사진을 바탕으로 AI가 상품의 특징과 셀링포인트를 분석해서 기획서를 자동으로 채워넣어줍니다.
    AI가 작성한 내용을 확인하신 후, 마음에 들지 않는 부분만 수정하시면 되니까 시간이 크게 절약됩니다.


    임시저장하기

    SCR-20260226-knmd.png

    작업 중에 갑자기 자리를 비우셔야 하거나, 나중에 이어서 작업하고 싶으실 때 임시저장 버튼을 눌러주세요.
    작성 중이던 내용이 그대로 저장되어, 다음에 돌아오셨을 때 이어서 작업하실 수 있습니다.


    제출하기

    SCR-20260226-knpc.png

    기획서 내용을 모두 확인하셨다면 제출 버튼을 눌러주세요.
    제출을 누르시면 AI가 기획서를 바탕으로 디자인 작업을 시작합니다.
    보통 1~2분 정도 소요되며, 완성되면 바로 결과물을 확인하실 수 있습니다.


    상세페이지 생성 완료

    SCR-20260226-kpcy.png

    축하합니다! 🎉 상세페이지가 만들어졌습니다!
    AI가 자동으로 여러 섹션으로 구성된 상세페이지를 완성해드렸어요.
    이제 이 상태로 바로 사용하셔도 되고, 더 마음에 들도록 수정하고 싶으시다면 스튜디오에서 편집하실 수 있습니다.


    스튜디오 페이지 사용하기

    스튜디오는 만들어진 상세페이지를 자유롭게 수정할 수 있는 편집 공간입니다.
    왼쪽에는 AI 채팅과 도구들, 가운데에는 상세페이지 미리보기, 오른쪽에는 세부 설정 패널이 배치되어 있습니다.

    SCR-20260226-kpec.png

    이 화면에서 텍스트 수정, 이미지 교체, 섹션 추가/삭제 등 모든 편집 작업을 하실 수 있습니다.
    직접 클릭해서 수정하는 방법과 AI에게 채팅으로 요청하는 방법, 두 가지를 모두 지원하니 편하신 방식으로 사용해보세요.


    AI 채팅을 통한 수정

    스튜디오 왼쪽의 AI 채팅창을 활용하면, 마치 디자이너에게 말하듯이 자연어로 수정을 요청하실 수 있습니다.

    예를 들어 이런 것들이 가능해요:

    • 섹션 추가: "후기 섹션 하나 추가해줘"
    • 섹션 수정: "첫 번째 섹션 배경색을 파란색으로 바꿔줘"
    • 섹션 삭제: "마지막 섹션 삭제해줘"
    • 이미지 생성: "고급스러운 느낌의 배경 이미지 만들어줘"

    AI 수정은 템플릿에 구애받지 않고 완전히 자유로운 디자인 변경이 가능하기 때문에, 원하시는 대로 세밀하게 조정하실 수 있습니다.


    레퍼런스 활용

    "이런 느낌으로 만들어줘!"라고 말로 설명하기 어려우실 때, 레퍼런스 이미지를 활용해보세요.

    SCR-20260226-kpxr.png

    채팅창에서 레퍼런스 이미지를 첨부하실 수 있습니다. 마음에 드는 다른 상세페이지나 디자인 이미지를 올려주시면 됩니다.

    SCR-20260226-kqas.png

    이렇게 레퍼런스를 선택하시고 어떤 부분을 참고할지 함께 말씀해주시면 더 정확한 결과를 얻으실 수 있어요.

    SCR-20260226-kqij.png

    AI가 레퍼런스의 스타일과 분위기를 분석해서 비슷한 느낌으로 디자인을 수정해드립니다.
    경쟁사나 유명 브랜드의 상세페이지를 참고하고 싶을 때 정말 유용한 기능이에요!


    ⭐ 드래그 앤 드롭으로 요소 추가하기

    코딩이나 복잡한 조작 없이, 왼쪽 툴바에서 원하는 요소를 잡아서 끌어다 놓기만 하면 텍스트나 이미지를 바로 추가할 수 있습니다.

    SCR-20260210-pwrl.png

    왼쪽 툴바에 있는 텍스트 버튼 또는 이미지 버튼을 마우스로 잡은 채 원하는 위치로 끌어다 놓아주세요.


    2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif

    위 움짤처럼 정말 직관적이죠?
    딱 원하는 자리에 요소를 떨어뜨리면 바로 추가됩니다.
    파워포인트에서 도형 넣듯이 쉽게 사용하실 수 있어요!


    ⭐ 요소 드래그 앤 드롭으로 위치 이동

    이미 배치된 텍스트나 이미지의 위치를 바꾸고 싶으실 때도 드래그 앤 드롭으로 간단하게 이동할 수 있습니다.

    2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif

    이동하고 싶은 요소를 클릭한 후 드래그하면 원하는 위치로 자유롭게 옮길 수 있습니다.
    레이아웃을 미세하게 조정하고 싶을 때 아주 편리한 기능이에요.


    요소 복제 / 삭제

    요소를 선택하시면 아래와 같은 액션 메뉴가 나타납니다.

    SCR-20260226-kqoj.png

    여기서 다음 작업들을 하실 수 있어요:

    • 이동: 요소를 다른 위치로 옮깁니다
    • 복제: 동일한 요소를 하나 더 만듭니다 (같은 스타일의 텍스트나 이미지가 여러 개 필요할 때 유용해요)
    • 삭제: 필요 없는 요소를 제거합니다
    • 크기 조절: 요소의 크기를 키우거나 줄일 수 있습니다

    키보드 단축키도 지원하니 더 빠르게 작업하실 수 있어요:

    • Ctrl+C: 선택한 요소 복사
    • Ctrl+V: 복사한 요소 붙여넣기

    SCR-20260210-qbpg.png

    요소의 모서리나 가장자리를 드래그하면 이렇게 크기를 자유롭게 조절하실 수 있습니다. 텍스트 영역을 넓히거나, 이미지 크기를 키우는 등의 작업이 가능해요.


    SCR-20260210-qacr.png

    복제된 요소는 원본 바로 옆에 생성되며, 독립적으로 수정이 가능합니다.
    비슷한 구성을 반복해야 할 때 하나하나 새로 만들 필요 없이 복제 후 내용만 바꾸시면 됩니다.


    텍스트 수정

    텍스트를 수정하고 싶으시면 해당 텍스트를 더블클릭해주세요.

    SCR-20260226-kquo.png

    더블클릭하시면 바로 텍스트 편집 모드로 전환되어, 원하는 내용으로 자유롭게 수정하실 수 있습니다.
    오타 수정, 문구 변경, 추가 설명 삽입 등 어떤 수정이든 바로바로 가능해요.


    ⭐ 섹션 툴바 기능

    각 섹션 위에 섹션 툴바가 있습니다.
    이 툴바를 통해 섹션 단위로 다양한 편집 작업을 하실 수 있어요.

    SCR-20260210-qeub.png

    툴바에는 섹션 제목 수정, AI 채팅 수정, 순서 변경, 복제, 삭제 등의 기능이 모여 있습니다. 하나씩 살펴볼게요.


    섹션 제목 수정

    SCR-20260210-qfkv.png

    SCR-20260210-qflt.png

    섹션 제목을 더블클릭하시면 바로 수정 모드로 전환됩니다.
    섹션 제목은 상세페이지에 직접 노출되지는 않지만, 여러 섹션을 관리하실 때 어떤 섹션인지 한눈에 파악할 수 있도록 도와주는 역할을 합니다.
    "상품 소개", "사용 후기", "배송 안내" 등 알아보기 쉬운 이름으로 바꿔두시면 편집할 때 훨씬 편리해요.


    채팅에서 수정하기

    SCR-20260210-qkmz.png

    특정 섹션만 집중적으로 수정하고 싶으실 때는, 해당 섹션을 선택한 상태에서 AI 채팅으로 수정 요청을 보내주세요.
    "이 섹션 배경을 흰색으로 바꿔줘", "텍스트를 더 크게 만들어줘", "이미지 위치를 왼쪽으로 옮겨줘" 같은 요청을 자연스럽게 입력하시면 AI가 해당 섹션만 정확하게 수정해드립니다.


    ezgif.com-video-to-gif-converter (3).gif

    위 움짤처럼 채팅으로 요청하면 AI가 실시간으로 디자인을 수정해주는 모습을 확인하실 수 있습니다.
    직접 하나하나 수정하기 번거로운 복잡한 변경도 한 줄의 채팅으로 해결할 수 있어서 정말 편리해요!


    순서 변경

    SCR-20260210-qwan.png

    섹션의 순서를 바꾸고 싶으실 때는 툴바의 **순서 변경 버튼(화살표)을 이용해주세요.
    위/아래 화살표를 클릭하시면 해당 섹션이 한 칸씩 위로 또는 아래로 이동합니다.
    예를 들어, 후기 섹션을 상품 소개 바로 아래로 올리고 싶다면 위쪽 화살표를 몇 번 클릭하시면 됩니다.


    섹션 복제

    SCR-20260210-qwvk.png

    마음에 드는 섹션이 있다면 복제 버튼을 눌러 똑같은 섹션을 하나 더 만들 수 있습니다.
    복제된 섹션은 원본 바로 아래에 추가되며, 내용만 다르게 수정하시면 비슷한 구성의 섹션을 빠르게 만드실 수 있어요.
    예를 들어 "컬러 옵션 소개" 섹션을 복제해서 각 컬러별 설명 섹션을 쉽게 만들 수 있습니다.


    섹션 삭제

    SCR-20260210-qvww.png

    필요 없는 섹션은 삭제 버튼으로 깔끔하게 제거하실 수 있습니다.
    AI가 만들어준 섹션 중 내 상품에 맞지 않는 부분이 있다면 과감하게 삭제하시고, 필요한 섹션만 남겨두세요.
    단, 삭제한 섹션은 복구가 어려울 수 있으니 신중하게 결정해주세요!


    툴바 숨기기

    편집 화면이 좀 더 넓었으면 좋겠다 싶으시면, 툴바를 숨길 수 있습니다.

    SCR-20260210-qhdz.png

    화면 왼쪽의 툴바 숨기기 버튼을 클릭하시면 툴바가 접히면서 미리보기 영역이 넓어집니다.


    2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif

    위 움짤처럼 툴바를 접었다 펼쳤다 하면서 상황에 맞게 사용하실 수 있어요.
    전체적인 완성 모습을 확인하고 싶을 때는 툴바를 숨기고, 수정 작업을 할 때는 다시 펼쳐서 사용하시면 됩니다.


    오른쪽 패널

    스튜디오 화면 오른쪽에 위치한 패널에서는 섹션 관리, 사진 편집, AI 이미지 생성, 텍스트 스타일 변경 등 세부적인 편집 기능을 사용하실 수 있습니다.

    섹션 목록

    SCR-20260226-kraj.png

    오른쪽 패널의 섹션 목록에서는 현재 상세페이지에 포함된 모든 섹션을 한눈에 확인하실 수 있습니다.
    여기서 특정 섹션을 클릭하시면 해당 섹션으로 바로 이동하기 때문에, 섹션이 많아졌을 때 원하는 부분을 빠르게 찾아가실 수 있어요.


    사진 편집

    상세페이지에 들어간 사진을 더 예쁘게 다듬고 싶으시다면 사진 편집 기능을 활용해보세요.

    SCR-20260226-krmp.png

    이미지를 선택하시면 오른쪽 패널에 사진 편집 옵션이 나타납니다. 여기서 이미지를 교체할 수 있어요.


    SCR-20260226-krsd.png

    이미지의 표시 영역을 조절하실 수 있습니다. 상품의 핵심 부분이 잘 보이도록 프레임을 맞춰주세요.


    SCR-20260226-krtx.png

    크롭 도구를 이용하면 사진에서 원하는 영역만 잘라내서 사용하실 수 있습니다. 불필요한 배경을 제거하거나 상품을 더 크게 보여주고 싶을 때 유용해요.


    SCR-20260226-krwg.png

    편집이 완료되면 적용 버튼을 눌러 변경사항을 저장해주세요.
    별도의 이미지 편집 프로그램 없이도 크리에이지 안에서 간단한 사진 편집을 바로 하실 수 있습니다.


    AI 이미지

    SCR-20260226-krxz.png

    상품 사진 외에 배경 이미지나 분위기 이미지가 필요하실 때 AI 이미지 생성 기능을 사용해보세요.
    원하는 이미지를 텍스트로 설명하시면 AI가 맞춤 이미지를 만들어드립니다.
    예를 들어 "따뜻한 느낌의 나무 테이블 배경", "깔끔한 흰색 대리석 배경" 같은 요청이 가능해요.


    텍스트 스타일

    SCR-20260226-krlf.png

    텍스트를 선택하시면 오른쪽 패널에서 텍스트 스타일을 세밀하게 조정하실 수 있습니다.
    글꼴, 글자 크기, 색상, 굵기, 정렬 방식 등을 자유롭게 변경하실 수 있어요.
    브랜드의 톤앤매너에 맞게 텍스트를 꾸며보세요.


    내보내기

    상세페이지 수정이 모두 완료되셨다면, 이제 내보내기를 통해 실제 쇼핑몰에 적용하실 수 있습니다.

    SCR-20260226-lhrf.png

    화면 상단의 내보내기 버튼을 클릭해주세요.

    SCR-20260226-ksal.png


    내보내기 방식 선택하기

    SCR-20260226-ksdn.png

    내보내기 방식을 선택하실 수 있습니다. 크리에이지에서는 이미지, 웹 배포(피그마) 두 가지 방식을 지원합니다.

    • 이미지 내보내기: 상세페이지를 이미지 파일로 다운로드합니다. 스마트스토어, 쿠팡 등 대부분의 쇼핑몰에서 이미지를 바로 업로드하여 사용하실 수 있어요.
    • 웹 내보내기: 배포된 링크를 받을 수 있습니다. 자사몰이나 카페24, 아임웹 등에 직접 삽입하실 수 있습니다.

    SCR-20260226-ksis.png

    이미지 내보내기의 경우, 섹션별로 개별 이미지가 생성되어 다운로드됩니다.
    각 섹션 이미지를 쇼핑몰 상세페이지 에디터에 순서대로 올려주시기만 하면 끝!


    웹 내보내기

    SCR-20260226-kskz.png

    웹 내보내기를 선택하시면 배포된 링크를 얻을 수 있습니다.
    자사몰이나 카페24, 아임웹 같은 플랫폼의 HTML 에디터에 이 코드를 붙여넣으시면 상세페이지가 그대로 반영됩니다.


    SCR-20260226-ksmr.png

    이미지 내보내기와 달리 텍스트가 검색엔진에도 잡히기 때문에 SEO에도 유리합니다.


    크리에이지는
    사장님의 상세페이지 제작을 가장 쉽고 빠르게 만들어드립니다.

    언제든지 편하게 사용해주세요! 🚀

    이전 글

    상세페이지용 폰트 추천 (with 크리에이지)

    다음 글

    유저에게 직접 먹히는 상세페이지 소구점(판매포인트) 발굴법

    관련 포스트

    Content
    Apr 24, 2026

    [업데이트 & 요금제 개편 사전 안내] 이제 움직이는 상세페이지까지?! 4월 30일 신기능 & 요금제 개편 안내

    안녕하세요, 대표님들의 든든한 파트너 크리에이지 팀입니다! 🎉 대표님들께서 더 빠르게 고퀄리티 상세페이지를 제작하실 수 있도록, 오는 4월 30일 에디터 화면의 대대적인 개편과 함께 역대급 신기능들을 선보입니다. 어떤 점들이 달라졌는지 지금 바로 확인해 보세요! ⭐️ 에디터 화면이 완전히 새로워졌습니다! 채팅바는 이제 우측에! : AI와 실시간으로 소통하며 수정 요청을 할 수 있는 전용 채팅바가 우측에 배치되었습니다. 좌측 통합 패널: 이미지 생성/교체, 텍스트 수정/추가 등 모든 편집 기능을 좌측 패널에 하나로 모았습니다. 요소별 채팅 추가 기능: 기존에도 섹션 툴바의 "채팅에서 수정하기"를 통해서 섹션을 채팅에 추가하여 수정하실 수 있었는데요, 더 정밀한 수정이 가능하시도록 텍스트나 이미지같은 요소들을 지정하여 AI 채팅에 추가하실 수 있는 기능을 준비했습니다 이미지 배경 제거 기능: 이미지 누끼컷 걱정 없이 클릭 한 번으로 깨끗하게 배경 제거가 가능합니다 이제 마우스 동선을 최소화하고, 더 빠르게 고퀄리티 상세페이지를 완성하실 수 있어요! !creazy-new-editor-ui.jpg ⭐️ 드디어 등장! 클릭 한 번으로 상품 동영상 생성하기 상세페이지의 체류시간을 높이는 핵심, 동영상을 이제 클릭 한 번으로 만드실 수 있습니다. 참조 이미지로 만들기: 내 상품의 이미지만 넣으면 AI가 자연스럽게 원하는 영상을 만들어줍니다. 만들어진 영상은 나중에 GIF 또는 WebP 형식으로 내보낼 수 있습니다 텍스트로 만들기: 마땅한 이미지가 없어도 괜찮습니다. "잘 익은 포도를 수확하는 모습"과 같이 텍스트만 입력하면 AI가 바로 GIF를 생성해 드립니다. !creazy-video-generation-1.png ⭐️ "텍스트 타이핑 효과같은 애니메이션이 된다고요?" 네, 클릭 한 번이면 충분합니다. 강조하고 싶은 문구나 이미지가 있다면 이제 생동감 넘치는 효과를 입혀보세요. 글자가 하나씩 써지는 타이핑 효과, 시선을 사로잡는 이미지/문구 깜빡임 효과, 판매량을 강조하는 숫자 카운터 효과 등이 추가되었습니다. AI 채팅으로도 당연히 가능해요! "여기에 타이핑 효과 줘"라고 우측 채팅으로 입력하면 AI가 찰떡같이 알아듣고 바로 적용해 드립니다. ||| |------|---| |!creazy-new-credit-plan-info-1.png|!creazy-new-credit-plan-info-1.png| [Coming Soon] 더 향상된 최신 이미지 생성 모델 도입 기존 이미지 모델보다 더욱 향상된 최신 이미지 생성 모델이 도입될 예정입니다. 수많은 벤치마크에서 현존 최강의 이미지 모델로 인정받은 OpenAI의 GPT-Image-2 모델을 만나보실 수 있습니다. 더 뛰어난 제품 일관성 유지, 더 뛰어난 한글 텍스트 렌더링 등 여러 방면에서 향상된 최신 이미지 모델을 크리에이지에서 바로 만나보실 수 있습니다. [Coming Soon] 5월, 썸네일과 제품 사진의 고민을 끝내드립니다! "왜 내 제품은 쿠팡 정책 위반이지?", "네이버 검색 결과에서 밀리는 이유가 있나?" 이런 사장님들의 고충, 크리에이지가 해결해 드릴게요. 플랫폼별 정책 완벽 학습: 각 카테고리별로 까다로운 쿠팡, 네이버의 썸네일 정책을 AI가 모두 학습했습니다. 버튼 한 번에 썸네일 완성: 정책 위반 걱정 없는 고퀄리티 썸네일부터 리뷰 사진, 제품 목업 사진 생성 기능까지 5월 중순에 오픈됩니다. 기대해 주세요! 📢 요금제 개편 및 크레딧 정책 안내 더 안정적이고 고도화된 AI 환경을 제공해 드리기 위해, 4월 30일부터 요금 정책이 아래와 같이 변경됩니다. 이미지 생성 크레딧 차감: 그동안 한시적으로 무료 제공되었던 '이미지 생성' 기능이 서비스 품질 향상을 위해 장당 5크레딧 차감으로 변경됩니다. 급증하는 AI 사용 비용으로 인해 부득이하게 무료 이벤트를 종료하게 되었습니다. 추가 크레딧 구매 정책 변경: 기존에는 구독 없이도 영구적으로 보관되는 단건 크레딧 구매가 가능했으나, 이제 추가 크레딧 구매는 '구독 회원'님들에 한해서만 가능하도록 변경됩니다. 추가 크레딧 단가 인하: 대신 구독하시는 사장님들의 부담을 확실히 덜어드리고자 단건 크레딧 추가 구매 가격을 기존 15,000원에서 8,000원으로 50% 가까이 하향 조정됩니다. 구독 후에도 크레딧이 부족하셨던 사용자분들은 이제 더 저렴하게 추가 크레딧을 구매하실 수 있습니다. 더 좋은 가성비의 상위 요금제 출시: 크레딧 당 단가를 100 크레딧당 최저 3000원까지 저렴하게 이용하실 수 있는 신규 상위 요금제가 출시됩니다. 크레딧이 부족하셨던 대표님들을 위한 더 가성비 좋은 옵션을 제공드리겠습니다. !creazy-new-credit-plan-info-1.png !creazy-new-credit-plan-info-2.png 이번 업데이트는 크리에이지가 대표님들의 매출을 올리는 가장 강력한 도구가 되기 위해 준비했습니다. 크리에이지 팀은 언제나 대표님들의 목소리에 귀 기울이며 가장 빠르게 움직이겠습니다. 불편하신 점이나 기능 제안은 언제든 말씀해 주세요! ⬇️ 사진을 클릭하시면 크리에이지 서비스로 연결됩니다. 크리에이지 바로가기

    자세히 보기→
    Content
    Mar 12, 2026

    상세페이지 컬러 조합의 정석 (with 크리에이지)

    상세페이지 제작, 왜 컬러 하나로 매출이 달라질까요? 상세페이지는 온라인 쇼핑몰에서 고객과 만나는 가장 강력한 접점입니다. 많은 소상공인이 화려한 그래픽이나 장황한 설명에 공을 들이지만, 정작 고객의 무의식을 지배하고 감성을 자극하는 컬러의 힘을 간과하곤 합니다. 컬러는 단순히 페이지를 예쁘게 꾸미는 도구가 아니라, 브랜드의 첫인상을 결정짓고 구매 욕구를 즉각적으로 자극하는 심리적 장치입니다. 컬러가 곧 구매 전환율인 이유 온라인 고객은 상세페이지 접속 후 단 3초 만에 브랜드의 분위기를 파악합니다. 이때 고객의 뇌에서 가장 먼저 인식하는 정보가 바로 '색상'입니다. 시각 정보의 80% 이상을 컬러가 차지하기 때문입니다. 안정적이고 매력적인 컬러 조합은 고객의 시선을 머물게 하고, 제품에 대한 긍정적인 기대감을 심어줍니다. 제품의 특성에 맞는 컬러가 적절히 배치될 때 고객은 해당 브랜드가 감각적이고 전문적이라고 느낍니다. 따뜻한 음식을 팔 때 식욕을 돋우는 난색 계열을, 신뢰가 중요한 IT 기기를 팔 때 차분한 한색 계열을 사용하는 것처럼 말이죠. 잘 기획된 컬러는 곧 이 제품은 내 취향에 맞고 믿을 수 있다는 심리적 확신으로 이어집니다. !SCR-20260312-pshm.png Tip: 고객이 피로감을 느끼지 않도록 형광색이나 원색의 남용은 피하세요. 눈이 편안한 상세페이지가 구매 버튼을 누를 확률을 높입니다. 소상공인이 흔히 하는 상세페이지 디자인 실수 너무 많은 컬러 사용과 시선 분산: 가장 흔한 실수는 눈에 띄게 만들고 싶은 마음에 여러 가지 색상을 남발하는 것입니다. 한 페이지 안에 4가지 이상의 튀는 컬러가 혼재되면 고객은 어디에 집중해야 할지 길을 잃고 이탈해 버립니다. 명도와 채도 대비 무시: 배경색과 글자색의 대비가 명확하지 않으면 가독성이 급격히 떨어집니다. 밝은 회색 배경에 흰색 글씨를 쓰거나, 어두운 배경에 진한 색상으로 글을 쓰면 정보 전달이 불가능해집니다. 제품과 겉도는 톤앤매너: 다이어트나 건강기능식품에 식욕을 감퇴시키는 파란색을 메인으로 사용하거나, 프리미엄 상품에 가벼워 보이는 쨍한 옐로우를 사용하는 등 제품의 본질과 컬러가 충돌하는 경우 신뢰도가 하락합니다. !SCR-20260312-przl.png 해결책: 세련된 상세페이지를 만들고 싶다면, 황금 비율을 따르는 일관된 컬러 팔레트를 정해두고 그 안에서만 디자인하는 것이 핵심입니다. 스튜디오 지브리에서 배우는 마법의 비율, '6:3:1 법칙' 아름답고 편안한 색감으로 전 세계를 사로잡은 애니메이션 명가 '스튜디오 지브리'. 그들 특유의 조화로운 영상미 뒤에는 인테리어와 디자인 업계의 정석으로 불리는 6:3:1 컬러 법칙이 숨어있습니다. 이 비율을 상세페이지에 적용하면 초보자도 전문가 수준의 안정감 있는 화면을 만들 수 있습니다. 배경 컬러 (Background Color) - 60%: 상세페이지의 넓은 바탕을 차지하는 색상입니다. 제품과 텍스트가 돋보일 수 있도록 화이트, 아이보리, 연한 그레이 등 눈이 편안한 무채색이나 파스텔톤을 사용하는 것이 좋습니다. 메인 컬러 (Main Color) - 30%: 브랜드의 아이덴티티를 나타내는 색상입니다. 타이틀바, 소제목 배경, 정보 박스 등에 사용되며 상세페이지 전체의 분위기를 주도합니다. 제품 패키지 색상이나 브랜드 로고 색상을 활용하면 좋습니다. 포인트 컬러 (Point Color) - 10%: 고객의 시선을 단번에 사로잡아야 하는 곳에 쓰는 강조 색상입니다. '구매하기 버튼', '할인율(%)', 강조하고 싶은 핵심 카피에 사용하며, 메인 컬러와 대비되는 보색이나 강렬한 색상을 선택해 클릭을 유도합니다. !GeminiGeneratedImage_81tdzj81tdzj81td (1).png 업종별 상세페이지 찰떡궁합 컬러 조합 4선 제품의 카테고리에 따라 고객이 기대하는 감성이 다릅니다. 성공률을 높여주는 업종별 컬러 조합을 제안합니다. ① 식품/외식 (Red & Orange) 특징: 식욕을 자극하고 따뜻한 느낌을 주는 난색 계열. 활용: 떡볶이, 고기, 베이커리 등 입맛을 돋워야 하는 제품에 최적입니다. 포인트 컬러로 짙은 레드나 오렌지를 사용하면 클릭률이 상승합니다. !SCR-20260312-psym.png ② IT/전자기기/서비스 (Navy & Blue) 특징: 전문성, 신뢰감, 이성적인 느낌을 주는 한색 계열. 활용: 스마트폰 액세서리, 가전제품, 혹은 정보성 서비스 상품에 적합합니다. 화이트 배경(60%)에 네이비 메인(30%), 그리고 스카이블루 포인트(10%)를 조합하면 깔끔합니다. !SCR-20260312-ptgs.png ③ 뷰티/패션/리빙 (Beige & Muted Tone) 특징: 감성적이고 부드러우며 고급스러운 느낌을 주는 뉴트럴 컬러. 활용: 화장품, 의류, 인테리어 소품에 좋습니다. 채도를 낮춘 베이지나 핑크를 메인으로 삼고, 포인트 컬러 역시 너무 튀지 않는 차분한 브라운이나 차콜을 사용해 톤을 맞추세요. !SCR-20260312-pugk.png ④ 친환경/건강식품 (Green & Brown) 특징: 자연, 유기농, 건강, 편안함을 상징하는 컬러. 활용: 샐러드, 비건 화장품, 영양제 상세페이지에 필수적입니다. 자연의 색인 그린을 메인으로, 흙의 색인 브라운이나 딥그린을 포인트로 사용해 신뢰감을 줍니다. !SCR-20260312-ptvf.png 자주 묻는 질문 (FAQ) Q1. 본문 텍스트 색상은 완전한 검은색(#000000)을 쓰는 게 제일 좋나요? 가장 많이 하는 오해입니다. 완전한 블랙(#000000)과 화이트 배경의 대비는 너무 강해 장문을 읽을 때 눈을 피로하게 만듭니다. 본문 텍스트는 약간 부드러운 다크 그레이(예: #333333, #444444)를 사용하는 것이 가독성에 훨씬 좋습니다. Q2. 두 가지 이상의 메인 컬러를 섞어 써도 되나요? 초보자라면 메인 컬러는 1가지로 통일하는 것을 권장합니다. 여러 색을 섞고 싶다면, 전혀 다른 색상을 추가하기보다는 메인 컬러의 명도와 채도만 살짝 다르게 조절한 '톤온톤(Tone on Tone)' 방식을 사용해 일관성을 유지하세요. Q3. 우리 제품에 어울리는 컬러 배합을 찾기 어렵다면 어떻게 하죠? 컬러 큐레이션 사이트인 Adobe Color나 Coolors를 활용해 보세요. 트렌디한 컬러 팔레트를 자동으로 추천해주어 배색에 대한 감각이 없어도 훌륭한 조합을 찾을 수 있습니다. 이러한 디자인 팁들을 통해서 사장님들의 성공적인 사업이 운영되길 크리에이지 팀이 진심으로 응원합니다. 하지만, 이 내용들이 어렵다. 그리고 다 한번에 해줬으면 좋겠다 싶은 사장님들은 저희 서비스인 크리에이지를 사용해 보시길 바랍니다. 위에 적힌 내용들을 이미 다 학습해서 내재하고 있고, 3분 내로 사용가능한 퀄리티의 상세페이지를 만드실 수 있습니다. 그 외에도 수정도 정말 간편하게 말하듯이 하면 수정도 되는 크리에이지를 바로 사용해보세요! !서비스데모.gif ⬇️ 사진을 클릭하셔서 크리에이지를 바로 이용해보세요! 크리에이지 바로가기

    자세히 보기→
    Content
    Mar 6, 2026

    잘 되는 쇼핑몰 상세페이지 vs 안 되는 쇼핑몰 상세페이지

    잘 되는 쇼핑몰 vs 안 되는 쇼핑몰, 상세페이지의 결정적 차이 온라인 쇼핑몰을 운영하시면서 "우리 제품 진짜 좋은데, 왜 안 팔릴까?"라는 고민, 한 번쯤 해보셨을 겁니다. 광고비를 태워 방문자를 끌어모아도 결제까지 이어지지 않는다면, 범인은 십중팔구 상세페이지에 있습니다. 잘 되는 쇼핑몰과 안 되는 쇼핑몰의 차이는 제품의 퀄리티나 가격에만 있는 것이 아닙니다. 고객이 페이지에 머무는 그 짧은 시간 동안 내 지갑을 열게 만들 설득의 기술이 있느냐 없느냐의 차이입니다. 오늘은 상세페이지 관점에서 잘 되는 쇼핑몰과 안 되는 쇼핑몰의 결정적 차이를 비교 분석해 보겠습니다. 안 되는 쇼핑몰의 상세페이지: "우리 제품 짱이에요" 안 되는 쇼핑몰의 가장 큰 특징은 철저하게 '공급자 마인드'에 갇혀 있다는 점입니다. 디자인에만 집착합니다: 예쁘고 화려한 이미지, 감성적인 영문 폰트 등 겉보기에만 치중합니다. 정작 고객이 알고 싶은 정보는 디자인에 묻혀 보이지 않습니다. 일명 '예쁜 쓰레기'가 되는 지름길입니다. 스펙 나열에 급급합니다: "세계 최초 특허", "고급 스테인리스 사용", "자체 제작 공정" 등 제조사의 자랑거리만 늘어놓습니다. 고객은 '그래서 그게 나한테 뭐가 좋은데?'라는 의문을 품고 뒤로가기를 누릅니다. 가독성이 떨어집니다: 논문을 쓰듯 줄글로 빽빽하게 채워진 텍스트는 모바일 환경에서 쥐약입니다. 고객은 상세페이지를 정독하지 않고 스크롤을 내리며 훑어본다는 사실을 간과한 결과입니다. !SCR-20260306-ppwl.png Tip: 고객은 사장님의 피땀 눈물 어린 제조 과정보다, 이 제품을 샀을 때 자신의 삶이 어떻게 편해질지에 더 관심이 많습니다. 잘 되는 쇼핑몰의 상세페이지: "고객님의 그 고민, 이걸로 끝내세요" 반면, 매출이 터지는 쇼핑몰은 시작부터 다릅니다. 이들은 철저하게 '고객의 결핍과 문제 해결'에 집중합니다. !SCR-20260306-pqny.png 첫 화면(상단 3초)에서 멱살을 잡습니다: 고객이 페이지를 열자마자 "어? 이거 내 이야기인데?" 하고 공감할 수 있는 훅(Hook)을 날립니다. 베네핏(Benefit)으로 번역해 줍니다: "10,000mAh 대용량 배터리"라고 쓰지 않고, "캠핑 가서 2박 3일 동안 충전 걱정 없는 배터리"라고 고객의 상황에 맞게 번역해 줍니다. 시각적 증명으로 의심을 차단합니다: 구구절절한 설명 대신 비포/애프터 사진, 직관적인 GIF, 실제 사용자의 생생한 리뷰 캡처 등을 적재적소에 배치하여 '진짜 효과가 있다'는 것을 눈으로 증명합니다. 잘 vs 안 되는 상세페이지 결정적 차이 5선 현직 마케터의 시선으로 본, 두 쇼핑몰을 가르는 5가지 디테일입니다. 도입부의 온도 차이 !SCR-20260306-psar.png ❌ 안 되는 곳: "2026년 S/S 신상 출시! 브랜드 스토리..." (지루한 자기소개) ⭕ 잘 되는 곳: "매일 아침 출근룩 고르느라 지각하시나요?" (고객의 페인포인트 저격) 단어 선택의 기준 !SCR-20260306-psel.png ❌ 안 되는 곳: "인체공학적 설계", "프리미엄 퀄리티" (추상적이고 흔한 단어) ⭕ 잘 되는 곳: "거북목 직장인을 위한", "세탁기 막 돌려도 보풀 없는" (구체적이고 체감되는 단어) 스크롤을 내리게 하는 힘 !SCR-20260306-pshh.png ❌ 안 되는 곳: 정보가 두서없이 나열되어 있어 무엇이 핵심인지 알 수 없음. ⭕ 잘 되는 곳: [문제 공감] → [해결책 제시(우리 제품)] → [구체적 혜택] → [신뢰 증거(리뷰/인증)] → [행동 유도]라는 명확한 기승전결 구조를 가짐. 고객의 불안감 해소 (CS 처리) !SCR-20260306-psjs.png ❌ 안 되는 곳: 배송 안내나 환불 규정이 맨 밑에 개미만 한 글씨로 적혀 있음. ⭕ 잘 되는 곳: 고객이 가장 많이 묻는 질문(FAQ)을 상세페이지 중간에 큼직하게 배치하여 결제 직전의 망설임을 없앰. 비주얼의 목적 !SCR-20260306-psmw.png ❌ 안 되는 곳: 단순히 모델이 예쁘게 나온 감성 화보 위주. ⭕ 잘 되는 곳: 기능과 혜택을 한눈에 보여주는 직관적인 인포그래픽 활용. 안 되는 상세페이지, 이렇게 고쳐보세요 🚀 과감한 덜어내기와 재배치 덜어내기: 고객의 구매 결정에 도움이 되지 않는 불필요한 회사 연혁, 과도한 감성 문구는 과감하게 삭제하세요. 여백이 있어야 핵심 메시지가 돋보입니다. 재배치: 고객이 가장 열광했던 리뷰 하나를 찾아 상세페이지 최상단 타이틀로 끌어올려 보세요. "이거 하나로 삶의 질이 달라졌어요"라는 찐 고객의 한마디가 백 마디의 설명보다 강력합니다. !SCR-20260306-ptma.png Tip: 모바일 화면(스마트폰) 기준으로 상세페이지를 꼭 다시 확인하세요. 글씨는 잘 보이는지, 이미지가 너무 작거나 답답하지 않은지 점검하는 것이 필수입니다. 자주 묻는 질문 (FAQ) Q1. 디자인이 예뻐야 신뢰가 가는 거 아닌가요? 물론 깔끔한 디자인은 기본입니다. 하지만 '예쁜 디자인'이 '팔리는 디자인'은 아닙니다. 디자인은 우리가 전달하고자 하는 '메시지(소구점)'를 고객이 더 쉽게 읽고 이해할 수 있도록 돕는 그릇일 뿐입니다. 그릇보다 중요한 건 내용물입니다. Q2. 상세페이지 길이는 어느 정도가 적당한가요? 정해진 정답은 없습니다. 저관여(저렴하고 흔한) 제품은 핵심만 짧게 쳐도 되지만, 고관여(비싸거나 몸에 직접 닿는 등 신중한 구매가 필요한) 제품은 고객의 모든 의심이 해소될 때까지 충분히 길게 설득해야 합니다. 길어서 안 읽는 것이 아니라, 지루해서 안 읽는 것입니다. Q3. 잘 썼는지 확인하려면 어떻게 해야 하나요? 주변 지인(우리 제품을 잘 모르는 사람)에게 스마트폰으로 상세페이지를 보여주고 10초 뒤에 화면을 가리세요. 그리고 "방금 본 제품, 어떤 점이 제일 기억에 남아?"라고 물어보세요. 대답을 못 한다면 상단 훅과 소구점 배치가 실패한 것입니다. 위의 레퍼런스 비교를 통해 사장님들의 쇼핑몰 상세페이지가 '구경만 하고 나가는 곳'에서 '결제 버튼을 누를 수밖에 없는 곳'으로 탈바꿈하기를 진심으로 응원합니다. 하지만, 막상 우리 제품의 문제점을 파악하고 기승전결에 맞춰 카피를 쓰고 디자인을 하는 과정이 막막하고 어렵게 느껴지신다면 저희 서비스인 크리에이지를 사용해 보시길 바랍니다. 이미 수만 개의 성공 데이터를 학습한 AI가 사장님의 제품에 딱 맞는 '필승 구조'를 제안하고, 단 3분 만에 잘 팔리는 쇼핑몰 전문가 수준의 상세페이지를 완성해 드립니다. 실제로 이 블로그 글을 작성하며 사용된 성공적인 상세페이지의 레이아웃과 디자인들은 크리에이지AI를 통해서 만들어졌습니다. 추가적으로 잘되는 제품의 상세페이지를 따라하고 싶으시다면 크리에이지 만한게 없습니다 크리에이지를 통해서 잘되는 상세페이지 따라하기 !unnamed.gif 이런식으로 기존에 존재하는 템플릿을 캡쳐해서 바로 원하시는 섹션을 만드실 수 있습니다! --- !서비스데모.gif ⬇️ 사진을 클릭하셔서 크리에이지를 바로 이용해보세요! 크리에이지 바로가기

    자세히 보기→
    Creazy
    (주)테르밋

    대표이사: 김지성

    사업자등록번호: 312-88-03650

    통신판매업신고번호: 2025-서울노원-1244

    전화번호: 010-5509-2283

    서울특별시 노원구 석계로 98-2, 스타트업 스테이션 3층 A-6호(월계동, 광운대역)

    서비스

    • 솔루션
    • 주요 기능
    • 고객 후기
    • 요금제
    • 자주 묻는 질문

    회사

    • 이용약관
    • 개인정보처리방침

    © 2026 (주)테르밋. All rights reserved.