🎨 AI한테 "예쁘게 만들어줘"라고만 했다가 망한 당신을 위한 7단계 프롬프트 설계법

 

 

AI한테 "예쁘게 해줘"라고 했더니 병원 사이트가 나왔다

요즘 인공지능 웹빌더 도구가 정말 핫합니다. 코드 한 줄 몰라도 웹사이트를 뚝딱 만들 수 있다는 게 신기하고 매력적이죠. 처음 써보는 분들은 대부분 비슷한 경험을 합니다. 설레는 마음으로 "펫시터 매칭 앱 랜딩페이지 만들어줘"라고 입력했는데, 결과물을 보니 어딘가 낯설고 어색해요. 색상은 온통 파란색 일색이고, 전체적인 느낌이 사기업 서비스 같기도 하고 병원 소개 사이트 같기도 하고요. 한마디로 "인공지능이 만든 티"가 확 납니다.

이 경험을 해보셨다면, 문제가 도구에 있는 게 아니라는 걸 아실 거예요. 원인은 프롬프트였습니다. 인공지능에게 "예쁘게 만들어줘"라고 하는 건, 디자이너에게 "느낌 있게 해주세요"라고 말하는 것과 똑같아요. 받아들이는 사람 입장에서는 도대체 어디서부터 시작해야 할지 모르는 거죠.

2024년 기준 인공지능 디자인 도구 시장은 전년 대비 340% 성장했습니다. 하지만 실제 사용자 만족도는 60%대에 머물러 있어요. 시장은 폭발적으로 커지는데 만족도는 따라가지 못하는 이유, 바로 프롬프트 설계가 따라가지 못하고 있기 때문입니다.

---

기존 4단계 방식, 뭐가 문제였을까

지금까지 많이 알려진 프롬프트 구조는 정체성 설정, 목표 대상과 톤, 디자인 시스템, 기능 정의 이렇게 4단계였어요. 나쁜 방법은 아닙니다. 하지만 이 구조에는 결정적인 빈틈이 있어요.

첫째, 업종마다 다른 특성을 전혀 고려하지 않습니다. 펫 서비스 앱과 핀테크 앱은 사용자가 기대하는 경험 자체가 다른데, 동일한 틀로 만들면 결과물이 뭉개질 수밖에 없어요. 둘째, 사용자가 페이지 안에서 어떤 심리적 여정을 거치는지를 반영하지 못합니다. 그냥 섹션을 쌓는 수준이 되어버리죠. 셋째, 감성적 일관성이 빠져 있습니다. 같은 색을 써도 "신뢰의 파란색"과 "어린이용 파란색"은 전혀 다른 메시지를 전달하거든요.

이런 한계를 극복하기 위해 만들어진 것이 7단계 심화 프레임워크입니다. 업종 리서치, 사용자 여정, 감성 디자인, 정체성과 목표, 디자인 시스템, 컴포넌트 명세, 그리고 세부 인터랙션까지, 각 단계마다 인공지능이 정확히 무엇을 해야 하는지를 알려주는 구조예요. 한 스타트업 가속기 조사에 따르면, 체계적인 디자인 프롬프트를 사용한 팀과 그렇지 않은 팀의 개발 속도는 약 2.3배 차이가 났다고 합니다.

---

1단계: 업종 리서치, 도메인마다 기대하는 경험이 다르다

사용자들은 이미 비슷한 서비스를 써본 경험이 있어요. 그 경험에서 쌓인 기대치가 있고, 그 기대치를 충족하지 못하면 어딘가 어색하다는 느낌을 받게 됩니다.

펫시터 매칭 서비스를 예로 들면, 사용자들은 이미 비슷한 해외 플랫폼을 통해 프로필 카드, 캘린더 연동, 인증 배지 같은 요소에 익숙해져 있어요. 이걸 인공지능에게 알려주지 않으면, 그냥 "일반적인 서비스"가 나와버립니다. 경쟁 서비스 상위 3개가 무엇인지, 사용자가 신뢰 판단에 중요하게 보는 요소가 무엇인지, 그리고 업계 전반이 놓치고 있는 불편한 지점이 무엇인지를 먼저 정리해서 넣어야 해요.

