웹사이트 제작
AI로 웹사이트 만들기, 사례부터 검수까지
- 작성
- ViCo lab 편집부
- 업데이트
- 2026.09.02
AI로 웹사이트를 만들 때는 프롬프트보다 먼저 목적과 다음 행동을 정하고, 비슷한 사례의 정보 순서를 참고한 뒤 모바일과 실제 문의·저장 흐름을 확인해야 합니다. 화면을 만든 뒤가 아니라 시작 전에 검수 기준을 정하는 편이 수정 범위를 줄입니다.
01
처음에 정할 세 가지
한 번에 모든 페이지를 만들기보다 첫 방문자가 이해하고 행동하는 한 흐름부터 정하세요. 이 기준이 있어야 AI가 만든 여러 안 중 무엇을 남길지 고를 수 있습니다.
- 누가 방문해 무엇을 이해하거나 완료해야 하는지
- 첫 화면에서 보여줄 한 가지 메시지와 다음 행동
- 참고 사례에서 가져올 정보 순서·탐색·콘텐츠 밀도
02
공개 전에 확인할 세 가지
데스크톱 미리보기만으로는 실제 사용을 알 수 없습니다. 작은 화면과 비어 있는 상태, 실제 링크와 폼을 넣어 핵심 흐름을 끝까지 확인하세요.
- 320px부터 넓은 화면까지 글·카드·버튼이 넘치지 않는지
- 문의·가입·저장 같은 핵심 행동이 끝까지 작동하는지
- 메뉴·링크·이미지·SEO 메타가 실제 공개 주소에서 맞는지
DIRECT ANSWERS
자주 묻는 질문
AI로 웹사이트를 만들려면 코딩을 알아야 하나요?
소개 페이지나 초기 프로토타입은 도구의 도움으로 시작할 수 있습니다. 로그인, 결제, 개인정보, 데이터 변경처럼 실패 비용이 큰 기능은 구현 지식과 별도 검수가 필요합니다.
AI에게 어떤 프롬프트를 써야 하나요?
도구 이름보다 사용자, 목적, 필요한 정보, 참고 사례에서 가져올 요소, 완료 기준을 구체적으로 적는 편이 결과를 고르는 데 도움이 됩니다.
웹사이트 레퍼런스는 어디서 찾아야 하나요?
만들려는 서비스와 같은 목적의 사례부터 보세요. ViCo lab에서는 카테고리, 제작 도구, 해시태그, 국내·해외 필터로 공개 사례를 좁힐 수 있습니다.
NEXT DECISION