본문 바로가기

How it works

Seven steps, agents inside.

기획부터 출시, 운영까지 7단계에 걸쳐 AI 에이전트를 활용합니다.AI가 반복 작업을 맡고, 전문가는 방향을 결정하며 결과물의 품질을 검토합니다.

프로젝트 문의하기

From prompt to production.

AI 에이전트와 함께하는 웹사이트 구축 프로세스

기획, 설계, 디자인, 개발, 검수, 출시, 운영까지 7단계로 업무를 나누고, 각 단계에 AI 에이전트를 배치했습니다. 자사 사이트에 먼저 적용한 경험을 바탕으로, AI가 맡는 업무와 사람이 검토하고 결정하는 지점을 정리했습니다.

The process

Inside each step.

각 단계에서 AI가 맡는 업무, 수행팀과 고객이 확인할 사항, 주요 산출물을 소개합니다. 프로젝트 환경과 계약 범위에 맞춰 적용하며, 운영·유지보수 범위는 별도로 합의합니다.

AI가 준비하고, 사람이 확인하는 7단계Discovery → Architecture → Design → Development → QA & Security → Launch → Operations & Growth
  1. 01

    Discovery

    요구사항과 범위 협의

    AI 에이전트

    조사 요약 · 계획 초안

    고객

    범위와 계획 승인

    수행팀 · 근거와 실행 가능성 검토

  2. 02

    Architecture

    구조와 화면 설계

    AI 에이전트

    구조 · 화면 명세 초안

    고객

    구조와 기능 확인

    기획·개발팀 · 정책과 구현 가능성 검토

  3. 03

    Design

    화면 디자인과 시안 검토

    AI 에이전트

    시안 · 프로토타입 초안

    고객

    디자인 시안 승인

    디자인팀 · 브랜드와 사용성 검토

  4. 04

    Development

    퍼블리싱과 개발

    AI 에이전트

    마크업 · 코드 · 테스트 초안

    개발팀

    코드 반영

    수행팀 · 통합 동작 검토 / 고객 · 중간 확인

  5. 05

    QA & Security

    통합 검수와 결함 조치

    AI 에이전트

    검수 시나리오 · 결과 요약

    고객

    검수 완료 확인

    수행팀 · 결함 조치와 재검수

  6. 06

    Launch

    출시와 운영 인계

    AI 에이전트

    배포 설정 · 인계 자료 초안

    고객

    출시 승인

    수행팀 · 배포·교육·인계와 안정화

  7. 07

    Operations & Growth

    유지보수와 개선

    AI 에이전트

    운영 요약 · 개선안

    고객·수행팀

    개선 우선순위 합의

    운영팀 · 장애 대응과 변경 결과 확인

Discovery요구사항 정의 및 수행 계획

01 / 07

고객과 프로젝트 목표, 구축 범위, 일정·예산과 승인 절차를 정합니다. 기존 사이트와 사용자 요구를 조사하고 콘텐츠 준비와 변경 요청 기준을 합의합니다. AI는 조사 자료와 회의 내용을 정리하고, 담당자는 근거와 실행 가능성을 검토합니다.

요구사항 정의 및 수행 계획 단계의 AI 업무 4가지. 확인 사항: 고객 · 범위와 계획 승인. 수행팀 · 근거와 실행 가능성 검토.

AI 에이전트

4가지 준비

  1. 시장·경쟁사 조사 자료 요약
  2. 인터뷰·회의 내용과 요구사항 정리
  3. 범위·일정·위험 요소 검토
  4. 성과 지표와 수행 계획 초안 작성

검토·승인

수행팀 · 고객

고객 · 범위와 계획 승인

수행팀 · 근거와 실행 가능성 검토

주요 산출물

  • 요구사항 정의서
  • 수행 계획서
  • 콘텐츠 준비 목록

Architecture구조 및 화면 설계

02 / 07

