15년차 마케터가 AI로 상세페이지 만드는 법: 미리클

AI로 프롬프트 → 이미지까지 한 번에 끝내는 실전 워크플로우

Jan 22. 2026

“상세페이지는 중요한데, 디자이너 없이 만들려니 막막하다.”

“AI로 만들고 싶은데 결과물이 촌스럽거나 텍스트가 다 깨진다.”

이 글은 이런 분들을 위해, 미리캔버스의 생성형 AI 도구 ‘미리클(MiriCle)’을 활용해 상세페이지를 만드는 실전 절차를 정리한 매뉴얼입니다. 미리클은 단순 이미지 생성이 아니라, ‘디자인 문서(상세페이지) 자체’를 구조화해서 만들어주는 흐름이 강점이에요.

*미리클은 배경 제거, 이미지·영상 생성, 프레젠테이션 생성 등 다양한 AI 기능을 한 곳에서 제공한합니다.

왜 ‘미리클 + 상세페이지’ 조합을 추천하냐면요.

AI로 상세페이지를 만들 때 퀄리티를 좌우하는 건 ‘이미지 한 장’이 아니라 페이지 전체의 일관성(톤&무드, 타이포 계층, 여백, 구성) 입니다.

→ 미리클은 일관성있는 작업물을 ‘한 툴 안에서’ 반복적으로 처리할 수 있어요.

또한 미리클은 이미 양질의 ‘한국형’ 상세페이지 템플릿을 학습한 똑똑한 AI 모델입니다.

그래서 상세페이지 뿐 아니라 다양한 작업물을 만들었을 때

마케팅에 바로 쓸 수 있을 만한 퀄리티를 실감하실 수 있어요!

AI로 생성 가능한 마케팅 제작물 종류

또한 미리캔버스는 요금제(무료/Pro/Enterprise) 형태로 제공됩니다. 팀/업무에서 안정적으로 쓰기 좋다는 장점이 있어요.

예시로 만들어본 강의 상세페이지:'퇴사 없이 인생 2막 준비 - 링크드인 커리어 브랜딩'

이 글에서는 실제로 제가 만든 강의 마케팅을 위한 상세페이지 제작 과정을 예시로 설명할게요.

핵심은 이미지로 만든 그럴듯한 감성보다 직장인들이 실제로 반응하는 설득 구조를 먼저 만들고, 그 다음 디자인을 AI로 자동화하는 것입니다.

실제 반응하는 설득 구조와 양질의 제작물을 위한 프롬프트 마련을 위해

타 AI 툴에서 먼저 조사를 하고 → 미리클로 넘어가볼게요.

1단계) 브랜드 정보 제공예) 젠스파크 ‘리서치미’로 강사/브랜드를 정의

AI가 상세페이지를 잘 만들려면 ‘브랜드 정체성 데이터’를 먼저 줘야 합니다.

이번 상세페이지에서는 제가 곧 브랜드이기에 저에 대한 자료를 제공해야했어요.

여기서 제가 활용한 게 젠스파크 ‘리서치미’ 기반 프로필 정리였어요.

‘리서치미’ 기능은 저의 홈페이지, 블로그, 링크드인 등의 주소를 전달하면 알아서 저에 대한 학습을 진행합니다.

젠스파크 첫 화면에서 맞춤 설정 클릭

맞춤설정 상단에서 '리서치미' 클릭

링크드인 프로필 주소 입력 후 '리서치 미' 클릭

학습 결과

예시(요약):

마케팅·데이터·AI 전략 컨설턴트/강사
이노션/오길비/레오버넷 등 TOP 에이전시 경력
링크드인 1.3만 팔로워, 연 200만+ 조회
1,000명 커뮤니티 운영(마케팅데이터커넥트, 퇴근후AI)
글로벌 Tableau Ambassador(전세계 300명)

2단계) 제품 정보 제공: 판매할 강의 커리큘럼/구성 제공

두 번째는 제품 자체 정보입니다.

이번 예시에서는 ‘강의’가 제품이기에, 커리큘럼(목차/회차/기대효과/제공자료)과 수강 혜택을 담았어요.

예시로는:

35강 / 7시간 / 평생수강

링크드인 글 예시 50건, AI 글쓰기 에이전트(GPTs)

커뮤니티 + 사이드 프로젝트 운영 가이드

추가 옵션: 1달 그룹 Q&A + 1:1 첨삭 10회(선착순 50명)

3) 상세페이지 지침 제공: ‘상세페이지가 지켜야할 규칙’ 입력

