MENU

AI 홈페이지 제작,
AI가 준 코드를 붙여넣으면 됩니다
자체제작이라도 만드는 건 AI가, 그 외 모든 것을 지원합니다

ChatGPT, 재미나이, 클로드에서 디자인 소스를 받으세요. 그 코드를 넣으면 상단, 하단, 메뉴와 게시판(5종), 온라인문의 등이 준비되어 있어 그대로 홈페이지가 됩니다. 모든 것은 관리자에서 수정이 가능합니다.

아래 체험은 PC 화면에 맞춰 만들었습니다. 휴대폰에서는 화면이 좁아 직접 눌러 보시기 어렵습니다. 회사 컴퓨터에서 여시면 붙여넣기와 메뉴 구성을 그대로 해 보실 수 있습니다.

섹션마다 업종별로 제안을 노트에 기재했습니다

아래 설명에 제작 시 참고해 보세요.

  • 해당 업종에 맞는 디자인과 톤앤매너를 유지하기 어렵습니다
  • 메인 외 회사소개 · 서비스 페이지를 메뉴에 직접 만들어 연결해야 합니다
  • 도메인을 직접 사서 연결하고 SSL 인증서도 직접 설치 · 갱신해야 합니다
  • 호스팅이 없습니다 — 직접 신청하고 작업된 파일을 설치해야 합니다
  • 게시판도 문의 폼도 없습니다 — 제품소개 · 갤러리 · 공지사항을 올릴 자리가 없고, 문의를 받으려면 DB부터 따로 붙여야 합니다
  • 글자 하나 고치려면 코드를 열어 태그 사이를 찾아야 하고, 그 이상은 손댈 수 없습니다
  • 제목 · 설명이 제대로 없고 스크립트가 한 파일에 몰려 있어 검색 효율이 나쁩니다
  • AI 가 읽는 정보가 없어 AI 답변에 노출되지 않습니다
  • 문의 응대는 전부 사람이 직접 합니다

페이지는 그럴듯한데 검색해도 나오지 않습니다.

  • 업종 · 분위기를 골라 만드는 AI 프롬프트 — 업종에 맞는 톤으로 시작합니다
  • 페이지 무제한 생성(새 코드 무제한 등록)
  • 도메인 연결 · SSL
  • 일반형 NVMe 더 빠른 호스팅 하드 500M,일 트래픽 800M
  • 게시판 5종 · 온라인문의(메일 자동 수신)
  • 관리자에서 글자·사진 교체
  • 검색 상위 노출(SEO) 기본 — 검색엔진이 읽는 사이트맵과 페이지별 정보 표기를 자동 생성
  • AI 답변 노출(AEO) 기본 — 회사 정보와 전체 페이지 목록을 AI 가 읽는 파일로 자동 생성
  • AI 챗봇 기본 내장

페이지를 생성해 소스만 넣으세요 — SEO · AEO 최적화가 자동입니다.

지금 그 빌더로 만든 홈페이지를 보십시오.

고르실 것도, AI 창을 여실 것도 없습니다. 메뉴 · 게시판 · 온라인문의 · 다국어가 들어간 기본 홈페이지가 바로 열립니다.

데모 홈페이지 열어 보기
01

메인 페이지 30초 만에 만들어 보기

AI에 “홈페이지 만들어 줘”라고만 하면 밋밋한 디자인이 나옵니다. 아래 단계를 위에서부터 차례로 선택 하시면 AI가 만든 코드가 그대로 홈페이지가 됩니다.

1원하는 것을 고르십시오options
2만들어진 프롬프트copy
위에서 항목을 고르고 「프롬프트 생성」을 누르십시오.
복사했습니다스마트 비주얼 빌더 규칙에 맞는 규칙이 포함되어 있습니다.
복사한 프롬프트를 AI 창에 붙여넣습니다
3AI 창을 열고 붙여넣으십시오ai

복사한 프롬프트를 AI 창에 붙여넣으십시오. AI 모델, 프롬프트에 따라 품질이 달라집니다.

ChatGPT Gemini Claude
AI가 준 코드를 통째로 복사해 아래 칸에 붙여넣습니다
4관리자 · 내용 편집paste here
HTML · CSS · 스크립트가 들어갑니다 · 여기서 바로 고치셔도 됩니다
올린 뒤에는 관리자에서 글자만 고칩니다
5실제 관리자 수정은 이렇게 합니다 (샘플)edit

