AI CITY BUILDERS ← 지식 아카이브

상세페이지 강의 300만 원 주고 사지 마세요 (구글 무료 AI 하나로 끝)

2026년 1월 14일 22:57 조회 51,469회 STEP 1

목차

  1. 00:00
  2. 00:33
  3. 01:30
  4. 07:30
  5. 13:40
  6. 16:50

구글 오팔(Google Opal)을 활용한 상세 페이지 자동화 개요

AI를 활용하여 상세 페이지를 제작하고 수익화하는 방법에 대한 유료 강의와 도구가 300만 원에 판매되는 경우가 많습니다. 그러나 구글이 개발한 자동화 에이전트 '구글 오팔(Google Opal)'은 현재 완전히 무료로 제공되며, 이를 통해 고품질의 상세 페이지를 효과적으로 생성할 수 있습니다. 이 가이드에서는 구글 오팔을 활용하여 상세 페이지를 제작하는 원리와 구체적인 방법을 안내해 드립니다.

구글 오팔(Google Opal)이란? 구글이 제공하는 자동화 에이전트 구축 플랫폼으로, 다양한 AI 에이전트를 조합하여 복잡한 작업을 자동화하고 팀을 구성할 수 있습니다.

구글 오팔에 접속하여 'Create New' 버튼을 클릭하면 새로운 자동화 에이전트 팀을 구성할 수 있는 작업 공간이 생성됩니다. 이는 상세 페이지 제작을 전담하는 스마트한 AI 회사를 설립하는 것과 유사하게 생각할 수 있습니다.

AI 에이전트 팀 구축 및 상세 페이지 기획

상세 페이지 제작을 위한 AI 에이전트 팀을 구성하는 과정은 다음과 같습니다.

  1. 제품 이미지 업로드: 가장 먼저 상세 페이지를 제작할 제품 이미지를 준비합니다. 예시로 한국 브랜드 '헤라 옴므(Hera Homme)' 스킨 제품 이미지를 사용하겠습니다. 준비된 제품 이미지를 구글 오팔 작업 공간에 업로드합니다.
  2. 기획 실장 에이전트 생성: 'Generate' 버튼을 눌러 첫 번째 AI 에이전트인 '기획 실장'을 생성합니다.

    기획 실장 에이전트의 역할은 다음과 같습니다:

    역할 지시: '현재 인터넷을 검색하여 한국 트렌드를 찾고, 우리 제품(화장품)을 잘 판매하기 위한 상세 페이지 구성 방안을 분석하라.'

    이 에이전트는 'Search Web' 도구를 사용하여 인터넷에 직접 접속, 지정된 임무를 수행합니다.

전체 AI 에이전트 시스템에 'User Input'과 'Output'을 추가하여 사용자 상호작용 및 결과 확인 기능을 구현합니다. 'User Input'은 사용자가(예: 대표) 기획 실장 에이전트에게 작업 지시를 내리는 역할을 합니다. 예를 들어, 특정 제품의 상세 페이지 제작을 요청할 수 있습니다.

다양한 제품의 상세 페이지를 효율적으로 제작하기 위해 기획 실장 에이전트에게 'Get Webpage' 능력을 부여합니다. 'Get Webpage'는 특정 웹사이트 링크를 제공하여 에이전트가 해당 웹페이지에서 제품 정보를 직접 분석하도록 하는 기능입니다.

예시로 헤라 옴므 공식 웹사이트의 제품 페이지 URL을 복사하여 'User Input'에 입력합니다. 기획 실장 에이전트에게 다음과 같이 지시합니다: '헤라 옴므 제품의 상세 페이지를 만들 것. 제공된 웹사이트에 접속하여 제품을 잘 분석하고, 인터넷 도구를 사용하여 제품 판매 증진을 위한 정보를 찾고 상세 페이지를 디자인하라.'

지시가 내려지면 기획 실장 에이전트는 웹사이트를 분석하고 인터넷에서 관련 정보를 검색하며, 다음 단계의 에이전트에게 정보를 전달합니다.

