AI로 소규모 비즈니스 웹사이트를 리디자인하는 방법

소개

수백만 개의 소규모 비즈니스가 오래된 웹사이트를 가지고 있습니다. 업데이트가 번거롭거나 외부의 도움을 받아야 하기 때문입니다. 새로운 AI 도구를 사용하면 채팅 창에 대화하듯 웹사이트를 관리할 수 있습니다. 훨씬 간단하며 누구나 할 수 있습니다. 이 가이드에서는 Repaint라는 AI 도구로 웹사이트를 리디자인하는 방법을 보여드리겠습니다.

AI로 웹사이트를 리디자인해야 하는 이유

AI로 웹사이트를 리디자인해야 하는 주된 이유는 다음과 같습니다:

1. 디자인을 현대화하기 위해
2. 관리를 훨씬 더 간단하게 만들기 위해

AI 모델은 웹 디자인을 점점 더 잘하고 있습니다. 아직 수상 경력의 스튜디오 웹사이트를 만들지는 못하지만, 평균적인 웹 디자인 계약 업체의 수준에 가까워지고 있습니다. 그리고 품질이 기대에 부합한다면 AI를 사용하는 편이 압도적으로 낫습니다. 누군가를 고용하는 것보다 비용이 훨씬 저렴하고, 다른 사람을 거치지 않고 원할 때마다 업데이트할 수 있습니다. 오늘날 대부분의 소규모 비즈니스에는 누군가를 고용하는 것보다 AI 도구를 사용하는 편이 훨씬 낫습니다.

Repaint 같은 도구는 웹사이트 관리도 훨씬 쉽게 접근할 수 있게 만듭니다. 2023년 이전의 모든 웹사이트 빌더는 모든 것을 수동으로 편집하는 방식으로 만들어졌습니다. 하지만 새로운 도구에서는 변경을 요청하기만 하면 AI가 모든 작업을 처리합니다. 학습 곡선이 거의 없습니다. 게다가 AI가 무엇을 해야 할지 알려 주고 창의적인 작업의 파트너 역할도 할 수 있습니다.

그리고 어쩌면 가장 좋은 점은 위험이 없다는 것입니다. Repaint에서 웹사이트를 무료로 리디자인하고, 무엇을 결제하기 전에 플랫폼이 마음에 드는지 확인할 수 있습니다. 따라서 계약 업체에 수천 달러를 쓰기 전에 AI 도구로 웹사이트 리디자인을 시도해 봐야 합니다.

작동 방식

Repaint는 이미 온라인에 공개된 웹사이트 버전을 바탕으로 사이트를 재구축합니다. URL을 제공하면 각 페이지를 방문하고, 텍스트를 읽고, 이미지를 다운로드하고, 디자인을 이해하기 위해 스크린샷을 찍습니다. 그러고 나서 그 자료를 사용해 새로운 웹사이트를 만듭니다. 결과를 검토하고 AI와 채팅하면서 변경할 수 있습니다.

이 과정에서는 두 개의 별도 웹사이트가 있습니다. Repaint에서 새 사이트를 작업하는 동안 현재 웹사이트는 라이브 상태로 그대로 유지됩니다. 전환할 준비가 될 때까지 방문자에게 달라지는 것은 없습니다.

새 웹사이트가 완성되면 게시하고 기존 도메인이 Repaint를 가리키도록 설정합니다. 그 전까지 현재 웹사이트는 전혀 바뀌지 않습니다. 전체 과정은 점진적이며 위험이 없습니다.

1단계: 웹사이트 가져오기

기존 웹사이트 링크를 Repaint에 제공하는 것으로 시작합니다.

1. 리디자인 도구를 엽니다
2. 웹사이트의 공개 URL을 붙여넣습니다
3. 계정을 만듭니다

그러면 Repaint가 웹사이트를 방문하고, 페이지를 파악하고, 텍스트와 이미지 같은 콘텐츠를 수집하기 시작합니다.

