MENU

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

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

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

01

30초에 메인 화면 바로 만들어 확인하기

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

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

셋 중 하나만 쓰시면 됩니다. 다시 뽑을 때는 「새 채팅」에서 붙여넣으십시오.

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

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

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

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

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

02

네비게이션 자동 교체

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

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

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

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

  • 1

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

  • 2

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

  • 3

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

  • 4

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

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

그외 관리자에서 가능한 기능들

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

페이지 만들고 고치기4

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

검색 · AI 노출6

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

사이트 꾸미기6

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

운영 · 고객 관리6

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

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

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

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

만든 화면을 메일로 받아 두십시오

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

메일에 담기는 것

  • 1

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

  • 2

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

06

요금은 두 가지입니다

이용료는 1년 단위입니다.

Basic

베이직

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

396,000 / 년

월 33,000원 수준 / 부가세 포함

  • 도메인 연결 · SSL
  • 게시판 5종 · 온라인문의
  • 관리자에서 글자·사진 교체
  • AI 챗봇 기본 내장
  • 일반형 NVMe 더 빠른 호스팅 하드 500M,일 트래픽 800M
BEST VALUE
Plus

플러스

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

660,000 / 년

월 55,000원 수준 / 부가세 포함

「인테리어」 같은 대표 키워드는 경쟁이 치열한 키워드 입니다. 노려볼 만한 것은 「지역+인테리어, 공간+인테리어」 같은 부키워드이고, 그건 페이지마다 다른 키워드를 넣어야 그 키워드로 검색 결과에 나오고 SEO 최적화가 되어야 상위 노출에 확률이 올라갑니다.

SEO 최적화 없으면 · 타깃 키워드 1개

회사명이 주 타깃 키워드로 잡힙니다. 페이지마다 다른 키워드를 소스에 직접 넣을 수는 있지만, 최적화가 되어 있지 않아 상위 노출에는 불리합니다.

SEO 최적화 추가되면 · 타깃 키워드가 페이지 수만큼
강남 인테리어강남 아파트 인테리어상가 인테리어 인천 고급 인테리어3000만원 인테리어
example.co.kr › 강남-아파트-인테리어 강남 아파트 인테리어 시공 | 주식회사 ○○

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

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

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

SEO 최적화 기능이 있는 페이지에 부키워드는 상위에 노출될 확률이 높습니다.
AI에 질문해도 같습니다

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

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

출처 · example.co.kr
AI는 검색 상위 문서를 인용합니다. 부키워드로 상위에 노출되면 AI 답변에 인용될 가능성도 함께 올라갑니다. 자주 묻는 질문을 AI가 읽는 형식으로 함께 내보내는 이유입니다.

플러스에서는 페이지마다 타깃 키워드를 정하고 제목·설명·자주 묻는 질문을 직접 넣습니다. 넣으신 회사 정보와 질문·답변은 검색엔진과 AI가 읽는 형식으로 함께 나갑니다 — 사람이 보는 화면과 별개로, 검색엔진이 회사 정보를 항목별로 가져갈 수 있게 만든 표기입니다. 페이지 내용이 신뢰할 수 있고 AI가 가져가기 쉬운 구조로 되어 있으면 AI 답변에 노출될 확률이 올라갑니다.

  • 베이직 포함
  • 개발지원 티켓 2장 (6만 상당) — 매년 기술적 지원을 해 드립니다.
  • 회원관리
  • 자동 구글 번역
  • 네비게이션 선택 기능
07

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

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

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

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

SELF BUILD FAQ

시작하기 전에 많이 묻는 것

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

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

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

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

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

발행됩니다. 사업자등록번호와 담당자 메일을 주시면 매달 자동으로 발행해 드립니다.

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

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