BJ Fogg 행동 모델 적용 및 이미지 에이전트 활용

상세 페이지의 효과적인 구성을 위해 스탠퍼드 대학교 BJ Fogg 박사의 '행동 모델(Fogg's Behavior Model)'을 적용합니다. 이 모델은 사람들의 행동을 유도하는 세 가지 핵심 요소로 구성됩니다:

이 행동 모델 논문을 AI 에이전트에게 학습시킵니다. 'Generate' 버튼을 눌러 에이전트를 생성한 후, 해당 논문 PDF 파일을 업로드하여 학습시킵니다. 이 에이전트의 이름은 'BJ Fogg 조수 에이전트'로 지정합니다. 이 조수 에이전트는 BJ Fogg 박사의 행동 모델을 기반으로 사람들의 습성과 행동을 연구하여 상세 페이지 구성에 적용하는 역할을 담당합니다.

  1. BJ Fogg 조수 에이전트 설정: BJ Fogg 조수 에이전트에게는 기획 실장 에이전트가 분석한 정보를 기반으로 상세 페이지를 구성하도록 지시합니다.

    역할 지시: '기획 실장이 준 정보를 바탕으로 상세 페이지를 네 페이지로 구성하여, 각 페이지에 어떤 메시지와 이미지가 들어가야 할지 알려줘.'

  2. 상세 페이지 이미지 에이전트 생성: 다음으로 상세 페이지 이미지를 생성할 에이전트, '상세 페이지 이미지 똑순이'를 생성합니다. 'Generate' 버튼을 눌러 에이전트를 추가하고, 모델은 이미지 생성에 특화된 'Gemini 3 Pro Image'를 선택합니다.

    똑순이 에이전트에게는 다음과 같이 지시를 내리고, 제품 이미지를 연결합니다: 'BJ Fogg 조수 에이전트가 제공한 정보를 바탕으로 상세 페이지 네 페이지를 생성해. 단, 제품 이미지는 업로드된 헤라 옴므 제품 이미지를 사용하며, 이 제품은 절대 변경하지 마.'

    이미지 생성 시, 'Advanced Settings'에서 'Aspect Ratio'를 설정하여 이미지 비율을 조절할 수 있습니다.

    • 1:1: 정사각형
    • 9:16: 세로가 긴 형태 (모바일 웹 상세 페이지에 적합)
    • 16:9: 가로가 긴 형태
    • 4:3 / 3:4: 기타 비율

    예시에서는 웹사이트 상세 페이지에 흔히 사용되는 9:16 비율을 선택합니다.

    초기 시도에서는 BJ Fogg 조수 에이전트가 설계한 네 페이지 구성안을 하나의 '상세 페이지 이미지 똑순이' 에이전트가 모두 생성하려 하여 이미지 품질 저하 및 텍스트 깨짐 현상이 발생할 수 있습니다.

    이를 해결하기 위해, 상세 페이지를 구성하는 각 페이지를 전담할 이미지 생성 에이전트를 추가로 배치합니다. 기존 '똑순이' 에이전트를 복제하여 총 네 개의 '똑순이' 에이전트를 만듭니다. 각 '똑순이' 에이전트에게는 다음과 같이 세부 지시를 내립니다:

    1. 첫 번째 똑순이: '조수 에이전트가 준 정보를 바탕으로 첫 번째 페이지를 생성해.'
    2. 두 번째 똑순이: '조수 에이전트가 준 정보를 바탕으로 두 번째 페이지를 생성해.'
    3. 세 번째 똑순이: '조수 에이전트가 준 정보를 바탕으로 세 번째 페이지를 생성해.'
    4. 네 번째 똑순이: '조수 에이전트가 준 정보를 바탕으로 네 번째 페이지를 생성해.'

    이렇게 분업화하여 각 에이전트가 특정 페이지 이미지 생성에 집중하도록 합니다.

  3. 최종 HTML 생성 에이전트: 각 에이전트가 생성한 이미지를 종합하여 최종 아웃풋으로 연결합니다. 그리고 'Generate HTML' 에이전트에게 다음과 같이 지시합니다: '생성된 네 페이지의 사진 이미지를 다운로드받을 수 있게 하고, 미리 볼 수 있도록 상세 페이지 웹사이트 형식으로 멋지게 만들어 줘.' 이 에이전트는 네 개의 이미지를 기반으로 실제 웹사이트와 유사한 상세 페이지를 생성합니다.