이 과정은 어떻게 만들어졌는지에 상관없이 공개적으로 접근 가능한 모든 웹사이트에서 작동해야 합니다. Wix, WordPress, Squarespace, 심지어 맞춤 코드로 만든 사이트도 리디자인할 수 있습니다. 다른 사람이 원래 사이트를 만들었다면 계정 로그인 정보가 없거나 어떻게 구축되었는지 몰라도 리디자인할 수 있습니다.

과정 안내하기

Repaint는 지시사항을 제공할 기회를 드립니다. 원본을 최대한 가깝게 재현하거나, 완전히 리디자인하거나, 그 사이 어느 쪽이든 가능합니다. 원하는 것을 설명하기만 하면 Repaint가 그에 맞는 웹사이트를 디자인합니다.

Repaint에 어떤 정보를 포함해야 하는지도 안내할 수 있습니다. 기본적으로 서비스 설명, 고객 후기, 비즈니스 정보처럼 원래 사이트에 있던 많은 정보를 사용합니다. 따라서 이전 정보가 오래되었다면 새 사이트에서도 오래된 상태로 남게 됩니다.

물론 첫 번째 초안에서 모든 것을 정확히 맞출 필요는 없습니다. 충분히 가까우면 됩니다. 웹사이트를 생성한 뒤에는 AI와 채팅하며 무엇이든 편집할 수 있습니다. 대부분의 경우 사이트를 100% 게시할 준비가 된 상태로 만들기 전에 몇 가지 편집이 필요합니다.

2단계: 웹사이트 생성하기

계획에 만족하면 Repaint가 웹사이트 생성을 시작합니다. 이전 사이트의 콘텐츠와 제공한 지시사항을 사용해 완전한 새 버전을 만듭니다. 페이지가 몇 개뿐인 소규모 비즈니스 웹사이트는 보통 몇 분 정도 걸립니다. 더 큰 사이트는 페이지, 이미지, 블로그 게시물 수에 따라 더 오래 걸립니다.

대규모 사이트의 경우 Repaint는 처음부터 모든 것을 한꺼번에 만들기보다 주요 페이지와 대표적인 블로그 게시물 몇 개로 시작할 수 있습니다. 비슷한 페이지를 수십 또는 수백 개 가져오기 전에 레이아웃을 검토할 기회를 주기 위해서입니다. 디자인이 알맞아 보이면 나머지 콘텐츠를 일괄로 추가할 수 있습니다.

첫 번째 버전이 준비되면 Repaint가 에디터에서 바로 미리보기를 자동으로 엽니다. 스크린샷이나 정적인 목업이 아니라 직접 클릭해 볼 수 있는 실제 웹사이트입니다.

이전되는 항목

Repaint는 방문자가 볼 수 있는 웹사이트 부분을 재현할 수 있습니다. 여기에는 페이지, 텍스트, 이미지, 내비게이션, 양식, 시각적 디자인이 포함됩니다. 원본 코드나 이전 웹사이트 빌더의 프로젝트를 옮기거나 복사하는 대신, 그 자료를 바탕으로 새로운 웹사이트를 만드는 것입니다.

AI는 스크린샷에서 움직임을 볼 수 없기 때문에 애니메이션은 항상 자동으로 이전되지는 않습니다. 기존 웹사이트에 유지하고 싶은 애니메이션이 있다면 작동 방식을 설명하고 Repaint에 재현해 달라고 요청할 수 있습니다.

백엔드 기능도 보이는 웹사이트와 함께 이전되지는 않습니다. Repaint는 자체 양식 시스템으로 문의 양식을 재현할 수 있고, 임베드 코드를 공유해 외부 도구를 다시 연결할 수 있습니다. 하지만 데이터베이스, 고객 계정, 예약 기록, 기존 플랫폼에 저장된 기타 정보는 그대로 그곳에 남습니다. 이커머스 웹사이트는 마케팅 페이지와 스토어프런트를 재구축할 수 있지만, 상품, 결제, 주문, 재고에는 여전히 그 뒤에서 이커머스 플랫폼이 필요합니다.

