Manus에서 AI 웹사이트 재설계

AI로 웹사이트 리디자인하기

URL을 붙여넣으세요. Manus가 당신의 문구, 사진, 페이지 주소를 그대로 유지하면서 모던하고 모바일 친화적인 새 디자인을 만들어 드려요.

Manus 웹사이트 빌더의 작동 방식 읽어보기
juniperlanebakery.com의 리디자인예시현재 사이트를 기반으로 Manus가 제작함
이전
juniperlanebakery.com
Juniper Lane 베이커리에 오신 것을 환영합니다!
홈메뉴케이크정보갤러리블로그문의하기
매일 신선하게 만드는 빵과 케이크1
Juniper Lane에 있는 우리 모퉁이 가게의 사워도우, 페이스트리, 맞춤 케이크.메뉴 다운로드 (PDF, 4MB)2
  • 1사진 위의 텍스트가 휴대폰에서는 읽기 어려움
  • 2가격이 PDF 메뉴 안에만 있어요
다음 후
juniperlanebakery.com
Juniper Lane지금 주문하기
2014년 설립오전 6시 개점
빵신선한 빵이 진열된 베이커리 카운터저온 발효 · 매일 신선하게 굽습니다 ·
개성이 넘치는 빵.매일 아침 구워내는 소량의 사워도우, 바삭한 페이스트리, 그리고 큰 생일 케이크.케이크 주문하기
컨트리 사워도우아몬드 크루아상카다멈 빵기념일 케이크컨트리 사워도우아몬드 크루아상카다멈 빵기념일 케이크
  • 7이전된 페이지
  • 24유지된 블로그 게시물
  • 3리디렉션된 URL

URL을 기반으로 웹사이트 리디자인하기

Manus는 먼저 모든 페이지를 검토하여 유지해야 할 문구, 사진, URL과 방문자를 불편하게 하는 요소를 파악합니다.

juniperlanebakery.com리디자인 전 콘텐츠 인벤토리예시
  • 홈/헤드라인, 사진사진 위의 텍스트가 휴대폰에서는 읽기 어려움
  • 메뉴/menu상품명, 가격가격이 PDF 안에만 있어요
  • 커스텀 케이크/custom-cakes주문서 질문한 화면에 11개의 입력 필드
  • 갤러리/gallery사진 18장내용이 빈약한 페이지, 소개 페이지로 병합
  • 방문하기/contact영업시간, 주소, 지도영업시간이 푸터와 다름
  • 블로그/blog24개 기사9개 게시물에 메타 설명이 없음
+ 1개 페이지 더 보기
Manus가 찾은 내용
  • 7읽은 페이지, 해당 문구, 사진, URL 포함
  • 24URL을 바꾸지 않고 옮길 블로그 게시물
  • 3홈페이지 헤드라인부터 시작하는 모바일 수정 사항
  • 1검색 엔진이 읽을 수 있는 페이지로 전환할 PDF 메뉴
site-inventory.xlsx리디자인 계획

URL을 기반으로 소규모 비즈니스 사이트 리디자인하기

Manus는 현재 페이지를 읽어 들여 문구와 사진을 그대로 유지하면서 Manus 웹사이트 빌더에서 사이트를 재구축하므로, 공개 전에 새 디자인을 미리 볼 수 있습니다.

변경하기 전에 사이트를 점검하세요

페이지별로 유지하거나 삭제하거나 다시 써야 할 항목 목록을 받아, 이미 가진 콘텐츠에서부터 리디자인을 시작하세요.

새로운 스타일을 고르고 채팅에서 편집하기

추천 디자인 방향을 선택한 다음, 요소를 클릭해 스타일을 바꾸거나 한 메시지에 여러 변경 사항을 설명하세요.

세 가지 디자인 방향예시
  • 과감하고 재미있는포스터 크기의 글자, 따뜻한 테라코타 색상, 둥근 버튼
  • 깔끔하고 모던한여백, 산세리프 글꼴, 하나의 강조 색상
  • 따뜻하고 손으로 만든전면 사진, 세리프 제목, 골드 포인트
빠른 스타일 컨트롤선택됨: 홈페이지 헤드라인
색상타이포그래피간격테두리
글꼴
세리프
크기
44 px
굵기
600
줄 높이
1.2
또는 한 메시지로 여러 가지를 변경하세요버튼을 진한 녹색으로 바꾸고, 휴대폰에서는 본문 글씨를 더 크게 하고, 영업시간을 지도 위로 옮겨 주세요.하나의 업데이트로 적용됨

결정하기 전에 세 가지 모습을 비교하세요

Manus는 콘텐츠와 대상에 맞는 방향을 제안하며, 각각 색상과 폰트, 샘플 히어로 이미지가 포함되어 있고 당신의 선택을 기다립니다.

한 메시지로 여러 가지 수정하기