태그를 몰라도, 칸에 든 글자만 바꾸면 됩니다.

관리자에는 편집 화면이 둘 있습니다. 쉬운편집은 제목·본문·사진이 칸으로 나뉘어 있어 그 칸만 고치면 되고, HTML 편집은 소스를 그대로 열어 수정합니다. 같은 페이지를 두 방식 중 편한 쪽으로 고치십시오.

실제 관리자와 같은 화면이며 샘플입니다.

태그는 건드리지 마십시오. 꺾쇠 안의 <h1> · <section> 같은 표시는 자리를 잡아 주는 뼈대입니다. 꺾쇠 바깥의 글자가 손님이 읽는 문장이니 그 부분만 회사에 맞게 바꾸시면 페이지가 깨지지 않습니다.

02

네비게이션 자동 교체

관리자에서 네비게이션(메뉴) 스타일을 바꿀 수 있습니다. 다른 것은 하위 메뉴가 펼쳐지는 방식입니다. 고르면 데모 홈페이지의 상단이 그대로 바뀝니다.

고른 상단 구성이 실제로 어떻게 나오는지 데모에서 봅니다
03

메뉴는 관리자에서 생성 · 삭제 · 위치 이동이 됩니다

오른쪽이 실제 관리자 화면입니다. 스위치를 눌러 보시면 메뉴가 켜지고 꺼집니다.

  • 1

    안 쓰는 메뉴는 끄면 됩니다끄면 홈페이지에서 사라지고 페이지 내용은 그대로 남아, 나중에 다시 켜면 예전 그대로 돌아옵니다.

  • 2

    순서는 화살표로 바꿉니다중요한 메뉴를 위로 올리십시오. 대메뉴를 옮기면 그 아래 중메뉴가 함께 따라갑니다.

  • 3

    메뉴를 만들면 페이지가 같이 생깁니다+를 누르면 중메뉴와 그 페이지가 함께 만들어집니다. SEO AEO도 자동 처리됩니다.

  • 4

    게시판도 메뉴에서 붙입니다공지사항·제품·썸네일·갤러리·온라인문의는 종류만 고르면 목록·글쓰기·검색이 함께 붙습니다.

메뉴 관리admin
이름을 눌러 바로 고치실 수 있습니다 · +로 중메뉴를 더 만듭니다

홈페이지 자체 수정 — 그 외 관리자에서 가능한 기능들

메뉴를 켜고 끄는 것 말고도, 홈페이지를 운영하는 데 필요한 것들이 관리자 안에 들어 있습니다.

페이지 만들고 고치기5

글자만 고치는 편집창 초보자를 위한 제목·본문·사진이 칸으로 나뉘어 나옵니다. 태그를 몰라도 그 칸만 바꾸면 됩니다.
HTML 소스 편집 같은 페이지를 소스로도 엽니다. 태그를 아는 분이 배치까지 수정할 떄 사용합니다.
수정한 코드 복원하기 HTML 소스를 저장한 뒤에도 저장 직전 상태로 복원합니다. 한 번 더 누르면 복원 전 상태로 돌아옵니다.
저장 전 미리보기 저장하기 전에 바뀐 페이지를 먼저 확인합니다.
모든 페이지 이미지 교체 페이지마다 들어간 사진을 관리자에서 올려 바꿉니다. 파일만 고르면 됩니다.

검색 · AI 노출6

검색 상위 노출 설정 페이지마다 타겟 검색어와 제목·설명을 직접 넣습니다. 검색결과에 보일 문구가 이 값입니다.
AI 답변 노출 설정 페이지 내용을 AI 가 읽을 수 있는 형식(구조화 데이터 · llms.txt)으로 함께 내보냅니다.
메타태그 기본정보 사이트 이름·설명·대표 이미지를 한 번 넣어 두면 전 페이지에 적용됩니다.
사이트맵 자동생성 페이지를 더하면 검색엔진이 읽는 목록에 저절로 들어갑니다.
네이버 · 구글 등록 검색엔진에 사이트를 등록하는 인증 코드를 관리자에서 넣습니다.
네이버 · 구글 애널리틱스 방문 분석 도구를 연결합니다. 코드만 붙여 넣으면 됩니다.