대부분의 소규모 비즈니스 웹사이트는 아주 복잡하지 않으므로 Repaint는 보통 첫 번째 버전에서 사이트 대부분을 만들 수 있습니다. 다르게 나온 부분은 다음 단계에서 수정할 수 있습니다.

3단계: AI로 편집하기

첫 번째 버전이 준비되면 Repaint와 대화하여 웹사이트의 무엇이든 편집할 수 있습니다. 채팅에서 변경하고 싶은 것을 설명하면 Repaint가 웹사이트를 업데이트하고 결과를 보여줍니다. 한 섹션에 작은 변경을 하거나 전체 사이트의 스타일을 바꿔 달라고 요청할 수 있습니다.

Repaint가 요청을 잘못 이해하면 무엇이 잘못됐는지 설명하고 다시 시도하게 할 수 있습니다. 작업하는 동안 웹사이트의 새 버전도 저장하므로, 편집 방향이 마음에 들지 않으면 이전 버전으로 복원할 수 있습니다.

편집 팁

대개 스타일과 구조의 큰 변경부터 시작하고, 점차 작은 세부사항으로 내려가는 것이 가장 효과적입니다. 모든 페이지를 다듬은 뒤 전체 디자인을 바꾸면 이미 끝낸 작업을 다시 검토해야 할 수 있습니다.

변경할 위치와 결과로 무엇을 이루고 싶은지 구체적으로 설명하는 것도 도움이 됩니다. 설명하기 어려운 것이 있다면 스크린샷이나 다른 웹사이트를 시각적 참고 자료로 공유할 수 있습니다. 말로 시각적 스타일을 설명하려는 것보다 이미지는 보통 훨씬 효과적입니다.

완벽한 프롬프트를 작성할 필요는 없습니다. 대화처럼 생각하세요. 요청하고, 무엇이 바뀌었는지 본 다음, 다음 메시지에서 무엇이 달라져야 하는지 설명하면 됩니다.

게시 전 검토하기

게시하기 전에 데스크톱과 모바일에서 전체 웹사이트를 클릭해 보세요. 가져오기 중 누락되었거나 편집 중 예상치 않게 바뀐 부분이 없는지 확인하세요. 내비게이션, 링크, 양식, 다시 연결한 외부 도구도 테스트해 볼 만합니다.

웹사이트의 디자인을 변경한다고 검색 순위가 떨어져서는 안 됩니다. 보통 페이지가 삭제되거나 URL이 바뀌거나 중요한 콘텐츠가 사라질 때 문제가 생깁니다. Repaint는 이전 웹사이트와 새 웹사이트를 비교하고, 누락된 페이지 경로를 복원하고, URL을 정말 변경해야 할 때 리디렉션을 추가할 수 있습니다.

출시 전에 페이지 제목, 설명, 주요 제목도 확인할 가치가 있습니다. 웹사이트 리디자인 SEO 가이드에서 전환 전에 검토해야 할 모든 사항을 설명합니다.

4단계: 게시하고 테스트하기

게시하면 Repaint 웹사이트가 sites.repaint.com으로 끝나는 무료 주소에서 온라인 상태가 됩니다. 에디터 안의 미리보기가 아니라 실제 공개 웹사이트입니다. 다른 기기에서 열어 보고 원하는 사람에게 공유할 수 있습니다.

이것이 기존 웹사이트를 대체하는 것은 아닙니다. 비즈니스 도메인은 계속 이전 사이트를 가리키고, Repaint 버전은 별도의 주소에서 유지됩니다. 필요한 만큼 두 웹사이트를 따로 온라인 상태로 유지할 수 있습니다.