고품질 상세 페이지 완성 및 AI 활용의 핵심

시스템 재실행을 위해 애플리케이션을 새로고침하고, 'User Input'에 '헤라 옴므 제품의 상세 페이지를 만들어 줘. 판매가 잘 될 수 있도록 트렌드도 검색하고 분석해서 판매량을 높이도록 만들어 줘'라고 다시 입력한 후 실행합니다.

실행 결과, 기획 실장 에이전트는 '헤라 옴므 에센스 상세 페이지 디자인 기획안'을 생성합니다. 여기에는 2026년 한국 뷰티 트렌드 분석과 함께 메인 비주얼, 슬로건, 카피, 서브카피, 남성 피부 고민 테스트 리스트 등 상세 페이지 구조 및 내용이 포함됩니다.

BJ Fogg 조수 에이전트는 기획안을 바탕으로 Fogg의 행동 모델(Motivation, Ability, Trigger) 원리를 적용하여 고객의 동기와 능력, 행동 유발을 효과적으로 이끌어낼 수 있는 네 개의 페이지 구성을 설계합니다. 이 구성안을 전달받은 네 명의 '상세 페이지 이미지 똑순이' 에이전트가 각 페이지별 이미지 생성 작업을 성공적으로 완료합니다.

결과적으로, 헤라 옴므 제품 이미지를 활용한 고품질의 상세 페이지가 완성됩니다. 생성된 상세 페이지는 '바쁜 남성을 위한 단 하나의 압도적 선택'과 같은 슬로건과 함께 제품 사용 방법, 성분 정보, 지속 가능한 아름다움, 고객 후기 등 다양한 콘텐츠를 포함하며, 헤라 옴므 공식 웹사이트의 실제 후기까지 반영하여 신뢰도를 높입니다. '프리뷰' 기능을 통해 완성된 상세 페이지를 확인하고, 각 이미지 및 전체 페이지를 다운로드할 수 있습니다.

이 시스템은 스탠퍼드 디자인 랩의 행동 모델 논문을 기반으로 인터넷 정보 분석, 웹사이트 자료 조사, 그리고 Fogg의 행동 유도 원리를 적용하여 총 여섯 개의 AI 에이전트(기획 실장, BJ Fogg 조수, 이미지 똑순이 4개, Generate HTML)가 협력하여 제작되었습니다.

이처럼 구글의 무료 AI 도구만으로도 고품질의 상세 페이지를 충분히 제작할 수 있습니다. 300만 원에 달하는 유료 강의나 도구를 구매할 필요 없이, 무료로 제공되는 AI 기술을 활용하여 높은 수준의 결과물을 얻을 수 있습니다.

현재 우리는 AI를 통한 수익화의 기회가 열린 시대에 살고 있습니다. 이 기회를 효과적으로 활용하기 위해서는 단순히 AI 도구의 사용법을 넘어, 그 원리를 이해하고 핵심을 파악하는 것이 중요합니다. 급변하는 AI 환경 속에서 도구의 표면적인 기능만을 익히는 것은 한계가 있습니다. AI 기술의 변화에 빠르게 적응하고, 개인이 축적해 온 지식을 AI에 적용할 수 있는 능력을 키워야 합니다. 이는 AI 도구의 활용을 넘어, 자신만의 창의적인 아이디어를 접목하여 더 발전된 상세 페이지 디자인 에이전트를 구축하는 데 필수적입니다.

따라서 고가의 상세 페이지 제작 강의를 구매하기보다, 구글의 무료 AI 도구 사용 원리를 학습하고 다양한 방식으로 적용해보며 숙달하는 것을 권장합니다.

지식 아카이브 전체 보기 유튜브에서 보기