사이트 꾸미기7

로고 교체 파일만 올리면 상단 로고가 바뀝니다.
파비콘 교체 브라우저 탭에 뜨는 작은 아이콘을 회사 것으로 바꿉니다.
주색 · 부색 설정 회사 색 두 가지를 정하면 버튼·강조선에 전부 반영됩니다.
팝업 공지창 휴무·행사 안내를 첫 화면에 띄우고 기간이 지나면 자동 꺼집니다.
서브 상단 교체 서브페이지 맨 위 제목 영역의 디자인을 관리자에서 골라 바꿉니다.
하단 교체 모든 페이지 맨 아래 하단의 디자인을 관리자에서 골라 바꿉니다.
자동 구글 번역 방문자가 언어를 고르면 구글 번역이 페이지를 통째로 바꿔 보여 줍니다. 해외 문의를 받는 곳에 사용합니다.

운영 · 고객 관리6

문의글 오면 메일 발송 온라인문의가 등록되면 지정한 주소로 메일이 갑니다.
메일 SMTP 등록 회사 메일 계정을 연결해 발송 메일이 스팸으로 빠지지 않게 합니다.
회원 관리 가입한 회원을 보고 등급을 올리거나 게시판 등급을 조정합니다.
방문자 통계 일·월·연 단위로 몇 명이 다녀갔는지 봅니다.
하단 회사정보 수정 수정시 상호·사업자번호·주소·전화가 모든 페이지 아래에 함께 바뀝니다.
AI 챗봇 방문자 질문에 자동으로 답하고, 카카오톡, 전화번호를 받습니다.
04

게시판은 다섯 가지가 들어 있습니다

공지·자료실·제품·갤러리·문의폼이 있어 모든 업종에 대응합니다. 메뉴를 만들 때 종류만 고르면 목록·본문·글쓰기·검색·페이지 설정이 자동으로 연결됩니다.

목록형공지사항·뉴스처럼 제목과 날짜를 줄로 쌓습니다.
웹진형왼쪽에 사진, 오른쪽에 제목과 요약이 붙습니다. 소식·칼럼에 사용합니다.
갤러리형현장 사진·시공 사례를 격자로 늘어놓습니다.
제품형품목·규격·사진을 카드로 보여줍니다.
문의폼온라인문의를 받습니다. 접수되면 메일로 옵니다.
모바일 화면 따로PC와 모바일이 각각 맞는 배치로 나옵니다. 따로 만들지 않아도 됩니다.
회사 도메인 · SSL쓰시던 주소를 그대로 연결하고 자물쇠 표시가 붙습니다.
사이트맵 자동페이지를 추가하면 검색엔진이 읽는 목록에 저절로 들어갑니다.
AI 검색 대비회사 정보를 AI가 읽는 형식으로도 함께 내보냅니다.
자주 묻는 질문질문과 답을 넣으면 검색결과에서 바로 펼쳐지는 형태로 노출됩니다.
매일 백업서버가 매일 사본을 복사합니다. 잘못 지워도 되돌립니다.
05

AI 홈페이지 제작 요금은 두 가지입니다

이용료는 1년 결제 기준이며 50% 할인됩니다.

Basic

베이직

가성비 위주로 사용할때 추천합니다

720,000원 1년 결제 50%

360,000 원 / 년

월 30,000원 수준 / 부가세 별도

  • 업종 · 분위기를 골라 만드는 AI 프롬프트 — 업종에 맞는 톤으로 시작합니다
  • 페이지 무제한 생성(새 코드 무제한 등록)
  • 도메인 연결 · SSL
  • 일반형 NVMe 더 빠른 호스팅 하드 500M,일 트래픽 800M
  • 게시판 5종 · 온라인문의(메일 자동 수신)
  • 관리자에서 글자·사진 교체
  • 수정한 코드 복원하기
  • 검색 상위 노출(SEO) 기본 — 검색엔진이 읽는 사이트맵과 페이지별 정보 표기를 자동 생성
  • AI 답변 노출(AEO) 기본 — 회사 정보와 전체 페이지 목록을 AI 가 읽는 파일로 자동 생성
  • AI 챗봇 기본 내장
이 요금제로 선택
BEST VALUE
Plus