사이트맵과 사용자 흐름을 바탕으로 화면별 기능과 운영 정책을 설계합니다. 콘텐츠 이관 범위를 정하고 시스템 연동과 데이터 구조를 검토합니다. AI가 구조와 화면 명세 초안을 작성하면 기획자·개발자가 검토하고 고객이 확인합니다.

구조 및 화면 설계 단계의 AI 업무 4가지. 확인 사항: 고객 · 구조와 기능 확인. 기획·개발팀 · 정책과 구현 가능성 검토.

AI 에이전트

4가지 준비

  1. 사이트맵·사용자 흐름 초안 작성
  2. 화면별 기능·운영 정책 정리
  3. 콘텐츠 목록 분류와 이관 매핑
  4. 화면 명세의 누락·불일치 탐색

검토·승인

수행팀 · 고객

고객 · 구조와 기능 확인

기획·개발팀 · 정책과 구현 가능성 검토

주요 산출물

  • 사이트맵
  • 화면 설계서
  • 콘텐츠·이관 계획

DesignUI/UX 디자인

03 / 07

브랜드와 서비스 목적에 맞춰 주요·상세 화면과 반응형 기준을 설계합니다. 디자인 가이드와 프로토타입을 만들고 고객 피드백을 반영해 시안을 확정합니다. AI는 시안을 탐색·제작하고, 디자이너는 브랜드 표현과 사용성·접근성을 검토합니다.

UI/UX 디자인 단계의 AI 업무 4가지. 확인 사항: 고객 · 디자인 시안 승인. 디자인팀 · 브랜드와 사용성 검토.

AI 에이전트

4가지 준비

  1. 레이아웃·비주얼 시안 탐색
  2. 디자인 토큰·컴포넌트 초안 작성
  3. 인터랙티브 프로토타입 제작
  4. 사용성·접근성 개선안 정리

검토·승인

수행팀 · 고객

고객 · 디자인 시안 승인

디자인팀 · 브랜드와 사용성 검토

주요 산출물

  • 주요·상세 화면 디자인
  • 반응형 디자인 가이드
  • 프로토타입

Development퍼블리싱 및 개발

04 / 07

확정한 설계에 따라 접근성을 고려한 반응형 화면과 프론트엔드 기능을 구현합니다. 계약 범위에 맞춰 백엔드·CMS·외부 서비스를 연동하고 콘텐츠를 이관합니다. AI는 코드와 테스트 초안을 작성하고, 개발자는 동작·구조·보안을 검토합니다.

퍼블리싱 및 개발 단계의 AI 업무 4가지. 확인 사항: 개발팀 · 코드 반영. 수행팀 · 통합 동작 검토 / 고객 · 중간 확인.

AI 에이전트

4가지 준비

  1. 마크업·반응형 퍼블리싱 초안 작성
  2. 프론트엔드 화면 기능 구현
  3. 백엔드 API·DB·CMS 구현
  4. 연동·이관 스크립트와 테스트 작성

검토·승인

수행팀 · 고객

개발팀 · 코드 반영

수행팀 · 통합 동작 검토 / 고객 · 중간 확인

주요 산출물

  • 퍼블리싱 결과물
  • 프론트엔드·백엔드 소스 코드
  • CMS·API 연동과 콘텐츠 이관 결과

QA & Security통합 검수 및 고객 확인

05 / 07

요구사항에 따라 기능·콘텐츠·호환성·접근성·성능·보안을 검수합니다. AI는 테스트를 작성하고 결과를 분석하며, 수행팀은 자동 점검과 수동 검수를 병행합니다. 고객 인수 테스트에서 발견한 결함을 수정하고 재검수해 완료 여부를 확인합니다.

통합 검수 및 고객 확인 단계의 AI 업무 4가지. 확인 사항: 고객 · 검수 완료 확인. 수행팀 · 결함 조치와 재검수.

AI 에이전트

4가지 준비

  1. 요구사항 기반 테스트 시나리오 작성
  2. 테스트·보안 스캔 결과 분류
  3. 오류 재현 절차와 원인 후보 정리
  4. 결함 수정·재검수 결과 요약