업종별로 핵심 신뢰 신호는 명확하게 다릅니다. 펫서비스라면 인증 배지, 리뷰, 보험이 핵심이고, 전자상거래라면 후기, 반품 정책, 보안 결제가 중요하며, 금융 서비스는 암호화 배지와 규제 준수가 생명이에요. 이 맥락을 인공지능에게 학습시키는 것이 첫 번째 단계입니다.

프롬프트를 쓰기 전, 10분만 투자해서 내 서비스가 속한 업종의 기대 경험을 정리해보세요. 그 10분이 결과물 퀄리티를 몇 배로 바꿔줍니다.

---

2단계: 사용자 여정, 섹션 나열이 아니라 심리 흐름을 설계하라

페이지를 만들 때 흔히 하는 실수가 있어요. 헤더, 소개, 기능, 가격, 마무리 이런 식으로 그냥 정보를 쌓는 거예요. 하지만 실제로 사람이 웹사이트를 보는 방식은 다릅니다. 심리적인 여정이 있거든요.

진입 단계에서는 "이게 뭐야?"라는 의문을 해결해줘야 해요. 그래서 명확한 한 줄 설명이 필요합니다. 발견 단계에서는 "내 조건에 맞는 게 있나?"를 확인하니까 검색과 필터가 중요하고요. 평가 단계에서는 "이게 믿을 만해?"를 판단하니까 리뷰와 신뢰 지표가 필요합니다. 결정 단계에서는 "가격은 얼마지?"를 확인하니까 투명한 가격 정보와 자주 묻는 질문이 있어야 하고, 행동 단계에서는 명확한 버튼 하나가 전부예요.

맥킨지 보고서에 따르면, 사용자 여정을 고려한 디자인은 전환율을 평균 32% 향상시킨다고 합니다. 각 단계에서 사용자가 느끼는 마찰을 줄여주는 것, 그게 핵심이에요. 인공지능에게 "히어로 섹션 만들어줘"가 아니라 "처음 방문한 사람이 3초 안에 서비스를 이해할 수 있게 만들어줘"라고 하는 것, 이 차이가 결과물을 바꿉니다.

---

3단계: 감성 디자인, 색만 바꾼다고 분위기가 달라지지 않는다

같은 파란색이라도 금융 서비스의 파란색과 어린이 교육 서비스의 파란색은 다릅니다. 하나는 신뢰와 안정을 위한 색이고, 다른 하나는 친근함과 편안함을 위한 색이에요. 헥스 코드가 같아도 배치 방식, 함께 쓰이는 색, 폰트 굵기에 따라 전달하는 감성이 완전히 달라집니다.

감성 디자인에서 중요한 건 방향성을 비중으로 표현하는 거예요. 펫시터 매칭 서비스라면 "신뢰 50%, 따뜻함 35%, 편안함 15%"처럼요. 이 수치를 넣어주면 인공지능은 "정돈된 레이아웃에 에메랄드 그린 인증 배지, 둥근 모서리, 따뜻한 앰버 포인트 컬러, 넉넉한 여백"이라는 방향으로 해석할 수 있어요.

2024년 사용자 경험 트렌드 리포트에 따르면, 감성적 일관성이 있는 브랜드는 사용자 재방문율이 41% 더 높다고 합니다. 디테일이 감성을 만들고, 감성이 브랜드를 만드는 거예요. 첫인상이 아니라 두 번, 세 번 찾아오게 만드는 힘이 여기서 나옵니다.

---

4단계: 정체성과 목표, 이 서비스는 누구고 무엇을 원하는가