관련된 변경 사항을 그룹으로 묶으면 Manus이 이를 하나의 업데이트로 한꺼번에 적용합니다. 단일 색상이나 글꼴의 경우에는 미리보기에서 해당 요소를 클릭하세요.

Figma 디자인으로 시작하기

디자이너가 이미 새로운 디자인을 만들었다면, Figma 디자인을 웹사이트로 변환하면 Manus가 현재 페이지의 콘텐츠로 채워 줍니다.

SEO를 잃지 않는 웹사이트 리디자인

검색 엔진이 알고 있는 URL을 유지하세요. Manus가 기존 페이지를 새 페이지에 매핑하고, 이동한 페이지는 리디렉션합니다.

URL 맵이전 주소에서 새 페이지로예시
  • //동일한 URL
  • /menu/menu동일한 URL
  • /menu.pdf/menu301 리다이렉트
  • /custom-cakes/cakes/custom-orders301 리다이렉트
  • /gallery/about301 리다이렉트
  • /blog/…(게시물 24개)동일한 URL들동일한 URL
SEO를 켜면 자동으로 처리됩니다
  • 검색 봇을 위한 사전 렌더링 페이지
  • 모든 페이지에 있는 표준 URL
  • robots.txt 파일
  • 스스로 갱신되는 사이트맵
92SEO 탭의 SEO 점수, 페이지별 체크리스트 포함Manus로 최적화하기각 페이지의 제목, 설명, 키워드 작성

모든 이전 URL을 새 페이지로 매핑하기

페이지를 옮기고 계신가요? Manus가 이전 URL을 새 페이지에 하나씩 매칭하고, 변경된 항목에는 301 리다이렉트를 추가해 링크와 북마크가 계속 작동하도록 해줍니다.

출시 전후 SEO 점검

먼저 이전 사이트에 SEO 감사를 실행하세요. 출시 후에는 SEO 탭과 Manus로 최적화하기가 누락된 제목과 설명을 채워줍니다.

새 디자인을 내 도메인에 게시하기

미리보기가 원하는 대로 보이면 자신의 도메인에 게시하거나 빌더에서 도메인을 구매하세요. SSL이 포함되어 있습니다.

  • 나만의 도메인

    Manus가 제공하는 DNS 레코드를 추가해 사용자 지정 도메인을 연결하거나, 빌더에서 새 도메인을 구매하세요.

  • 무료 SSL

    도메인에 HTTPS가 추가 비용 없이 자동으로 설정됩니다.

  • 내장 분석 기능

    다른 도구를 추가하지 않고도 새 사이트의 방문자 수를 확인하세요.

  • 내 코드

    코드를 보거나 다운로드하거나, 비공개 GitHub 저장소와 동기화할 수 있습니다.

  • 확장 가능한 호스팅

    자동 스케일링(Autoscale)이 기본값입니다. 트래픽이 없으면 0으로 축소되며, 유휴 상태일 때 비용은 $0입니다.

  • 여러 변경 사항을 동시에 작업하기

    다른 작업과 동시에 작업하려면 새 작업에서 웹사이트를 여세요.

Manus로 웹사이트를 리디자인하는 방법

사이트를 공유하고 방향을 정한 뒤 미리보기를 다듬으세요. 게시하기 전까지 현재 사이트는 계속 운영됩니다.

  1. 1

    현재 사이트 공유하기

    URL을 붙여넣으세요. 파일이 컴퓨터에 있다면 대신 Manus Studio가 해당 폴더를 가리키도록 하세요.

  2. 2

    계획 검토

    페이지 목록, 디자인 방향, URL 맵을 확인하세요. 계획 단계에서 바꾸는 것이 완성된 사이트를 바꾸는 것보다 비용이 적게 듭니다.

  3. 3

    Manus 빌드 보기

    새 디자인은 실시간 미리보기에서 모습을 갖춰 갑니다.

  4. 4

    다듬기

    요소를 클릭해 색상, 글꼴, 간격을 바꾸거나, 더 큰 수정 사항은 채팅에서 설명하세요.

  5. 5

    게시

    미리보기가 만족스러우면 도메인에서 정식으로 게시하세요. 그 전까지는 기존 사이트가 그대로 유지됩니다.

시작 전에 알아두면 좋은 점

  • 제작과 수정에는 크레딧이 사용됩니다. 게시 후에는 사용량에 따라 호스팅 요금이 청구되며, 매월 무료 제공량은 클라우드 $10, AI $1, API 사용량 $1입니다.
  • 소유하거나 변경 권한이 있는 사이트를 리디자인하세요. Manus는 공개 페이지를 읽기 때문에 기존 호스팅의 비밀번호가 필요하지 않습니다.
  • 대형 사이트인가요? 방문자가 가장 많은 페이지부터 시작한 다음, 같은 작업에서 나머지를 추가하세요.
  • 시작할 사이트가 없나요? 비즈니스 웹사이트 빌더를 사용해 설명만으로 사이트를 만들어 보세요.