플러스

검색·AI 노출 설정까지 관리자에서 직접 다룹니다

960,000원 1년 결제 50%

480,000 원 / 년

월 40,000원 수준 / 부가세 별도

「인테리어」 같은 대표 키워드는 경쟁이 치열합니다. 노려볼 것은 「지역+인테리어」 같은 부키워드이고, 페이지마다 다른 키워드를 넣어야 그 키워드로 검색 결과에 나옵니다.

설정이 없으면 · 메뉴명이 그대로 검색어

페이지 제목이 「회사개요」처럼 메뉴명으로 정해집니다. 정작 팔아야 할 검색어는 들어가지 않습니다.

설정을 넣으면 · 페이지마다 노릴 검색어를 지정
강남 인테리어강남 아파트 인테리어상가 인테리어 인천 고급 인테리어3000만원 인테리어
example.co.kr › 강남-아파트-인테리어 강남 아파트 인테리어 시공 | 주식회사 ○○

25평 기준 실측·설계부터 시공까지 한 곳에서 합니다.

example.co.kr › 자주묻는질문 아파트 인테리어 공사 기간은 얼마나 걸리나요

25평 전체 공사 기준 3~4주입니다. 부분 시공은 1주 안에 마칩니다.

페이지마다 부키워드를 넣으면 그 말로 검색 결과에 나올 확률이 올라갑니다.
AI에 질문해도 같습니다

강남에서 아파트 인테리어 잘하는 곳 있어?

주식회사 ○○ 같은 곳이 있습니다. 25평 기준 실측·설계부터 시공까지 맡아 하고, 공사 기간은 3~4주라고 안내하고 있습니다.

출처 · example.co.kr
자주 묻는 질문을 AI 가 읽는 형식으로 함께 내보냅니다. 인용될 가능성을 높이는 조건입니다.
  • 베이직 포함
  • 페이지마다 지정하는 SEO · AEO 설정 — 검색 상위 노출과 AI 답변 노출 확률이 올라갑니다
  • 회원관리
  • 자동 구글 번역
  • 네비게이션 선택 기능
  • 서브 상단 선택 기능
  • 하단 선택 기능
이 요금제로 선택

만든 페이지를 메일로 받아 두십시오

방금 만드신 임시 주소는 24시간 뒤 지워집니다. 붙여넣으신 코드를 메일로 함께 보내 드리므로 주소가 닫힌 뒤에도 그 코드를 다시 넣으면 같은 페이지가 나옵니다.

메일에 담기는 것

  • 1

    방금 만든 페이지 주소붙여넣으신 코드와 고르신 메뉴 구성이 그대로 유지됩니다. 만드신 때부터 24시간 동안 열립니다.

  • 2

    요금표와 결제 조건베이직·플러스 두 가지를 정리해 보내 드립니다.

06

대행으로 제작을 의뢰하시면

AI가 준 코드를 그대로 쓰면 페이지는 나옵니다. 대행 제작이 하는 일은 수고와 디테일 차이입니다. — 업종 특성에 맞는 톤앤매너, 구매전환 구조 설계, 합니다. 자료만 주시면 나머지는 저희가 합니다.

1 업종 특성에 맞는 톤앤매너, 구매전환 구조 설계
  • 누가 검색해서 들어오는지 먼저 정하고, 그 사람 눈높이에 맞춰 제작합니다
  • 경쟁사가 뭘 내세우는지 보고 안 겹치는 자리를 잡습니다
  • 로고·색·말투를 한 번 정해서 모든 페이지에 똑같이 적용합니다
2 버그 발생 시 원인 찾아서 수정
  • 페이지 깨지거나 버튼 안 눌리는 곳을 기기·브라우저별로 직접 확인합니다
  • 오류 나면 코드까지 들어가서 근본 원인을 찾아 고칩니다
  • 고친 뒤엔 그 페이지뿐 아니라 연결된 다른 페이지까지 같이 확인합니다
3 상위 노출 검색과 AI 답변에 더 잘 노출되게 셋팅
  • SEO·AEO 구조와 스키마 마크업이 기본으로 내장되어 있지만 업종에 맞게 소스안에 다시 설계합니다
  • 검색어가 제목·소제목에 자연스럽게 들어가도록 페이지 구조를 설계합니다
  • 회사 정보와 자주 묻는 질문을 AI가 인용하기 쉬운 형태로 정리해 넣습니다