Repaint 주소에서는 새 사이트를 공식적으로 전환하기 전에 소프트 런칭할 수 있습니다. 직원, 파트너, 고객과 공유하고 웹사이트가 온라인 상태일 때만 중요한 부분을 테스트할 수 있습니다. 이때 문의 양식이 이메일을 보내는지, 예약 링크가 올바르게 열리는지, 외부 도구가 예상대로 작동하는지 확인하기 좋습니다.

게시한 후에도 공개 버전을 즉시 변경하지 않고 에디터에서 계속 수정할 수 있습니다. 수정 사항은 다음에 게시할 때 라이브됩니다. 모든 것이 작동하면 기존 도메인을 연결하는 단계로 넘어갈 수 있습니다.

5단계: 도메인 연결하기

도메인과 웹사이트는 별개의 것입니다. 도메인은 지금 등록된 곳에 그대로 둘 수 있습니다. GoDaddy, Namecheap, Squarespace, Cloudflare 또는 다른 제공업체 어디든 상관없습니다. Repaint에 연결하는 것은 보통 도메인을 새 회사로 이전하는 일이 아니라 DNS 레코드 두 개를 변경하는 것입니다.

도메인을 연결하려면 채팅에서 Repaint에 원하는 작업을 말하세요. 도메인 제공업체에 따라 추가할 위치를 안내하고 정확한 DNS 레코드를 알려 줍니다. DNS를 관리하는 계정에 접근하기만 하면 됩니다. 이 계정은 도메인 등록 기관, 호스팅 회사 또는 원래 웹사이트를 만든 사람이 관리하는 계정일 수 있습니다. 다른 사람이 관리한다면 그 사람에게 레코드를 보내 변경을 해 달라고 요청할 수 있습니다.

비즈니스 이메일은 웹사이트와 다른 DNS 레코드를 사용합니다. 해당 레코드를 변경하지 않으면 계속 작동해야 합니다. Repaint가 식별한 웹사이트 레코드만 교체하세요. 낯설어 보인다는 이유만으로 다른 DNS 레코드를 삭제하면 안 됩니다.

맞춤 도메인을 연결하려면 유료 플랜이 필요합니다. 현재 플랜은 연간 결제 시 월 $20 또는 월별 결제 시 월 $25부터 시작하며, 자세한 내용은 요금제 페이지에서 확인할 수 있습니다.

도메인 연결 후

DNS 변경은 보통 약 20분 안에 적용되지만, 가끔 더 오래 걸릴 수 있습니다. 그동안 일부 방문자는 이전 웹사이트를 보고 다른 방문자는 새 웹사이트를 볼 수 있습니다.

Repaint 사이트가 기본 도메인과 www 버전 모두에서 작동할 때까지 이전 웹사이트 호스팅을 유지하세요. 중요한 페이지 몇 개를 확인하고 양식을 제출해 모든 것이 작동하는지 확인하세요. 심각한 문제가 생겼다면 이전 DNS 레코드를 복원하고 도메인이 이전 웹사이트를 다시 가리키게 할 수 있습니다.

새 웹사이트가 한동안 안정적으로 작동한 뒤에는 이전 웹사이트 호스팅을 취소할 수 있습니다. 도메인 등록은 계속 유지하고, 기존 플랜을 취소해도 여전히 사용하는 이메일 서비스까지 함께 취소되지 않는지 확인하세요.

결론

소규모 비즈니스 웹사이트를 리디자인하려면 예전에는 웹 디자이너를 고용하거나 모든 것을 직접 다시 만들어야 했습니다. Repaint 같은 AI 도구를 사용하면 이미 가진 웹사이트를 가져오고, 새 버전을 생성하고, 채팅 창과 대화하듯 편집할 수 있습니다.

