AI 소개 페이지 제작, 완성본 대신 구조부터 받는 법

3줄 요약

• 결과물을 한 번에 완성본으로 요청하면 색상·레이아웃·문구가 한 덩어리로 나와 수정 지점을 특정하기 어려워집니다.
• 흑백 구조로 뼈대와 문장만 먼저 확정한 뒤 디자인을 입히면, 판단 기준이 하나씩 줄어들어 수정 요청이 구역 단위로 좁혀집니다.
• 시안을 고를 때는 더 예쁜 쪽이 아니라 남은 수정이 적은 쪽을 고르는 게 반복 작업에서 더 유리합니다.

롱폼 영상을 꾸준히 올리는 채널이나 콘텐츠를 쌓아가는 회사는 이제 소개 페이지뿐 아니라 썸네일, 숏폼 자막, 카드뉴스까지 AI에게 한 번에 맡길 수 있는 환경에 있습니다. 문제는 그 결과물을 완성본으로 받는 순간 생깁니다. 색과 문구와 배치가 한 덩어리로 묶여 나오면 무엇부터 고쳐야 할지 판단 기준 자체가 흐려지기 때문입니다.

ENLIT은 이 막막함의 원인을 AI의 실력이 아니라 요청을 어떤 단위로 쪼갰는지에서 찾습니다. 구조와 문장만 흑백으로 먼저 확정하고, 그 위에 디자인을 입히는 순서로 요청을 나누면 한 번에 봐야 할 판단 기준이 줄어듭니다.

채널 하나를 꾸준히 운영하거나 회사 콘텐츠를 쌓아가는 입장에서는, 완성본 한 번을 받는 쪽보다 고칠 지점이 분명한 상태로 받는 쪽이 매주 발행해야 하는 작업에서 더 빠른 길입니다.

AI 디자인 결과물이 좋아졌는데 왜 여전히 고치기 어려울까요?

결과물의 품질이 올라간 것과 그 결과물을 고치기 쉬운 것은 서로 다른 문제입니다. 고치기 어려운 원인은 AI의 실력이 아니라 요청을 어떤 단위로 쪼갰는지에 있습니다.

페이지 제작에서 사람이 반드시 해야 하는 일은 기획입니다. 무엇을 보여주고 싶은지, 이 페이지에 들어온 사람이 어떤 행동을 하길 원하는지는 AI가 대신 정해줄 수 없는 부분입니다. 기획 문서는 보통 네 가지로 정리됩니다. 이 페이지가 무엇에 대한 것인지 요약, 어떻게 작동하는지, 누구에게 필요한지, 그리고 왜·어떤 목적으로 만드는지입니다. 이 중 목적이 가장 핵심적인 항목으로 꼽힙니다.

결과물이 한 번에 완성되어 나오면 오히려 그다음 수정이 어려워집니다. 이 기획 문서를 그대로 던지며 "이대로 예쁘게 만들어 줘"라고 한 번에 요청하면, 색상과 레이아웃과 문구가 한 덩어리로 나와 무엇부터 고쳐야 할지 판단 자체가 흐려집니다. 실행이 전부 성공했다는 신호와 그대로 써도 되는 신호는 다릅니다. 완성본이 아니라 초안으로 다루는 자세는 산출물을 받는 모든 단계에서 반복되는 원칙입니다.

색을 모두 빼고 흑백 구조만 먼저 받아야 하는 이유는 무엇일까요?

전체 구조와 문장 흐름만 보기 위해서입니다. 디자인 요소가 하나도 없으면 평가 기준이 '말이 되는가' 하나로 줄어들어 판단이 흐려지지 않습니다.

흑백 뼈대란 색상·이미지·폰트 같은 디자인 요소를 모두 제거하고 구조와 문장 순서만 남긴 초안입니다. 요청 방식은 단순합니다. 디자인 요소는 아무것도 넣지 말고 흑백으로 전체 구조만 보이게 해 달라고 요청하면 됩니다. 연필로 윤곽부터 잡는 스케치에 비유할 수 있는 단계입니다.

이 상태에서 점검할 것도 두 가지로 제한됩니다. 전체적으로 이야기가 자연스럽게 흐르는지, 그리고 텍스트가 제대로 작성되었는지입니다. 디자인은 이 단계에서 건드리지 않습니다. 문장과 순서만 고치고 색이나 배치는 다음 단계로 넘기는 것이 규칙입니다.