세 번째가 진짜 중요합니다.

상세페이지는 ‘설명’이 아니라 퍼널의 3단계(관심→이해→행동)를 설계하는 문서이기 때문이에요.

제가 사용한 상세페이지 규칙(요약):

가독성(모바일에서 쑥 읽히게)

긴급성(혜택/기간/선착순 등)

합리성(자료/구성/결과물의 ‘손에 잡힘’)

사회적 인정/자기 증명/타인 증명/비교/신념 구조 등 심리적인 요소

등을 제공했어요.

* 여기서 사용한 핵심 ‘상세페이지 텍스트 기획’ 프롬프트

아래 프롬프트로 먼저 AI 툴에서 텍스트 구조를 뽑았습니다.

(이 단계가 없으면, 미리클에서 아무리 디자인을 돌려도 ‘말이 약한’ 페이지가 나옵니다.)

<참고 첨부파일: 강의 커리큘럼>

<강의 컨셉 설명>
이 강의의 상세 페이지를 만들건데 뭔가 파는 강의, 인스타 강의, 유튜브 강의 많지만 직장인들에게는 뭔가 먼 얘기이고 실천도 안하게 되잖아. 이 강의는 회사 생활을 하면서 장기적으로 체질 개선을 하는 내용을 다룰 예정이야.

<타겟의 생각 & 소구점 & 상세페이지 방법론 조사>
관련해서 AI 시대에 대체될 것을 두려워하면서 변화를 원하는 직장인들이 어떤 생각을 가지고 있는지, 어떤 제목, 상세 페이지, 행동심리학에 반응을 할지 조사하고. 효과있는 상세페이지 방법론도 조사해서 반영해줘.
<요청 사항>
상세 페이지 구성을 텍스트로 일단 먼저 계획해줘.
<참고 사항>
추가로 나에게 사전 질문이 필요하면 얘기하고, '리서치미’로 나에 대해 조사한 걸 참고해.

4) 먼저 텍스트로 구성 확인하기 - 디자인 전에 해야 하는 이유

미리클에 바로 ‘상세페이지 만들어줘’라고 넣으면, 디자인은 예쁘게는 나오지만

강조 포인트가 흔들리고

섹션 순서가 약해지고

구매 전환 요소(긴급성/합리성)가 빠지는 경우가 많아요.

그래서 먼저 텍스트로:

히어로(첫 화면에서 ‘누구를 위한 무엇’인지)

문제 제기(타겟의 불안/현실)

신뢰(내가 말할 자격)

해결(프로그램 구조)

증거(후기/사례)

커리큘럼

CTA(가격/마감)

이 순서로 말의 구조를 확정합니다.

상세 페이지 제작 전 나에게 던진 질문

그랬더니 이런 질문을 던지더라고요. 답변을 했더니

내 답변을 기반으로 구성한 상세페이지

오?! 구성 꽤 하네? 아예 이미지 만들라고 해볼까?

나노바나나프로가 탑재되어 있기 때문에

그럼 상세페이지 만들어줘.

라고 요청해봤더니…

띠오잉…. ㅠ

괜찮아요! 미리클이 예쁘게 만들어 줄거에요.

5단계) 이미지 프롬프트 받기 (미리클용, 400자 이내)

텍스트가 확정되면, 이제 “이미지 프롬프트”를 준비합니다.

여기서 프롬프트를 2종으로 나눴어요.

좋아. 그럼 나노바나나프로로 일관성 있는 상세페이지를 생성하기 위한 프롬프트를 2개로 나눠서 줘.
1) 상세페이지 n개 프롬프트 (배경, 포인트, 서브 컬러 포함)
2) 각 상세페이지에 들어갈 실사 이미지 실감나는 프롬프트 둘다 프롬프트는 400자 이내로 줘.

미리클 상세페이지 프롬프트는 400자 이내이기 때문에 미리 명시합니다.

이런 프롬프트들을 받을 수 있었어요.

5-1) 삽입될 실사 이미지 생성용 프롬프트

예시 프롬프트(400자 이내):

Close-up of laptop screen displaying job application rejection email in Korean. Screen shows "입사 지원 결과" as subject line and "불합격" visible in email body. Hands on keyboard, person's face partially visible in soft focus background looking disappointed. Natural office lighting, shallow depth of field focusing on screen text. Documentary photography style, realistic and authentic. Warm muted tones, beige color palette (#F7F5F0). Shot with 50mm lens f/1.8. Mood: contemplative, reflective. High detail realistic photo.