검토·승인

수행팀 · 고객

고객 · 검수 완료 확인

수행팀 · 결함 조치와 재검수

주요 산출물

  • 통합 테스트 결과서
  • 결함·조치 내역
  • 고객 검수 확인서

Launch출시 및 인수인계

06 / 07

고객의 출시 승인 후 도메인·검색 설정과 복구 절차를 확인하고 배포합니다. 운영 교육과 자료 인계를 마친 뒤 초기 안정화를 진행합니다. AI는 배포 설정 초안을 작성하고 로그를 분석하며, 담당자는 설정과 절차를 검토해 배포를 실행합니다.

출시 및 인수인계 단계의 AI 업무 4가지. 확인 사항: 고객 · 출시 승인. 수행팀 · 배포·교육·인계와 안정화.

AI 에이전트

4가지 준비

  1. 배포 설정·체크리스트 초안 작성
  2. URL 전환·검색 설정 점검
  3. 배포 로그 분석과 이상 징후 요약
  4. 운영 매뉴얼·인계 자료 초안 작성

검토·승인

수행팀 · 고객

고객 · 출시 승인

수행팀 · 배포·교육·인계와 안정화

주요 산출물

  • 출시·복구 체크리스트
  • 운영 매뉴얼·인계 자료
  • 초기 안정화 결과

Operations & Growth운영 및 개선

07 / 07

계약 범위에 따라 장애 대응, 유지보수와 콘텐츠 업데이트를 진행합니다. 사용자·운영 데이터로 개선 우선순위를 협의하고, 측정 환경과 데이터가 갖춰지면 성과 실험을 진행합니다. AI는 로그와 리포트를 분석하고, 담당자는 대응과 변경 사항을 검토합니다.

운영 및 개선 단계의 AI 업무 4가지. 확인 사항: 고객·수행팀 · 개선 우선순위 합의. 운영팀 · 장애 대응과 변경 결과 확인.

AI 에이전트

4가지 준비

  1. 운영 로그·문의 분류와 이상 징후 요약
  2. 콘텐츠 수정·업데이트 초안 작성
  3. 사용자 행동 분석과 개선안 정리
  4. 정기 운영·성과 리포트 초안 작성

검토·승인

수행팀 · 고객

고객·수행팀 · 개선 우선순위 합의

운영팀 · 장애 대응과 변경 결과 확인

주요 산출물

  • 운영·유지보수 내역
  • 개선 과제 목록
  • 정기 운영·성과 리포트

Tailoring

One process. Tailored to your project.

일곱 단계를 기본 흐름으로 삼되, 프로젝트에 따라 일부 업무를 병행하고 검토 결과를 앞 단계에 반영합니다. 단계별 투입 범위와 AI 활용 방식은 조정하되, 검토·승인 절차와 산출물 기준은 지킵니다.

맞추는 것

  • 어떤 단계에 집중하는가

    기존 디자인 시스템이 있다면 디자인 단계에서 이를 활용하고 확장합니다. 없다면 브랜드와 서비스에 맞는 시스템을 설계하는 데 집중합니다.

  • AI를 어디까지 활용하는가

    조직의 보안 규정과 기존 시스템에 따라 연동할 도구와 AI가 접근할 수 있는 데이터의 범위를 정합니다.

  • 사람이 확인하는 지점

    규제 요건이 있는 업종은 검토 항목과 승인 절차를 강화합니다. AI 활용 범위를 정할 때 검증 기준도 함께 설계합니다.

  • 새로 만들 것과 이어받을 것

    기존 문서와 양식을 출발점으로 삼습니다. 기존 자산을 우선 활용하고, 필요한 부분을 보완하거나 새로 만듭니다.