웹사이트 구축 및 업데이트를 위한 더 많은 도구

웹사이트 리디자인 질문

웹사이트 리디자인이란 무엇인가요?

웹사이트 리디자인은 레이아웃, 내비게이션, 색상, 글꼴 등 사이트의 보이는 방식과 작동 방식을 바꾸면서도, 기존 콘텐츠와 여전히 작동하는 페이지 주소는 유지합니다. Manus 를 사용하면 현재 사이트의 URL에서 시작해 미리보고, 편집하고, 게시할 수 있는 새 버전을 얻을 수 있습니다.

AI가 기존 웹사이트를 다시 디자인할 수 있나요?

네. Manus에게 사이트의 URL을 알려주세요. 공개 페이지를 읽어서 문구, 이미지와 페이지 구조를 유지한 채 웹사이트 빌더에서 새로운 디자인으로 사이트를 재구성합니다. 새 버전을 게시하고 도메인을 연결하기 전까지는 운영 중인 사이트가 바뀌지 않습니다.

Manus로 웹사이트를 리디자인하면 비용이 얼마나 드나요?

새 사이트를 만들고 수정하는 데 Manus 크레딧이 사용됩니다. 게시 후에는 사용량에 따라 호스팅 요금이 청구되며, 모든 계정에는 매월 무료 제공량이 있습니다: 클라우드 $10, AI $1, API 사용량 $1. 빌더에서 도메인을 구매하면 별도 비용이 발생합니다.

웹사이트 리디자인은 얼마나 걸리나요?

Manus는 하나의 작업으로 첫 버전을 만들고, 실시간 미리보기에서 완성되는 과정을 지켜볼 수 있습니다. 그 다음은 페이지 수와 원하는 수정 횟수에 따라 달라집니다. 빌드 전에 계획을 정해두면 시간을 가장 많이 절약할 수 있습니다.

리디자인이 내 SEO에 해를 끼칠까요?

꼭 그렇지는 않습니다. 가능하면 페이지 URL을 유지하고, 이동되는 모든 페이지에 대해 Manus에게 301 리디렉션을 추가하도록 요청하세요. 게시 후 설정에서 SEO를 켜면, 사이트는 검색봇을 위한 사전 렌더링된 페이지, 표준(canonical) URL, robots.txt 파일, 동적 사이트맵을 갖추게 되고, SEO 탭에는 각 페이지에 대한 점수와 체크리스트가 표시됩니다. 그런 다음 Google Search Console에서 새 사이트맵을 제출하세요.

WordPress, Wix, Squarespace 또는 Shopify 사이트를 다시 디자인할 수 있나요?

네, 페이지가 공개되어 있다면 가능합니다. Manus가 URL에서 내용을 읽어와 새로운 Manus 웹사이트로 다시 구축하며, 도메인을 그쪽으로 연결하면 기존 플랫폼에서 이전하게 됩니다. 온라인 스토어의 경우 상품과 주문을 어떻게 이전할지도 계획해야 합니다. Manus는 Stripe를 통해 결제 기능을 추가할 수 있습니다. 사이트를 원래 위치에 그대로 두고 싶다면, WordPress, Wix, Webflow 커넥터를 사용해 Manus가 해당 플랫폼에서 직접 콘텐츠를 작업하도록 할 수 있습니다.

코딩을 할 줄 알아야 하나요?

아니요. 원하는 내용을 평이한 말로 설명하면 Manus가 기술을 선택하고 코드를 작성합니다. 색상, 글꼴, 간격을 바꾸려면 미리보기에서 해당 요소를 클릭하세요.

제 도메인을 그대로 유지할 수 있나요?

네, 가능합니다. Manus에게 사이트를 도메인에 게시하도록 요청하면, 도메인 제공업체에 추가할 DNS 레코드, A 레코드 또는 CNAME을 알려줍니다. SSL은 자동으로 설정됩니다. 빌더에서 새 도메인을 구매할 수도 있습니다.

다시 디자인한 사이트의 코드를 받을 수 있나요?

네. 언제든지 코드를 보거나 다운로드할 수 있으며, 프로젝트를 비공개 GitHub 저장소와 동기화할 수도 있습니다.

먼저 한 페이지만 다시 디자인할 수 있나요?

네. 가장 중요한 페이지, 예를 들어 홈페이지나 랜딩 페이지부터 시작하고, 방향이 마음에 들면 같은 작업 안에서 다른 페이지를 추가하세요. 여러 변경 사항을 동시에 작업하려면 새 작업에서 웹사이트를 여세요.

웹사이트 재설계 시작하기

URL을 붙여넣으면, 공개 전에 미리 볼 수 있는 새로운 디자인을 받을 수 있어요.

재설계 시작