5-2) 실제 상세페이지 생성용 프롬프트

예시 프롬프트(400자 이내):

Problem statement. Background #F7F5F0, accent #E4FF00, sub #E8E8E8. Header large: "당신도 이런 고민을 하고 계신가요?" Bubbles: "연차만 쌓이는데 이직은 왜 어려운 거지?" "서류에서 자꾸 떨어집니다. 경력은 나쁘지 않은데?" "AI가 내 업무를 대체할까봐 불안합니다" "회사 밖에서도 인정받고 싶어요. 하지만 어떻게?" "링크드인, 해야 하는데 회사 눈치가..." Bottom CTA lime: "더 이상 미루지 마세요" Speech bubble style, 9:16

6단계) 미리클에서 제작하기: 실사 이미지 → 상세페이지

6-1) 미리클에서 실사 이미지 생성

❶ 미리클 접속

❷ 미리클에서 AI 이미지 생성 기능 선택

❸ 5단계-1 실사용 프롬프트 입력

❹ 원하는 컷이 나오면 저장(필요 시 2~3회 반복)

6-2) 실사 이미지 첨부 + 상세페이지 생성

이번에는 미리클 하단에

❶ 쇼핑몰 운영 > 상세페이지 만들기로 들어가요.

쇼핑몰 운영 > 상세페이지 만들기

스타일 중

심플한 타이틀을 고르고, 5-2) 프롬프트를 넣고, 비율을 고른 후, 6-1)에서 만든 이미지를 첨부하고 생성을 눌러요.

짠!!!!

미리클을 쓰기 전)

미리클을 쓴 후)

천지 차이죠..?

(아직 확정되지 않은 가격 등은 가렸습니다.)

(응용) 같은 6단계를 화장품 쇼핑몰 상세페이지로 변형하기

동일한 워크플로우를 화장품으로 해볼까요?

1) 브랜드 정보 제공(화장품)

입력할 정보

브랜드 톤&무드(클린/더마/비건/럭셔리)

타겟(20대 민감성/30대 탄력/남성 등)

USP(성분/임상/제형/향/흡수감)

패키지 컬러/로고 컬러

브랜드 프롬프트 예시

“브랜드는 미니멀 더마 코스메틱. 핵심 키워드: 저자극, 성분 투명성, 임상 데이터, 무향, 데일리. 톤은 고급스럽고 담백하게.”

2) 제품 정보 제공(화장품)

입력할 정보

제품명/라인

핵심 효능 3개

주요 성분 3개(예: 나이아신아마이드/판테놀/세라마이드)

사용법/피부타입/주의사항

용량/가격/구성

3) 상세페이지 지침(화장품)

첫 화면에서 “무슨 문제를 해결하는지” 1문장

효능은 근거(임상/성분/전후 변화) 와 같이 제시

텍스트는 짧게, 핵심 문장 중심

구매 버튼/혜택/배송/교환정책은 하단에 명확히

4) 텍스트 구성 먼저 확정(화장품)

요청할 섹션 예:

히어로(제품 한 줄 정의)

피부 고민(트러블/장벽/홍조 등)

해결(핵심 성분/임상 근거)

제형/사용감(실사)

사용법/루틴

리뷰/별점/후기

FAQ/주의사항

CTA(구매/혜택)

5) 이미지 프롬프트 받기

5-1) 실사 이미지 프롬프트(화장품) 예시 4종

제품 단독컷

Minimal product photo of skincare serum bottle on #F7F5F0 background, soft daylight, crisp shadow, premium editorial style, 50mm, high detail.

제형(손등 발림)

Close-up of hand applying translucent serum on skin, glossy texture, soft natural light, clean background, realistic skincare editorial photo.

욕실 선반/루틴

Neat bathroom shelf with skincare products, warm daylight, minimal aesthetic, clean labels, premium lifestyle photography.

사용 전/후 느낌(표현주의적으로)

Macro close-up healthy skin texture, hydrated glow, soft focus, natural light, realistic beauty photography.

5-2) 상세페이지 생성 프롬프트(화장품, 9:16)

컬러 고정 문장 + 섹션별 텍스트를 넣어 생성합니다.

Background #F7F5F0, accent #E4FF00, sub #E8E8E8. Create 9:16 product detail page section: hero with product image, headline ‘민감 피부를 위한 장벽 세럼’, subcopy, 3 key benefits with icons, minimal typography, generous whitespace.