Claude AI로 지역 업체 사이트 리뉴얼하기

오래된 지역 업체 사이트를, 문의를 더 많이 받을 수 있도록 설계된 모던하고 모바일에 최적화된 한 페이지 사이트로 바꿉니다.

로드맵과 자료

지역 업체 사이트 찾기

구글 지도에서 지역 업체 검색하기

구글 지도 열기

https://maps.google.com

개선할 여지가 있는 사이트 고르기

사이트의 주요 목표 정하기

Claude에게 보여 줄 사이트 URL이나 스크린샷 저장하기

Claude로 리뉴얼 시안 만들기

리뉴얼 프롬프트 맞춤 설정하기

사이트 URL과 확보한 업체 정보를 입력합니다.

지역 업체 리뉴얼 시안 만들기

기존 지역 업체 사이트를 모던한 한 페이지 구성으로 리뉴얼합니다.

Open and analyze this existing local business website before creating the redesign. Website URL: {{WEBSITE_URL}} {{OPTIONAL_BUSINESS_DETAILS}} If screenshots are attached in the Claude chat, use them as additional visual and content references. Use the existing website as the primary source for: - the real business services - about information - existing branding - logo and brand colors when identifiable - available images - contact information - business positioning Use the reviewed optional business details only as additional factual information. Do not copy the old visual design. Do not copy large sections of the old text. Rewrite the copy so it is clearer, more professional, and conversion-focused. Do not invent: - contact information - testimonials - customer quotes - ratings - awards - certifications - guarantees - licenses - prices - promotions - years of experience - project counts - business claims Only include testimonials when real testimonials are available on the existing website or in the attached screenshots. If real testimonials are unavailable, use a suitable "Why Choose Us," "Our Process," or trust-focused section instead. If the website cannot be accessed, use the attached screenshots and provided business details. If important information is unavailable, use clearly editable placeholders rather than presenting invented information as factual. Redesign the website into a modern, premium, conversion-focused one-page website suitable for the real local business. Choose the most appropriate conversion goal based on the business, such as: - phone calls - quote requests - bookings - consultations - contact leads Create an appropriate page structure that may include: - responsive header and navigation - strong hero section - clear headline and subheadline - primary and secondary call-to-action buttons - services based on the real website content - trust or credibility section - about section - gallery when suitable content is available - real testimonials only when available - Why Choose Us or Process section - service-area information when relevant - contact section - clickable phone number - address and opening hours when provided - Google Maps link when provided - professional footer Do not force sections that are not suitable for the business. Design requirements: - modern and premium design - polished typography and spacing - strong visual hierarchy - professional local-business layout - responsive desktop, tablet, and mobile design - accessible contrast - clear mobile call-to-action - subtle professional animations - no excessive gradients - no excessive glow - no visual clutter - preserve useful brand cues from the original website when identifiable - improve the original website rather than reproducing it Generate the complete website as one index.html file containing: - semantic HTML - embedded CSS - vanilla JavaScript - responsive navigation - smooth scrolling - subtle animations - basic SEO title and meta description - appropriate alt text - clickable phone and email links when real values are available The result must be ready to preview and publish as a static website. Do not require React, npm, a backend, a build process, or additional files. Return the completed website as a single HTML artifact.

Claude 열기

사이트 URL

https://example.com

업체명

선라이즈 치과

도시 / 지역

Austin, Texas

전화번호

+1 512 555 0134

전체 주소

123 Main St, Austin, TX 78701

영업시간

월–금: 09:00–18:00 토: 10:00–14:00

구글 지도 링크

https://maps.google.com/...

브라우저에서 Claude 열기

브라우저에서 Claude를 바로 사용하세요 — 데스크톱 앱이나 개발 환경 설정이 필요 없습니다.

Claude 열기

https://claude.ai

첫 리뉴얼 시안 생성하기

완성된 프롬프트를 Claude에 붙여넣고, 저장해 둔 경우에만 선명한 스크린샷을 첨부합니다.

사이트를 개선하고 공개 준비하기

사이트를 점검하고 눈에 띄는 문제 고치기

콘텐츠, 이미지, 로고, 링크, 전체 레이아웃을 점검합니다. 눈에 띄는 문제는 계속하기 전에 고칩니다.

