> ## Documentation Index
> Fetch the complete documentation index at: https://docs.noimosai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 웹사이트 제작 및 개선

> 웹사이트 제작 및 개선의 유스케이스를 사이트 제작, 분석, 광고 어필 확인, 수정 계획, 공개 후 회고까지 정리했습니다.

## 개요

이 페이지는 웹사이트를 제작·개선하고자 하는 성장팀, 웹 담당자, 프로덕트 마케터를 위한 것입니다. NoimosAI를 사용하면 웹사이트 초기안 작성, 카피 및 CTA 수정, 이탈 요인 파악, 경쟁 광고에서 사용되는 어필 확인, 개선 우선순위 정리, 공개 후 분석까지 일련의 작업을 수행할 수 있습니다.

## 권장 설정

### 연동

* Google Analytics
* Google Search Console
* WordPress
* Google Drive

### 페이지

| 목적           | 블록                        | 작성 이유                                            |
| ------------ | ------------------------- | ------------------------------------------------ |
| `전환 분석`      | `테이블`, `메트릭`, `텍스트`       | 이탈 지점과 분석 결과를 한 곳에 모을 수 있습니다.                    |
| `웹사이트 제작`    | `텍스트`, `콘텐츠 라이브러리`        | 서비스 사이트, 랜딩 페이지, 문의 동선의 초기안 및 수정 방침을 관리할 수 있습니다. |
| `수정 계획`      | `텍스트`, `테이블`, `콘텐츠 라이브러리` | 카피, CTA, UX 개선안을 정리할 수 있습니다.                     |
| `광고 어필과의 정합` | `테이블`, `텍스트`, `콘텐츠 라이브러리` | 광고에서 사용되는 어필과 랜딩 페이지 메시지의 차이를 확인할 수 있습니다.        |
| `퍼포먼스 확인`    | `차트`, `메트릭`, `테이블`        | 퍼널 경향을 보고 다음 개선 우선순위를 결정할 수 있습니다.                |
| `검증 백로그`     | `테이블`, `텍스트`, `캘린더`       | 테스트 항목, 담당자, 확인 시기를 목록으로 관리할 수 있습니다.             |

## 시작 워크플로우