4 구매 전환 문의까지 이어지게 합니다
  • 전화·문의 버튼을 누를 만한 자리에 둡니다
  • 휴대폰에서 글자와 버튼이 손가락에 맞게 들어갑니다
  • 예약·견적·결제가 필요하면 맞춤 제작하고, 프로그램 24종 중에서 골라 넣습니다
무엇이 다른가
대행 제작
디자인
업종에 맞게 일관된 디자인 설계
기획
구매 전환 및 제일 중요한 컨텐츠 기준으로 설계
사진
업종에 맞게 배치 · 이미지 최적화 WebP
검색 노출
소스에 상위 노출을 위한 기술적 추가
AI 답변 노출
AI 답변에 노출을 위한 기술적 추가
검색어기반 메인
인기 키워드에 맞춰 메인을 설계
프로그램
맞춤 제작 + 24종에서 선택
비용
제작 1,200,000원부터 · 부가세 별도
1,200,000원부터 · 부가세 별도

자료를 주시는 시점부터 대략 1~3주 걸립니다.

SELF BUILD FAQ

시작하기 전에 많이 묻는 것

회사 담당자분들이 결정 전에 확인하시는 내용을 모았습니다.

자체제작은 화면을 만드는 일을 사장님이 AI와 함께 하시고, 홈페이지가 되는 데 필요한 나머지—호스팅·도메인·SSL·게시판·온라인문의·검색 노출 설정—를 저희가 맡는 방식입니다. 대행 제작은 업종에 맞는 톤과 구매 전환 구조까지 저희가 설계합니다. 요금과 범위가 다릅니다.

제목·설명 태그와 sitemap, 구조화 데이터가 들어 있는지부터 확인하십시오. AI는 요청하지 않으면 그 값들을 넣지 않아서 화면은 멀쩡한데 검색에만 안 잡히는 경우가 많습니다. 주소만 넣으면 그 자리에서 확인해 드리는 SEO AEO 검사을 만들어 두었습니다. 빠진 항목마다 AI에 그대로 붙여넣을 요청 문장까지 만들어 드리고, 가입이나 결제는 필요 없습니다.

코드를 쓰지는 않으셔도 됩니다. ChatGPT 같은 AI에 원하는 화면을 설명하면 HTML 코드를 만들어 주고, 그 코드를 관리자 편집창에 붙여넣기만 하면 화면이 됩니다. 만든 뒤 문구를 고칠 때도 흰색으로 표시된 글자 부분만 바꾸면 되고, 태그는 건드리지 않습니다.

HTML과 CSS는 그대로 들어갑니다. 다만 홈페이지에 실제로 저장하는 단계에서 자바스크립트와 외부에서 불러오는 스크립트가 제거됩니다. 공격 코드가 홈페이지에 심어지는 것을 막기 위한 것이고, 회사 소개·제품 안내·연혁처럼 일반적인 페이지는 이 제한에 해당하지 않습니다. 이 화면에서 눌러 보는 미리보기는 저장 전 단계라 넣으신 코드를 그대로 보여 주며, 다른 화면과 분리된 상태로 열립니다.

쓰실 수 있습니다. 만드는 동안에는 임시 주소로 작업하고, 결제하시면 회사 도메인으로 연결합니다. 보안 인증서(SSL)도 함께 설치해 주소창에 자물쇠가 표시됩니다.

페이지 내용은 옮길 수 있습니다. 다만 예전 주소와 새 주소가 달라지면 검색 순위가 흔들릴 수 있어, 기존 주소를 새 주소로 넘기는 처리를 함께 해야 합니다.

개수 제한은 두지 않습니다. 공지사항·썸네일·제품·갤러리·온라인문의 다섯 가지 형태 중에 골라 필요한 만큼 만드시면 됩니다. 메뉴를 만들 때 형태만 고르면 목록·글쓰기·검색·페이지 이동이 함께 붙습니다.

따로 만들지 않으셔도 됩니다. PC와 모바일이 각각 화면 크기에 맞는 배치로 나옵니다. 붙여넣으신 코드도 폭에 맞춰 접히므로 한 번 만들면 두 화면에 모두 적용됩니다.