이제 구체적인 정의를 넣을 차례입니다. 서비스 이름, 한 줄 설명, 카테고리, 포지셔닝, 그리고 이 페이지가 달성해야 하는 목표까지 명확하게 적어줘야 해요.

예를 들면 이렇게요. "이름은 펫팔, 보험과 신원인증과 실시간 리포트를 통해 가장 안심할 수 있는 펫시터 매칭 플랫폼이다. 이 페이지의 첫 번째 목표는 예약 완료이고, 두 번째 목표는 펫시터 회원가입 유도다." 이 정도만 써줘도 인공지능이 페이지 전체의 우선순위를 정하는 방식이 달라집니다.

브랜드 성격도 세 가지 형용사로 정리하세요. "따뜻한, 믿음직한, 전문적인"처럼요. 인공지능은 이 세 단어를 디자인 언어로 번역해서 구현해줍니다. 말 한마디가 결과물 수십 개를 바꿀 수 있어요.

---

5단계: 디자인 시스템, "파란색"이 아니라 용도별 색상 코드를 줘라

이 단계부터는 진짜 구체적으로 들어갑니다. 단순히 색상을 고르는 게 아니라 용도별 팔레트를 완성해야 해요. 행동 유도 버튼용 앰버, 인증 배지용 에메랄드, 프리미엄 기능용 바이올렛처럼 색깔마다 역할이 있어야 합니다.

글꼴도 마찬가지예요. 제목은 둥근 느낌의 글꼴로 친근함을 살리고, 본문은 가독성 좋은 글꼴로 정보를 전달하는 방식으로요. 글자 크기는 1.25 배율로 단계를 정해두면 전체 페이지의 위계가 자연스럽게 잡힙니다.

여백의 기본 단위도 8픽셀로 통일하고, 버튼 모서리 둥글기는 12픽셀, 카드는 16픽셀 이런 식으로 구체적으로 정의해주면, 인공지능이 일관된 결과물을 만들어줘요. 구글의 머티리얼 디자인 가이드에 따르면, 체계적인 디자인 시스템을 사용한 팀은 디자인 부채가 60% 줄어든다고 합니다. 처음 정의하는 데 10분이 걸려도, 이후 수정하는 시간을 몇 시간씩 아낄 수 있어요.

---

6단계: 컴포넌트 명세, "버튼"이 아니라 이 서비스만의 핵심 카드를 정의하라

여기가 진짜 차별화 지점입니다. 일반적인 버튼, 일반적인 카드가 아니라 이 서비스에만 있는 핵심 구성 요소를 직접 정의하는 거예요.

펫시터 서비스라면 시터 카드가 핵심입니다. "프로필 사진은 80x80 원형, 이름과 인증 배지를 한 줄로, 별점과 리뷰 수, 거리, 서비스 태그, 가격을 담는다. 기본 상태는 흰 배경에 옅은 그림자, 마우스를 올리면 4픽셀 위로 뜨면서 그림자가 강해지고, 즐겨찾기 상태에서는 하트가 채워진다." 이렇게요.

서비스 유형에 따라 핵심 컴포넌트는 달라집니다. 구독형 서비스라면 가격 비교 테이블, 전자상거래라면 상품 카드, 교육 플랫폼이라면 강의 카드가 그 역할을 합니다. 이 하나를 명확하게 정의하면 페이지 전체의 완성도가 확연히 달라져요. 인공지능은 명확한 지시를 줄수록 훨씬 정교한 결과를 만들어줍니다.

---

7단계: 세부 인터랙션, 움직임이 브랜드를 완성한다

마지막 단계는 많은 분들이 건너뛰는 부분이에요. 하지만 이 단계가 "그냥 그런 사이트"와 "진짜 잘 만든 사이트"를 가르는 경계선입니다.