<AccordionGroup>
  <Accordion title="워크플로우 1: 웹사이트 제작 및 초기 개선">
    * **목적:** 목적에 맞는 웹사이트나 랜딩 페이지 초기안을 작성
    * **실행 시점:** 새로운 서비스, 캠페인, 문의 동선을 시작할 때
    * **프롬프트 예:** `BtoB 대상 서비스의 랜딩 페이지를 작성하고, 퍼스트 뷰, 문제 제기, 기능 소개, 도입 이점, 요금, FAQ, 무료 상담 CTA를 포함해주세요.`
    * **출력:** 웹사이트 초기안과 개선 후보
    * **확인 포인트:** 목적, 타겟, CTA가 맞는지 확인

    <img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/use-cases/channels/website-initial-creation.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=665461541a7627ee637091c4317e1ea7" alt="채팅으로 요청한 내용을 바탕으로 웹사이트 초기안을 작성하는 화면" style={{ border: '1px solid #e5e7eb', borderRadius: '8px', marginTop: '1rem', marginBottom: '1rem' }} width="2880" height="1554" data-path="public/help-center/use-cases/channels/website-initial-creation.png" />
  </Accordion>

  <Accordion title="워크플로우 2: 전환 분석">
    * **목적:** 우선 페이지의 병목을 찾기
    * **실행 시점:** 매주 또는 주요 랜딩 페이지·동선 점검이 필요할 때
    * **프롬프트 예:** `사이트 전체 구조, 비주얼, 텍스트를 분석하고, 개선 조치를 구체적인 수정 계획과 함께 제안해주세요.`
    * **출력:** 우선 과제와 수정안
    * **확인 포인트:** 전환에 영향을 주는 과제인지 확인

    <img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/use-cases/channels/website-conversion-analysis.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=88e08b6552785ac1dbdd7af46b014e28" alt="웹사이트 전체를 분석하고 개선 조치와 수정 계획을 정리하는 화면" style={{ border: '1px solid #e5e7eb', borderRadius: '8px', marginTop: '1rem', marginBottom: '1rem' }} width="2880" height="1554" data-path="public/help-center/use-cases/channels/website-conversion-analysis.png" />
  </Accordion>

  <Accordion title="워크플로우 3: 카피 및 UX 수정 계획">
    * **목적:** 분석 결과를 구체적인 개선안으로 만들기
    * **실행 시점:** 중요 페이지나 섹션이 특정된 후
    * **프롬프트 예:** `랜딩 페이지의 제목과 버튼 문구를 더 어필력 높은 표현으로 바꿔주세요.`
    * **출력:** 제목, CTA, 메시지 개선안
    * **확인 포인트:** 팀이 바로 구현할 수 있을 정도로 구체적인지 확인

    <img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/use-cases/channels/website-copy-ux-revision.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=6c54f5fe5287de95f2042ef15bfd7c7a" alt="웹사이트의 제목과 버튼 문구를 개선하는 지시를 내리는 화면" style={{ border: '1px solid #e5e7eb', borderRadius: '8px', marginTop: '1rem', marginBottom: '1rem' }} width="2880" height="1554" data-path="public/help-center/use-cases/channels/website-copy-ux-revision.png" />
  </Accordion>

  <Accordion title="워크플로우 4: 퍼포먼스 확인">
    * **목적:** 전환 변화와 다음 개선점을 파악
    * **실행 시점:** 최근 전환과 유입 지표가 갖춰진 주간
    * **프롬프트 예:** `[특정 기간]에 가장 이탈이 많은 페이지나 섹션을 특정해주세요.`
    * **출력:** 이탈률이 높은 페이지·섹션 분석 결과
    * **확인 포인트:** 다음 업데이트나 실험으로 연결되는지 확인

    <img src="https://mintcdn.com/agoslabstechnologiesfzco/WUdTSmFBnDccnDQ0/public/help-center/use-cases/channels/website-performance-review.png?fit=max&auto=format&n=WUdTSmFBnDccnDQ0&q=85&s=128f43431e35410bb3faa5e6e8632f61" alt="웹사이트의 이탈률이 높은 페이지나 섹션을 분석하는 화면" style={{ border: '1px solid #e5e7eb', borderRadius: '8px', marginTop: '1rem', marginBottom: '1rem' }} width="2880" height="1554" data-path="public/help-center/use-cases/channels/website-performance-review.png" />
  </Accordion>
</AccordionGroup>

## 기대 효과

* 주관적 판단이 아닌 우선순위가 높은 개선 항목부터 착수하기 쉬워집니다
* 채팅으로 웹사이트 초기안을 만들고, 미리보기를 보면서 개선하기 쉬워집니다
* 분석 결과를 구현 가능한 카피나 UX 수정으로 연결하기 쉬워집니다
* 테스트 정보를 한 곳에서 정리할 수 있습니다
* 주간 점검을 다음 구체적 개선 작업으로 전환할 수 있습니다
* 광고 검색에서 발견한 시장 어필을 랜딩 페이지나 폼 개선에 반영하기 쉬워집니다

## 관련 페이지

* [연동의 기본](/ko/help-center/integrations/integrations-basics)
* [광고](/ko/help-center/use-cases/channels/ads-search)
* [웹사이트의 기본](/ko/help-center/website/website-basics)
* [새로운 웹사이트를 만들기](/ko/help-center/website/create-and-edit-website)
* [웹사이트를 공개·업데이트하기](/ko/help-center/website/publish-and-update-website)
* [프롬프트 템플릿 선택하기](/ko/help-center/chat/select-prompt-templates)
* [독자 프롬프트 입력하기](/ko/help-center/chat/enter-your-own-prompt)
* [출력 결과 확인하기](/ko/help-center/chat/check-output-results)
* [템플릿에서 에이전트 만들기](/ko/help-center/ai-team/create-an-agent-from-a-template)
* [제로부터 에이전트 만들기](/ko/help-center/ai-team/create-an-agent-from-scratch)
* [에이전트 편집·추가·삭제하기](/ko/help-center/ai-team/edit-add-and-delete-triggers)
* [앱 연동하기](/ko/help-center/workspace/integrate-apps)
* [에이전트 실행 결과 확인하기](/ko/help-center/ai-team/check-agent-execution-results)