복잡한 요청을 한 번에 던지는 대신 확인 가능한 작은 단위로 나누는 방식은 요구서를 쪼개는 법과 같은 원리입니다. 구조를 먼저 확정해두면 다음 단계에서는 디자인만 비교하면 되므로, 판단 기준이 한 번에 하나씩만 올라옵니다.

시안 두 개를 받으면 무엇을 기준으로 골라야 할까요?

더 예쁜 쪽이 아니라 덜 고쳐도 되는 쪽을 고르는 것이 기준입니다. 완성도보다 남은 작업량을 보는 셈입니다.

색을 입히고 이미지를 넣고 소스를 하나씩 붙여가는 기존 방식도 여전히 유효합니다. 오히려 더 좋은 디자인이 나올 가능성, 즉 고점은 이 방식이 더 높습니다. 다만 공수가 많이 들고 결국 어느 정도는 감각에 기대게 되는 한계가 있습니다.

대안은 같은 흑백 뼈대에 서로 다른 디자인 스킬 두 개를 각각 적용해 시안을 두 개 뽑는 것입니다. 같은 구조에서 출발했는데도 전혀 다른 결과물이 나옵니다. 여기서 중요한 건 더 예쁜 쪽을 고르는 게 아니라, 덜 고쳐도 되는 쪽을 고르는 것입니다.

이 비교는 외부 디자인 스킬을 설치해 코드로 직접 다루는 환경, 예를 들어 Claude Code 같은 도구를 쓰는 걸 전제로 합니다. 노코드 도구를 쓰신다면 스킬 이름까지 따라갈 필요는 없고, 같은 뼈대로 시안을 둘 이상 받아 비교한다는 절차만 가져오셔도 충분합니다.

구역별로 마감한다는 건 정확히 무엇을 하는 일일까요?

과한 요소는 덜어내고 빠진 요소는 채우는 두 동작이 전부입니다. 전체 페이지를 여러 구역으로 나눠 한 구역씩 다듬으면 됩니다.

구역마다 먼저 목적을 정의하고, 그 목적에 비춰 요소를 판단하는 순서입니다. 첫 화면은 방문자가 가장 먼저 보는 곳이라 목적은 핵심을 빠르게 전달하는 것이고, 불필요한 텍스트부터 덜어내고 색이 뒤섞여 있으면 색상 코드를 직접 지정합니다. 반대로 자주 묻는 질문 구역은 채우는 게 핵심입니다. AI가 만든 질문은 부정확한 경우가 있어 직접 정확한 질문과 답으로 고쳐야 합니다. 구역별 목적과 손볼 지점은 아래 표에 정리했습니다.

손대지 않는 결정도 결정으로 취급하는 것이 이 단계의 태도입니다. 마감 후에는 색상 정렬을 전체적으로 확인하고, 모바일 화면에서 글자가 깨지는 곳이 있는지도 따로 점검합니다. 이 점검 방식은 코드를 직접 다루는 환경에서 나온 절차라, 노코드 도구라면 비슷한 역할을 하는 미리보기 기능으로 대체하면 됩니다.

이 시점에도 수정할 부분이 남아 있을 수 있습니다. 완료를 선언하는 게 아니라, 고칠 지점을 구체적으로 특정할 수 있는 상태가 됐다는 뜻에 가깝습니다.

AI가 결과물을 빠르게 뽑아주는 시대에도 사람이 반드시 해야 하는 일은 무엇일까요?

맨 앞의 기획과 맨 뒤의 마감, 이 두 가지입니다. 스킬이 좋아질수록 오히려 이 두 지점의 가치는 더 올라갈 가능성이 큽니다.

스킬이 좋아졌다고 디자인 자체가 쉬워진 것은 아닙니다. 쉬워진 것은 그럴듯하게 만드는 일입니다. 그럴듯한 결과물을 빠르게 뽑아내는 일은 이제 누구나 할 수 있는 영역에 들어왔습니다.

이 글에서 설명한 기획→구조→시안 비교→구역 마감 순서도 결국 같은 원리를 따릅니다. Anthropic은 복잡한 작업을 한 번에 요청하는 대신 일련의 단계로 나눠 처리하고 중간 단계마다 점검하는 프롬프트 체이닝 방식을 권장합니다(Anthropic, Building Effective Agents). 소개 페이지 제작에서 구조와 디자인을 나눠 요청하는 것도 같은 체이닝 구조이며, 중간 단계마다 사람이 점검을 끼워 넣을 자리를 만드는 것이 핵심입니다.

