‘멋진 LP를 만들어줘’라고 부탁했는데, 나온 것은 어디선가 본 듯한 파란색 그라데이션이다.
버튼은 둥글고, 이모지 아이콘이 나열되어 있다. 어딘가에서 본 구성이다. 이미지는 번들거리고, 인물 사진은 해외 잡지의 모델 같다. 헤드라인의 한자가 일본어인데도 모양이 조금 다르다.
이러한 ‘AI 느낌’은 센스(감각)의 문제가 아닙니다. 대부분 지시 정보량이 부족하기 때문에 발생합니다. AI는 지정되지 않은 부분을 ‘흔히 볼 수 있는 평균값’으로 채웁니다. 평균값으로 채워진 페이지는 누구나 이미 본 듯한 기시감을 느끼게 합니다.
이 글에서는 참고 사이트를 언어적으로 분해하는 방법을 다룹니다. 분해된 언어적 요소들은 AI에게 전달할 디자인 지정 패턴(형식)에 녹여냅니다. 오늘 바로 시도해 볼 수 있는 절차와 프롬프트를 정리했습니다.
참고로, LP의 전환율은 상품・가격・광고・시장 상황에 따라 크게 달라집니다. 이 글이 다루는 것은 매출을 보장하는 것이 아닙니다. 디자인 품질을 일정하게 유지하고 제작 과정에서의 고민을 줄이기 위한 방법론입니다.
본 기사의 대상 독자
직접 LP를 만들고 싶지만, 외주 비용은 지출할 수 없는 사람.
- 개인적으로 강좌・컨설팅・살롱 등을 판매하는 분. ChatGPT나 Claude는 사용할 수 있지만, HTML/CSS나 Figma는 다뤄본 경험이 없다.
- LP 제작을 위탁받는 초보 웹 디자이너. 기초 지식은 갖추고 있으나 AI에게 언어화하는 것이 서툴러 결국 수작업으로 수정하게 된다.
- 중소기업의 웹 담당자・마케터. 광고용 LP를 단기간에 만들고 싶다. 사내에서 ‘저렴해 보인다’며 반려되기 쉽다.
본 기사로 알게 되는 것
- AI가 매번 비슷한 디자인을 내놓는 이유
- 참고 사이트 선택 방법과 ‘어디를 볼지’에 대한 시점
- 스크린샷에서 디자인 사양을 추출하는 프롬프트
- 중국어 폰트화(中華フォント化)를 막는 일본어 LP용 지시 패턴
- 수정할 때 다른 섹션이 무너지지 않게 요청하는 방법
- 이미지의 번들거리는 느낌을 줄이는 네거티브 지정 단어
- 업종 분위기별로 활용 가능한 색상・폰트・레이아웃 대응표
- 공개 전 ‘AI 느낌’ 자가 진단 20가지 항목
무료로 유용한 핵심: AI 느낌의 정체는 ‘미지정 부분’
무엇을 고쳐야 할지, 애초에 알 수 없다.
그렇다면 먼저 원인을 세 가지로 나누어 보세요. AI 느낌은 대개 다음 중 하나에서 발생합니다.
1. 미지정 부분이 ‘평균값’으로 채워짐
‘신뢰감 있는’, ‘멋진’ 같은 단어는 AI에게 정보가 거의 없습니다. 결과적으로 파란색 계열・그라데이션・3단 카드형 레이아웃・둥근 모서리 버튼이 선택되기 쉽습니다. 색상・여백・글자 크기를 수치로 전달하는 것만으로도 출력의 폭이 달라집니다.
2. 일본어 처리가 뒤로 밀림
페이지의 언어 지정이 없다. 폰트 지정도 없습니다. 이런 상태에서는 열람 환경에 따라 중국어용 자형(字形)이 표시될 수 있습니다. HTML에 lang="ja"를 넣는다. 일본어 폰트를 맨 앞에 지정한다. 이 두 가지는 오늘 당장 고칠 수 있습니다.
3. 참고 사이트를 ‘URL로 통째로 넘김’
URL을 전달해도, 도구에 따라서는 문자 정보만 읽습니다. 시각적인 모습은 전달되지 않습니다. 그러므로 참고 사이트는 스크린샷 + 언어화된 사양으로 전달하는 것이 기본입니다.
또 하나 중요한 전제가 있습니다. 참고 사이트의 디자인이나 문구를 그대로 복사하는 것은 피해야 합니다. 저작권법이나 부정경쟁방지법 문제로 이어질 수 있습니다. 매너상으로도 문제입니다. 이 글에서 다루는 것은 색상의 비율이나 여백 규칙 등 구조를 추상화하여, 자신의 콘텐츠에 재구성하는 방법입니다.
마지막으로 현실적인 이야기를 하자면, AI만으로는 공개 품질까지 도달하기 어렵습니다. 문자의 미세 조정이나 이미지 교체는 사람의 손을 거친다는 전제로 계획해야 합니다. 뼈대는 AI에게 맡기고, 마무리는 자신이 담당하는 역할 분담이 좌절하지 않는 진행 방식입니다.
전체적인 흐름
어디서부터 손대야 할지 망설인다.
흐름은 다음의 9단계입니다. 처음 3단계는 준비 과정입니다. 이 단계를 건너뛰면 나중에 수정 지옥에 빠집니다.
- 시스템과 톤을 한 줄로 결정한다
- 참고 사이트 3개를 선정한다
- 스크린샷을 찍는다
- AI에게 디자인 사양을 추출하게 한다
- 사양을 자신의 LP용으로 재구성한다
- 시스템 프롬프트로 HTML을 생성한다
- 수정은 섹션 단위로 요청한다
- 이미지는 네거티브 지정과 함께 만든다
- 사람의 손으로 마무리한다
사용할 도구의 예시는 Claude (Artifacts), ChatGPT, v0, Canva, 이미지 생성 도구입니다. 요금이나 무료 사용 가능 여부, 이미지 로드 가능 여부는 달라질 수 있습니다. 작성 시점의 정보를 전제로 하고 있으므로, 공식적으로 확인이 필요합니다.
절차
1. 시스템과 톤을 한 줄로 결정한다
참고 사이트를 찾아보기 시작하면, 모든 것이 눈에 들어오기 시작한다.
따라서 먼저 축(軸)을 결정합니다. 아래 4가지 시스템 중 하나를 선택해 주세요. 망설여진다면 “고객이 이 페이지를 보기 직전에 무엇에 불안함을 느끼는지”로 고릅니다.
| 시스템 | 적합한 제품군 예시 | 베이스색・메인색・강조색 (예) | 폰트 지정 예시 | 레이아웃 형태 | 피해야 할 요소 |
|---|
| 신뢰/견실함 | 전문직, 금융, BtoB 컨설팅 | #F7F8FA / #1F3A5F / #B8923A | 제목 Noto Serif JP, 본문 Noto Sans JP | 왼쪽 정렬 중심, 여백 넓게, 실적이나 숫자는 표로 제시 | 화려한 그라데이션, 너무 둥근 버튼 |
| ... | | | | | |
| 색상 값은 어디까지나 출발점입니다. 자신의 로고 색상이 있다면, 메인 색상을 그것으로 대체해 주세요. 폰트는 Google Fonts에서 제공되는 것(작성 시점 기준. 공식 확인 필요)을 선택했습니다. | | | | | |
결정했다면, 다음 형식에 맞춰 한 줄로 만듭니다.
“〔시스템〕의 톤으로, 〔누가〕〔어떤 불안함〕을 해소할 수 있다고 느끼는 LP”
2. 참고 사이트 3개 선택하기
멋진 해외 LP를 참고했더니, 일본 제품에는 맞지 않았다.
흔히 하는 실수입니다. 선택할 때는 다음 3가지를 염두에 두세요.
- 동일 업종보다, 동일 고객층을 우선한다. 요가 강좌라면, 같은 연령대의 여성이 구매하는 다른 장르의 LP도 후보가 될 수 있습니다. -
일본어 LP를 선택한다. 세로로 길고 정보량이 많은 세일즈형 LP를 만들려면, 영어권의 짧은 LP는 구성 참고가 되지 않습니다. -
역할을 나누어 3개를 선택한다. 한 장에 모든 것을 담으려 하지 마세요.
| 역할 | 볼 포인트 |
|---|
| 구성용 | 섹션 순서, CTA(Call To Action)의 횟수와 위치, 세로 길이 |
| ... | |
| LP 갤러리 사이트를 사용하면 업종이나 색상으로 필터링할 수 있어 효율적입니다. | |
3. 스크린샷 찍기
페이지 전체를 한 장으로 찍으면, 글자가 깨져서 읽을 수 없습니다.
풀페이지 스크린샷은 AI가 세부 사항을 읽기 어렵게 만듭니다. 다음과 같이 나누어 주세요.
- 첫 화면(First View) (PC 폭과 스마트폰 폭 모두)
- 중간 부분의 대표적인 섹션 2~3곳
- CTA 버튼 주변
- 푸터 근처 신청 영역
스크린샷은 분석 자료로만 사용합니다. 타사 사이트의 이미지나 문구를 자신의 LP에 그대로 재활용하지 마세요.
4. AI에게 디자인 사양 추출시키기
“이 디자인처럼”이라고 해도, 무엇이 ‘같은지’ 자신도 설명할 수 없습니다.
그 번역을 AI에게 맡깁니다. 이미지를 읽을 수 있는 AI(ChatGPT나 Claude 등. 대응 상황은 작성 시점 기준. 공식 확인 필요)에 스크린샷과 함께 다음 프롬프트를 전달합니다.
당신은 웹 디자인 분석 담당자입니다. 첨부된 LP의 스크린샷을 보고, 디자인 구조를 언어화해 주세요. 문장의 내용은 요약할 필요가 없습니다. 시각적인 규칙만 추출합니다.
다음 항목별로, 추정치여도 괜찮으니 구체적인 수치나 이름으로 답변해 주세요.
- 배색: 베이스 색・메인 색・강조색의 추정 HEX 값과, 화면을 차지하는 대략적인 면적 비율
- 문자: 제목과 본문의 추정 크기(px), 굵기, 행간, 자간, 명조체인지 고딕체인지
- 여백: 섹션 간 상하 여백, 요소 간 여백, 좌우 여백의 추정치
- 레이아웃: 컬럼 수, 정렬 방식(중앙/왼쪽), 이미지와 텍스트 배치 패턴
- 장식: 모서리 둥글기 크기, 그림자 유무와 강도, 선의 굵기, 아이콘 종류
- CTA: 버튼의 형태・색상・크기・주변 여백, 페이지 내 출현 위치
- 이 디자인이 “저렴해 보이지 않는” 이유를 3가지
마지막으로, 위 내용을 “디자인 사양서”로 목록화하여 정리해 주세요.
수치는 추정치입니다. 오차는 당연합니다. 중요한 것은, 말로 표현할 수 있는 상태로 만드는 것입니다.
5. 사양을 자신의 LP에 재조합하기
사양이 완성되면, 그대로 사용하고 싶어집니다.
여기서 한 단계 더 거칩니다. 3장의 사양서를 역할별로 조합하는 것입니다. 구성은 구성용에서, 배색은 절차 1에서 결정한 시스템에서, 문자 구성은 문자 구성용에서 가져옵니다. 이렇게 하면 특정 사이트의 복제품이 되지 않습니다.
동시에, 자신의 LP 카피(문장)를 먼저 준비해 주세요. AI에게 문장까지 생각하게 하면, 제목이 “~을 실현하는”, “~을 지원” 같은 정형구로 변하기 쉽습니다. 이것 역시 ‘AI 느낌’의 큰 원인입니다. 문장은 스스로 쓰거나, AI에게 초안을 맡긴 후 자신의 언어로 다듬어야 합니다.
6. 시스템 프롬프트로 HTML 생성하기
나온 페이지, 제목의 '직'이나 '오' 형태가 어딘가 다릅니다.
일본어 지정이 누락된 신호입니다. Claude (Artifacts), v0, Cursor 등에서 코드를 생성할 때는 처음에 다음 형식을 전달합니다.
당신은 일본어 LP를 전문으로 하는 프론트엔드 엔지니어 겸 디자이너입니다. 다음 조건을 반드시 지켜 1개의 파일 HTML(CSS 포함)을 출력해 주세요.
【일본어 처리】
・html 요소에 lang="ja"를 지정합니다.
・font-family는 〔헤드라인 폰트〕, 〔본문 폰트〕를 앞에 두고, 마지막에 sans-serif 또는 serif를 배치합니다. 중국어용 폰트는 지정하지 않습니다.
・본문은 font-size 16px 이상, line-height 1.8 전후, letter-spacing 0.04em 전후로 설정합니다.
・헤드라인에는 font-feature-settings: "palt"를 사용하여 자간을 조여 정돈합니다.
・본문의 1줄은 전체 폭(full width) 기준으로 한자 35자 내외에 수용되도록 max-width를 설정합니다.
・헤드라인이 어중간한 위치에서 줄 바꿈되지 않도록, 필요한 곳에 줄 바꿈(<br>)을 넣거나 행의 글자 수를 조정합니다.
【디자인】
・다음 디자인 사양서에 따릅니다: 〔단계 5에서 정리한 사양서를 붙여넣기〕
・그라데이션 배경, 이모지 아이콘, 유리 같은 반투명 카드, 강한 드롭 섀도우는 사용하지 않습니다.
・색상은 지정된 HEX 값 외에는 사용하지 않습니다.
【구성】
・섹션 순서: 〔예: 첫 화면(First View)/고민 공감/원인/해결책/내용 소개/수강생 후기 영역/요금/자주 묻는 질문/신청〕
・각 섹션에 id를 부여하고, HTML 주석으로 섹션명을 명시합니다.
・스마트폰 폭(375px)에서 깨지지 않는 반응형(responsive)으로 만듭니다.
【문장】
・본문은 다음 원고를 그대로 사용하며, 바꿔 쓰지 않습니다: 〔원고 붙여넣기〕
・원고에 없는 실적/숫자/고객 후기는 만들지 않습니다. 필요한 곳은 빈 프레임과 라벨만 배치합니다.
마지막 2줄이 중요합니다. AI는 비어 있는 틀에 가상의 실적이나 리뷰를 채워 넣을 수 있습니다. 그대로 공개할 경우, 표시광고법 등의 문제가 될 수 있습니다.
줄 바꿈 위치의 자동 조정에는 CSS의 새로운 속성도 있습니다. 다만 브라우저 대응 상황에 편차가 있습니다(작성 시점 기준. 공식 확인 필요). 헤드라인은 수동으로 줄 바꿈을 정리하는 것이 표시가 안정적입니다.
7. 수정은 섹션 단위로 요청하세요
버튼을 조금 키웠을 뿐인데, 위쪽 섹션까지 무너졌습니다.
AI는 수정할 때마다 전체를 다시 작성할 수 있습니다. 그럴 경우, 지정하지 않은 부분이 변경됩니다. 이를 방지하려면, 변경해도 되는 범위와, 변경하면 안 되는 범위를 매번 전달해야 합니다.
현재 HTML 중, id="cta-section" 섹션만 수정해 주세요.
변경 내용: 신청 버튼의 높이를 56px로, 좌우 여백을 40px로, 글자 크기를 18px로 설정합니다.
다른 섹션, CSS 공통 설정, 색상 배합, 폰트 지정은 일절 변경하지 마세요.
출력은, 수정된 섹션의 HTML과, 추가/변경한 CSS만으로 해주세요. 마지막에, 변경한 부분을 목록 형태로 보고해 주세요.
아울러, 잘 된 버전은 반드시 저장해 두어야 합니다. 파일명에 날짜와 번호를 붙이는 것만으로 충분합니다. 무너졌을 때는, 저장된 버전으로 되돌려 다시 요청할 수 있습니다. 대화가 길어져 지시를 잊기 시작하면, 새로운 대화를 여는 것이 좋습니다. 최신 HTML과 사양서를 다시 붙여넣는 편이 빠릅니다.
8. 이미지는 네거티브 지정(Negative Prompt)을 포함하여 만드세요
AI 이미지를 배치하는 순간, 페이지 전체가 수상하게 보입니다.
원인의 대부분은 광택/과도한 그라데이션/부자연스러운 인물입니다. 피하고 싶은 것을 대체 지시와 함께 전달합니다.
| 피하고 싶은 'AI 느낌' | 대체 지시 (한국어) | 영어 예시 |
|---|---|
| 번쩍이는 광택 | 무광 질감, 자연광 | matte finish, natural daylight |
| ... | |
이미지 생성 프롬프트 예시입니다.
일본의 비즈니스 잡지에 실릴 법한 사진. 30대 일본인 여성이 집의 나무 테이블에서 노트북을 보고 있다. 평상복, 자연스러운 표정, 자연광, 무광 질감, 차분한 색감, 배경은 심플한 실내. 이미지 안에 글자나 로고는 넣지 않는다. 광택, 네온, 그라데이션, 3D 표현, 과도한 미용 처리는 피한다.
이미지 생성 도구에 따라 제외 전용 파라미터가 있습니다(Midjourney의 --no 등. 사양은 작성 시점 기준. 공식 확인 필요). ChatGPT와 같은 대화형 AI라면, 문장으로 '피하고 싶은 요소'를 적으면 전달됩니다.
인물의 사진이 아무리 자연스럽게 해도 어색하다면, 억지로 사용하지 않는 선택도 있습니다. 손이나 뒷모습의 사진, 또는 직접 찍은 사진으로 대체해 주세요.
9. 사람의 손으로 마무리하기
AI가 출력한 결과물로 이미 80%는 완성된 느낌입니다.
여기부터가 품질의 차이가 발생합니다. 최소한 다음 작업들은 본인이 직접 진행해야 합니다.
- 제목의 줄 바꿈 위치를 스마트폰과 PC에서 확인하고 수동으로 수정하기
- 이미지를 Canva 등에서 잘라내거나 색상 조정을 하여 페이지의 배색에 맞추기
- 가상의 숫자나 리뷰가 섞여 들어가지 않았는지 확인하기
- 신청 양식이나 결제 링크가 실제로 작동하는지 눌러보기
- 노코드(No-code) 툴로 옮길 경우, 이동 후 표시되는 내용을 재확인하기
공개 전 'AI 느낌' 셀프 체크 20가지 항목
공개 버튼을 누르기 전에 신경 쓰이는 부분이 있지만 말로 표현하기 어렵습니다.
다음 표를 통해 하나씩 확인해 주세요.
| No. | 분류 | 체크 항목 |
|---|
| 1 | 문자 | 한자의 자형이 일본어로서 자연스러운지 (중국어 폰트가 아닌지) |
| ... | | |
| 모든 항목에 체크가 되어 있지 않아도 괜찮습니다. 걸린 항목을 절차 7의 형식으로 하나씩 수정 요청해 주세요. | | |
자주 막히는 지점과 대처법
URL을 전달해도, 시각적 결과물이 재현되지 않음.
툴이 페이지의 문자 내용만 가져가고 있을 가능성이 있습니다. 스크린샷으로 전달하고, 절차 4에서 사양(specification)을 언어화해 주세요. URL 읽기 가능 여부는 툴마다 다르며 변동될 수 있습니다 (작성 시점 기준. 공식 확인 필요).
몇 번 부탁해도, 비슷한 디자인으로 돌아감.
지시사항 안에 형용사가 많고 숫자가 적다는 신호입니다. '우아하게'를 '본문 줄 간격 1.9, 섹션 상하 여백 120px'로 대체해 주세요. 금지 사항(그라데이션, 이모지 등)도 명시해야 합니다.
수정할 때마다 다른 곳이 무너짐.
수정 범위를 id로 한정하고, '다른 부분은 변경하지 말 것'이라고 작성합니다. 대화가 길어지면 최신 버전을 붙여서 새로운 대화창에서 다시 시작해 주세요.
세로로 긴 세일즈형 LP(Landing Page)의 경우, 후반부가 부실해짐.
한 번에 모든 섹션을 만들게 하면, 후반부로 갈수록 생략되기 쉽습니다. 전반부와 후반부로 나누어 생성하고, 마지막에 결합하세요. 공통 CSS는 전반부에서 확정시키고, 후반부에서는 '이 CSS를 사용할 것'이라고 지시합니다.
중국어 폰트가 고쳐지지 않음.
font-family의 맨 앞에 일본어 폰트가 있는지 확인하세요. 웹 폰트 로딩 태그가 들어있는지도 살펴보세요. 열람하는 단말기 측의 폰트에 따라 표시가 달라질 수 있으므로, iPhone・Android・PC에서 실제로 열어 확인합니다.
참고 사이트에 너무 비슷해짐.
문장, 이미지, 독자적인 일러스트나 로고 표현은 모두 자신의 것으로 대체해야 합니다. 구성, 배색, 문자 배열을 여러 사이트에서 가져오면 특정 한 사이트에 치우치기 어렵습니다. 불안함이 남는다면, 공개 전에 전문가와 상담하세요.
툴의 화면이 기사와 다름.
AI 툴은 화면이나 기능이 자주 바뀝니다. 이 기사의 프롬프트는 특정 버튼 조작에 의존하지 않는 형태로 만들었습니다. 화면이 달라도, 프롬프트를 붙여 넣을 곳만 찾으면 사용할 수 있습니다.
🔧 중급/상급자용: 실무 에지 케이스 대책・예외 처리・파라미터 최적화 심층 분석
지시의 틀로 기반(土台)을 만들었더라도, 마무리 단계에서 '역시 AI 같다'고 느끼는 부분이 남습니다. 원인의 대부분은 디자인 지정이 아니라, 문자・이미지・수정의 중첩에 있습니다. 수정을 거듭할수록 무너지는 상황과 그 막는 방법입니다.
장애 패턴 1: 섹션 단위로 고칠 때마다, 다른 곳의 여백이 무너짐
증상: 제목을 수정해 달라고 했더니, 버튼 크기나 카드 여백까지 바뀌어 버림. -
원인: AI가 HTML 전체를 다시 작성하고 있기 때문입니다. CSS의 공통 값이 매번 조금씩 달라집니다. -
돌파법: 여백・색상・글자 크기를 처음에 CSS 변수(variable)로 고정시키고, 수정할 때마다 '(:root 의 변수는 변경하지 말 것)'이라고 지시합니다. 아래의 변수 표를 첫 생성에 넣어둡니다.
:root {
--text: #1f1d1a; /* 본문 색상 (완전히 검정으로 하지 않기) */
--accent: #c2410c; /* 강조색은 한 가지로만 */
...
장애 패턴 2: 일본어 제목이, 이상한 위치에서 줄 바꿈함
⚠️ [IMG:N] 형식 토큰은 이미지 placeholder 입니다. 번역하지 말고 원래 위치에 그대로 유지하세요.
증상: '선택되다/이유'처럼 단어 중간에서 두 줄로 나뉨. 스마트폰에서만 발생함.
원인: 영어용 줄 바꿈 규칙을 그대로 적용했기 때문. 글자 크기가 화면 폭에 비해 너무 큼.
해결책: 제목은 줄 바꿈하고 싶은 위치에 <wbr>를 넣고, CSS로 word-break: keep-all을 지정한다. 스마트폰 폭(375px)에서 제목이 3줄을 넘어가면, 글자를 작게 하는 것보다 문장을 짧게 만드는 것이 좋다.
장애 패턴 3: 이미지만 다른 사이트처럼 떠오름 (부유함)
증상: 글자는 차분한데, 히어로 이미지만 광택이 도는 3D CG 분위기.
원인: 이미지 지시에 페이지의 색과 질감이 포함되어 있지 않음. 이미지 AI의 기본 화풍(default style)이 나오고 있음.
해결책: 이미지 지시에 CSS 변수와 동일한 색상 값(예: #c2410c)과 '플랫, 종이 질감, 광택 없음'을 작성한다. 네거티브 지정에 '그라데이션, 발광, 3D 렌더'를 포함시킨다.
장애 패턴 4: 스크린샷 복사로 참고 사이트와 너무 유사함
증상: 결과물이 참고 사이트의 한 장과 똑같음. 배색도 배치도 같음.
원인: 참고 자료를 한 장만 제공했기 때문. 사양을 추출하는 것이 아니라, 모사(模寫)가 되고 있음.
해결책: 참고 자료는 역할을 나누어 3장(배색/여백/문자 구성)으로 하고, AI에게는 수치와 단어만 추출하게 하며, 이미지 자체는 생성 시에 전달하지 않는다.
설정값 근거표
| 설정 항목 | 적정 값 | 그 값을 사용하는 근거 | 변경했을 때 발생하는 일 |
|---|
| 본문 글자 크기 | 16px (스마트폰) / 17~18px (PC) | 한국어는 영어보다 지면이 빽빽해 보임 | 작으면 읽히지 않음. 너무 크면 한 줄의 글자 수가 줄고, 줄 바꿈이 늘어남 |
| ... | | | |
| 값은 어디까지나 참고치입니다. 처음 1~2주 동안 기록을 남기면서 본인의 프로젝트에 맞춰 하나씩 조정해 보세요. | | | |
도입 효과 시뮬레이션 (가정된 숫자로 계산한 예)
대상은 'LP 수정 및 마무리(1페이지)'. 건수/분수/시급은 가정한 값이며, 작업 기록의 실측값은 아닙니다. 본인의 수치에 대입하여 같은 공식으로 계산해 보세요.
| 항목 | 도입 전 | 도입 후 |
|---|
| 1페이지당 작업 시간 | 300분 | 180분 |
| ... | | |
| 차이는 월 기준으로 480분(8.0시간), 금액으로 약 16,000원어치입니다 (계산 예시). 첫 페이지에는 CSS 변수 표와 이미지 지문 작성 시간이 추가됩니다. | | |
실무 도입 체크
- CSS 변수를 처음에 고정하고, 수정 지시에서 변경하지 않도록 명시했다.
- 스마트폰 폭 375px에서 제목이 단어 중간에 잘려나가지 않았다.
- 이미지 지시에 페이지의 색상 값과 네거티브 지정(Negative Prompt)을 넣었다.
- 참고 사이트는 역할을 나누어 3장으로 하고, 이미지 자체는 생성 시 전달하지 않았다.
- 셀프 체크 20개 항목을 공개 전날에 다시 한번 점검했다.
요약
'AI 느낌'의 상당 부분은 AI가 지정되지 않은 부분을 평균값으로 채우면서 발생합니다.
줄이는 방법은 다음 네 가지입니다.
- 체계를 먼저 정하고, 참고 사이트는 역할을 나누어 3장 선택하기
- 스크린샷에서 사양을 언어와 수치로 번역하기
- 한국어의 문자 구성과 금지 사항을 첫 시스템 프롬프트에 넣기
- 수정은 범위를 한정하고, 마무리는 사람의 손으로 진행하기
AI는 기초 공사를 맡기기에 믿음직한 파트너입니다. 다만, 마지막 세부적인 부분까지 보는 것은 본인 자신이어야 합니다. 오늘 할 수 있는 일은 하나입니다. 현재 가지고 있는 LP를 열고, 셀프 체크표의 1~5번을 확인해 보세요. 글자가 정돈되는 것만으로도 페이지의 인상은 달라집니다.
※ 기사 내 도구의 요금/무료 사용량/기능/폰트 제공 여부는 작성 시점의 정보입니다. 최신 내용은 각 공식 페이지에서 확인해 주세요. LP의 성과는 상품・가격・집객 방법 등에 따라 다르며, 특정 성과를 보장하는 것이 아닙니다.
디자인의 세부적인 부분까지 함께 해 주셔서 감사합니다. AI 느낌은 한 곳씩 지울 수 있습니다. 우선 CSS 변수표를 현재 가지고 있는 LP의 맨 앞에 붙여보세요.
이 기사의 절차를 바로 사용할 수 있는 템플릿과 스크립트로 정리한 교재를 Gumroad에 올렸습니다. 현장에서 같은 확인을 돌리고 싶을 때 지름길로 사용해 주세요.
Discussion