그대로인 것

  • 검토와 승인

    수행팀의 품질 검토와 고객의 주요 의사결정을 구분합니다. 범위·시안·검수·출시의 확인 주체와 기준을 미리 정합니다.

  • 단계마다 남는 것

    각 단계의 산출물과 완료 기준을 시작할 때 정합니다.

  • 판단은 사람이

    AI는 선택지를 넓히고 근거를 모을 뿐, 결정을 대신하지 않습니다.

Our principles

How we hold the line.

모든 단계에서 AI의 업무, 사람의 판단, 기록의 축적이라는 세 가지 원칙을 지킵니다.

AI가 맡는 쪽

반복은 AI가

반복되는 업무 · 확인 가능한 결과

AI는 자료 정리, 초안 작성과 결과 분석을 맡습니다. 배포와 테스트는 담당자가 검토한 절차에 따라 자동화 도구로 실행하고, 결과를 확인합니다.

사람이 정하는 쪽

판단은 사람이

무엇을 만들지 · 어디서 멈출지

무엇을 만들지, 어디서 멈출지는 사람이 정합니다. AI는 선택지를 넓히고 근거를 모을 뿐, 결정을 대신하지 않습니다.

  1. 01조사 요약 · 계획 초안

    고객 · 범위와 계획 승인

  2. 02구조 · 화면 명세 초안

    고객 · 구조와 기능 확인

  3. 03시안 · 프로토타입 초안

    고객 · 디자인 시안 승인

  4. 04마크업 · 코드 · 테스트 초안

    개발팀 · 코드 반영

  5. 05검수 시나리오 · 결과 요약

    고객 · 검수 완료 확인

  6. 06배포 설정 · 인계 자료 초안

    고객 · 출시 승인

  7. 07운영 요약 · 개선안

    고객·수행팀 · 개선 우선순위 합의

기록은 남는다

프로젝트의 결과와 주요 결정 과정을 기록하고, 그 경험을 다음 프로젝트의 기획·디자인·개발에 반영합니다.

FAQ

Before you start.

AI 도입 로드맵은 세 단계로 구성됩니다. 먼저 사내 업무 흐름에 AI 에이전트를 적용합니다. 다음으로 고객 프로젝트의 기획·디자인·개발 과정에 AI를 활용합니다. 마지막으로 구축 이후 서비스 운영과 마케팅 데이터 분석까지 AI 활용 범위를 넓힙니다.

시장 데이터와 대상 사용자의 행동 패턴을 AI로 정리하고 분석합니다. 경쟁사 분석과 트렌드 조사에 필요한 자료를 빠르게 검토하고, 기획자가 출처와 해석을 확인해 기획의 근거로 활용합니다.

AI 에이전트가 UX 원칙과 행동과학 이론을 기준으로 프로토타입이나 기존 화면을 검토합니다. 사용자가 정보를 이해하거나 기능을 이용할 때 겪을 수 있는 불편을 찾아 개선안을 제안하고, 디자이너가 검토해 반영 여부를 결정합니다.

Claude Code와 같은 코딩 에이전트를 개발 과정에 활용합니다. AI가 코드와 테스트 초안을 작성하고, 시스템 구조와 코드 개선안을 제안합니다. 개발자는 동작·구조·보안을 검토한 뒤 반영합니다.

AI를 활용해 코드의 오류 가능성과 시큐어 코딩(Secure Coding) 가이드라인 준수 여부를 검토합니다. 생성된 코드와 테스트는 개발자가 확인하고, 테스트 실행과 빌드 검증을 거쳐 품질과 안정성을 점검합니다.

계약에서 정한 범위에 따라 장애 대응, 유지보수와 콘텐츠 업데이트를 진행합니다. 모니터링 도구가 수집한 로그와 알림을 AI가 분류·요약하고, 운영 담당자가 심각도와 대응 방안을 확인합니다. 반복 대응은 사전에 승인한 절차에 따라 자동화하며, 개선 작업은 고객과 우선순위를 협의합니다.

Beyond Digital:The Next Experience

우리의 기준은 언제나 ‘다음(Next)’에 있습니다.