필요하면 사이트 개선하기

사이트에 필요한 개선만 사용하세요.

디자인과 전환율 개선하기

히어로, 서비스, 신뢰 요소, CTA 섹션을 개선합니다.

Improve the design and conversion sections of this website. Focus on: - making the hero section feel more premium and clear - strengthening the headline and call-to-action buttons - making the services section easier to scan - improving trust elements such as reviews, service area, experience, guarantees, and contact details - making the website feel more professional and focused on getting calls, bookings, or leads Keep the design clean, modern, and suitable for a local business. Do not make the page too busy.

Claude 열기

모바일 버전 개선하기

모바일 레이아웃을 깔끔하고 읽기 쉽고 누르기 편하게 만듭니다.

Improve the mobile version of this website. Make sure the layout is clean, the text is readable, the buttons are easy to tap, and the sections have enough spacing on small screens.

Claude 열기

사이트 게시 준비하기

필요하면 기본 SEO를 추가합니다. 리뉴얼 데모용이라면 게시하거나 공유하기 전에 실제 업체 정보를 교체하세요.

기본 지역 SEO 추가하기

제목, 메타 설명, 헤딩, 지역 키워드, 대체 텍스트, 공유 정보를 추가합니다.

Add basic SEO to this website before publishing. Improve: - page title - meta description - main H1 heading - section headings - local business keywords - image alt text - Open Graph title and description for sharing - clear contact and service information Make the SEO natural and professional. Do not keyword-stuff. The website should be optimized for a local business in this niche: {{BUSINESS_NICHE}} The target location is: {{TARGET_LOCATION}} Keep the design and layout the same unless a small content improvement is needed.

Claude 열기

사업 분야

배관업체, 치과, 청소업체

대상 지역

Austin, Texas

실제 정보를 데모용 브랜드로 바꾸기

데모를 공개하기 전에 실제 업체 정보를 지우세요.

Before publishing this website, replace all real business details with demo information. Change: - business name - logo or brand references - phone number - email address - physical address - staff names - testimonials - images or image descriptions Use a realistic demo brand for the same niche. Keep the website structure, design, and overall idea the same, but make sure it is clearly a demo website and not pretending to be the real business. Business niche: {{BUSINESS_NICHE}}

Claude 열기

사업 분야

배관업체, 치과, 청소업체

Hostinger에서 사이트 공개하기

완성된 사이트 파일 내려받기

메인 파일 이름을 index.html로 변경하기

ZIP을 만들기 전에 최종 HTML 파일 이름이 index.html인지 확인하세요.

Hostinger 열기

Hostinger 열기

사이트를 업로드하고 공개하기 위해 Hostinger 대시보드를 엽니다.

USED IN TUTORIAL

https://www.hostg.xyz/SHJjE

사이트 업로드하고 게시하기

Hostinger Add Website Migrate an Existing Website Upload Backup Files Choose a Domain

index.html을 ZIP 파일로 압축합니다. ZIP을 업로드하고 마이그레이션 요청을 보냅니다. 게시가 끝나면 실제 도메인을 엽니다.

영업 메시지 (보너스)

데모를 공개한 뒤 지역 업체에 리뉴얼 시안을 보여 줄 때 이 문구들을 사용하세요. 이 단계는 선택 사항입니다.

간단한 첫 메시지

Hi, I came across your website and noticed a few ways it could look more modern and help visitors take action. I created a quick redesign example to show what an improved version could look like. Would you like me to send it over?

미리보기 링크가 있는 이메일

Subject: I created a quick redesign example for your website Hi, I came across your website and noticed a few ways it could look more modern and help visitors take action. I created a quick redesign example to show what an improved version could look like. Here is the preview: [Paste your link] If you like it, I can customize it further for your business. Best, [Your Name]

답장이 오면

Thanks — here is the preview: [Paste your link] This is just a sample to show the direction. If you like it, I can customize it further for your business, replace the demo details with your real business information, and help publish it properly.

사장님들께 무분별하게 연락하지 마세요. 정말 도움이 될 때만 데모를 보내고, 실제로 개선된 점을 보여 주는 데 집중하세요.