그래서 차이는 맨 앞과 맨 뒤에서 납니다. 기획 단계에서 목적을 분명히 정해두지 않으면 뒤로 갈수록 판단 기준이 흐려지고, 마감 단계에서 구역별로 점검하지 않으면 완성된 것처럼 보이는 상태에서 작업이 멈춰버립니다. AI가 중간 과정을 빠르게 채워줄수록, 이 두 지점을 사람이 단단하게 잡아두는 일의 값어치는 더 커집니다.

이 순서는 소개 페이지 밖의 콘텐츠 제작에도 그대로 적용될까요?

그렇습니다. 본질이 웹 디자인이 아니라 수정 가능한 상태로 받는 것이기 때문입니다. 썸네일이든 숏폼 자막이든 카드뉴스든, 완성본을 한 번에 요청하는 습관은 똑같이 작동합니다.

두 개의 썸네일 시안, 두 개의 숏폼 후보 구간을 놓고 고를 때도 마찬가지입니다. 더 완성도 높아 보이는 쪽이 아니라 남은 손질이 적은 쪽을 고르는 게 매주 발행해야 하는 입장에서는 더 빠른 선택입니다.

구역마다 목적을 먼저 적어두는 순서도 그대로 옮겨 쓸 수 있습니다. 네이버 블로그의 첫 세 줄, 인스타그램 피드의 첫 장, 숏폼의 첫 2초는 웹페이지의 첫 화면과 같은 역할을 합니다. '구역 = 목적 = 판단 기준'이라는 구조는 페이지보다 오히려 숏폼이나 피드 쪽에서 적용 효과가 더 큽니다.

다만 가격이나 환불, 배송처럼 사실관계가 걸린 항목은 AI가 채운 문장을 그대로 올리면 표시광고 문제로 번질 위험이 있습니다. 이런 구역은 정확히 고치는 것도 방법이지만, 애초에 AI에게 생성을 맡기지 않는 구역으로 분리해 두는 것도 유효한 선택입니다.

롱폼 촬영본에서 쓸 구간을 사람이 정한 기준대로 골라 숏폼으로 만들어주는 ENLIT 같은 도구를 쓸 때도 같은 원리가 작동합니다. 1차 컷과 2차 컷을 나누는 편집 순서처럼, 구간을 고르는 기준과 결과를 어디에 올릴지는 사람이 정하는 영역으로 남습니다.

한눈에 비교

오늘 바로 적용한다면

• 소개 페이지를 요청할 때 기획 문서를 먼저 정리하고, 그중 목적 항목을 가장 구체적으로 적습니다.
• 다음 AI 요청에서는 색상·이미지 없이 흑백 구조만 먼저 받아, 흐름과 문장만 점검합니다.
• 같은 흑백 구조로 디자인 시안을 두 개 이상 받아, 더 예쁜 쪽이 아니라 덜 고쳐도 되는 쪽을 고릅니다.
• 구역별로 목적을 적어두고, 그 목적에 맞지 않는 요소부터 덜어냅니다.
• 가격·환불·배송처럼 사실관계가 걸린 구역은 AI 생성 대신 직접 작성하는 구역으로 분리합니다.

자주 묻는 질문

흑백 구조부터 받는 방식은 소개 페이지에만 적용되나요?

아닙니다. 완성본을 한 번에 요청하는 대신 수정 가능한 상태로 받는다는 원칙은 썸네일, 숏폼 자막, 카드뉴스 제작에도 똑같이 적용됩니다. 구조와 문장만 먼저 확정한 뒤 디자인이나 톤을 입히면, 어느 산출물에서든 수정 지점이 구역 단위로 좁혀집니다.

디자인 감각이 없으면 시안을 어떻게 골라야 하나요?

기준은 미학이 아니라 남은 수정량입니다. 두 시안 중 고칠 지점이 적고 그 지점을 구체적으로 짚을 수 있는 쪽을 고르면, 디자인 감각과 무관하게 판단할 수 있습니다. 완성도가 높아 보이는 쪽을 고르면 오히려 어디를 고쳐야 할지 더 막막해질 수 있습니다.

자주 묻는 질문 구역은 왜 다른 방식으로 다뤄야 하나요?

다른 구역은 덜어내는 게 핵심이지만, 이 구역은 채우는 게 핵심이기 때문입니다. AI가 생성한 질문은 실제로 사용자가 묻지 않는 질문이거나 답이 부정확한 경우가 있어, 직접 정확한 질문과 답으로 바꿔야 합니다.