시터 카드에 마우스를 올렸을 때 부드럽게 위로 뜨는 느낌, 즐겨찾기 버튼을 눌렀을 때 하트가 통통 튀는 느낌, 이런 세밀한 움직임이 사용자에게 "이 서비스는 신경을 쓰는구나"라는 인상을 줍니다. 이런 것을 마이크로 인터랙션이라고 해요.

닐슨 노먼 그룹 연구에 따르면, 적절한 마이크로 인터랙션은 사용자 만족도를 27% 높이고 인지적 부하를 19% 줄인다고 합니다. 시간 기준으로 보면, 짧은 피드백 반응은 150~200밀리초, 화면 전환은 250~350밀리초, 요소가 등장하는 애니메이션은 400~600밀리초가 권장 기본값이에요. 빠르지도 느리지도 않게, 자연스럽게 느껴지는 속도가 있습니다.

---

7단계를 하나로 합치면 어떻게 될까

이 모든 내용을 하나의 프롬프트에 통합하면 꽤 긴 텍스트가 됩니다. 하지만 그만큼 결과물이 달라져요. 업종 맥락, 사용자 여정, 감성 방향, 색상 코드, 핵심 컴포넌트 명세, 인터랙션 디테일까지 한 번에 전달하는 거죠.

중요한 건 처음부터 완벽하게 만들려고 하지 않는 것입니다. 1단계에서 전체 구조와 색상을 잡고, 2단계에서 상단 주목 영역을 다듬고, 3단계에서 카드 디자인을 정교화하고, 4단계에서 신뢰 영역을 강화하고, 5단계에서 인터랙션을 추가하고, 6단계에서 모바일 버전을 점검하는 식으로 단계별로 개선해나가는 거예요.

가트너 리포트에 따르면, 반복적 프롬프트 개선을 통한 인공지능 개발 방식은 일회성 프롬프트 대비 최종 결과물 품질이 2.7배 높다고 합니다. 한 번에 완성하려는 욕심을 내려놓는 것 자체가 전략입니다.

---

사람들이 놓치는 것, 그리고 앞으로의 변화

많은 분들이 인공지능 디자인 도구를 쓸 때 프롬프트를 입력하는 데만 집중하고, 결과물을 어떻게 피드백해서 발전시킬지는 생각하지 않아요. 하지만 좋은 디자인은 처음부터 완성되지 않습니다. 인간 디자이너도 수십 번 수정하잖아요.

인공지능 도구는 앞으로 더 빠르게 발전할 겁니다. 더 짧은 프롬프트로도 더 좋은 결과물을 만들어주는 날이 오겠죠. 하지만 그 날이 와도 한 가지는 변하지 않아요. 어떤 서비스를, 누구를 위해, 어떤 감성으로 만들지를 결정하는 건 결국 사람이라는 거예요.

인공지능 시대에도 설계하는 사람이 중요한 이유가 바로 여기 있습니다. 도구가 좋아질수록 의도를 명확하게 전달하는 능력이 더 큰 차별점이 돼요. 7단계 프레임워크는 그 의도를 체계적으로 전달하는 방법입니다.

---

마무리: 프롬프트 설계 7단계 핵심 요약

인공지능 디자인 도구를 잘 쓰는 비결은 도구에 있지 않습니다. 업종의 특성을 이해하고, 사용자의 심리 여정을 설계하고, 서비스가 전달해야 할 감성을 비중으로 표현하고, 정체성과 목표를 명확히 정의하고, 색상과 글꼴을 용도별로 구체화하고, 핵심 컴포넌트를 직접 명세하고, 세부 움직임까지 지시하는 것, 이 7단계가 인공지능이 의도를 제대로 이해하게 만드는 구조입니다.

오늘 당장 한 가지만 바꿔보세요. 다음 프롬프트에는 "예쁘게 만들어줘" 대신 서비스의 감성 키워드 세 가지와 목표 사용자의 심리 여정 한 단계만 추가해보는 거예요. 결과물이 달라지는 걸 바로 느끼실 수 있을 겁니다.