시도하는 데 위험은 거의 없습니다. Repaint는 원본 사이트가 라이브 상태로 유지되는 동안 새 사이트를 만들며, 맞춤 도메인을 연결하고 싶을 때까지 비용을 낼 필요가 없습니다. 결과가 마음에 들지 않더라도 현재 웹사이트는 전혀 바뀌지 않습니다.

가장 큰 차이는 새 웹사이트가 온라인에 올라간 뒤에도 이어집니다. 비즈니스가 바뀔 때마다 사이트가 오래되도록 내버려 두거나 누군가에게 비용을 지불하는 대신, 직접 계속 업데이트할 수 있습니다.

자주 묻는 질문

현재 웹사이트 빌더에 접근해야 하나요?

아니요. Repaint는 공개된 웹사이트 버전을 바탕으로 작동하므로 원본 코드, 내보내기 파일, 웹사이트 빌더에 대한 접근이 필요하지 않습니다. 시작하려면 URL만 있으면 됩니다. 나중에 새 웹사이트를 가리키도록 설정할 준비가 되면 도메인의 DNS 설정에 접근해야 합니다.

Repaint는 어떤 웹사이트 플랫폼에서 가져올 수 있나요?

Repaint는 어떻게 만들어졌는지와 상관없이 공개적으로 접근 가능한 모든 웹사이트에서 가져올 수 있습니다. Wix, WordPress, Squarespace, GoDaddy, Webflow 및 맞춤 코드로 만든 사이트가 포함됩니다. 원래 플랫폼에서 내보내기에 의존하지 않고 라이브 웹사이트를 읽습니다.

Repaint는 온라인 예약이나 이커머스가 있는 웹사이트도 리디자인할 수 있나요?

네, 하지만 Repaint가 웹사이트 뒤에서 작동하는 시스템을 대체하지는 않습니다. 공개 페이지를 재구축하고 자체 양식 시스템으로 간단한 문의 양식을 재현할 수 있습니다. 예약 도구는 보통 링크나 임베드로 다시 연결할 수 있으며, 예약 정보와 고객 기록은 원래 서비스에 남습니다.

Repaint는 이커머스 사이트의 시각적인 스토어프런트도 재구축할 수 있지만, 상품, 결제, 주문, 재고는 여전히 Shopify 같은 이커머스 플랫폼을 통해 운영되어야 합니다.

AI로 소규모 비즈니스 웹사이트를 리디자인하는 데 얼마나 걸리나요?

웹사이트를 가져오고 첫 번째 버전을 생성하는 데는 보통 몇 분이 걸립니다. 사이트를 완성하는 데 걸리는 시간은 페이지 수와 변경하려는 정도에 따라 달라집니다. 대부분의 소규모 비즈니스 웹사이트는 하루 안에 검토하고, 편집하고, 게시할 수 있습니다.

Google 순위를 잃지 않고 웹사이트를 리디자인할 수 있나요?

네. 디자인을 바꾼다고 순위가 저절로 사라지지는 않습니다. 중요한 것은 같은 도메인, 페이지 URL, 핵심 콘텐츠를 유지하는 것입니다. 페이지를 옮겨야 한다면 리디렉션으로 이전 URL을 새 URL로 보낼 수 있습니다. Google이 웹사이트를 다시 크롤링하는 동안 순위는 일시적으로 움직일 수 있으므로, 출시 전에 중요한 페이지를 확인하는 것이 좋습니다.

AI로 소규모 비즈니스 웹사이트를 리디자인하는 비용은 얼마인가요?

Repaint에서는 신용카드 없이 기존 웹사이트를 가져오고, 새 버전을 편집하고, Repaint 서브도메인에 무료로 게시할 수 있습니다. 유료 플랜은 연간 결제 시 월 $20 또는 월별 결제 시 월 $25부터 시작합니다. 맞춤 도메인을 연결하고, Repaint 브랜딩을 제거하고, 주간 AI 사용량을 더 많이 이용할 수 있습니다. 같은 작업을 누군가에게 맡기면 보통 수천 달러가 듭니다.