Thiết kế lại website doanh nghiệp địa phương với Claude AI

Tìm một doanh nghiệp địa phương trên Google Maps

Mở Google Maps

https://maps.google.com

Chọn một website còn nhiều chỗ có thể cải thiện

Xác định mục tiêu chính của website

Lưu URL website hoặc ảnh chụp màn hình để đưa cho Claude

Tùy chỉnh prompt thiết kế lại

Thêm URL website và các thông tin doanh nghiệp hiện có.

Tạo bản thiết kế lại cho doanh nghiệp địa phương

Biến một website doanh nghiệp địa phương hiện có thành bản thiết kế lại hiện đại gói gọn trong một trang.

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.

Mở Claude

URL website

https://example.com

Tên doanh nghiệp

Phòng khám Nha khoa Sunrise

Thành phố / khu vực

Austin, Texas

Số điện thoại

+1 512 555 0134

Địa chỉ đầy đủ

123 Main St, Austin, TX 78701

Giờ mở cửa

Thứ 2 - Thứ 6: 9:00-18:00 Thứ 7: 10:00-14:00

Liên kết Google Maps

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

Mở Claude trong trình duyệt của bạn

Dùng Claude trực tiếp trên mạng — không cần ứng dụng máy tính hay thiết lập môi trường lập trình.

Mở Claude

https://claude.ai

Tạo bản thiết kế lại đầu tiên

Dán prompt đã hoàn chỉnh vào Claude và chỉ đính kèm ảnh chụp màn hình rõ nét nếu bạn đã lưu chúng.

Kiểm tra website và sửa các lỗi rõ ràng

Kiểm tra nội dung, hình ảnh, logo, liên kết và bố cục tổng thể. Sửa mọi lỗi rõ ràng trước khi tiếp tục.

Cải thiện website nếu cần

Chỉ dùng những cải tiến mà website của bạn thực sự cần.

Cải thiện thiết kế và tỷ lệ chuyển đổi

Cải thiện phần hero, dịch vụ, yếu tố tạo niềm tin và kêu gọi hành động.

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.

Mở Claude

Cải thiện phiên bản di động

Làm cho bố cục trên di động gọn gàng, dễ đọc và dễ chạm.

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.

Mở Claude

Chuẩn bị website để xuất bản

Thêm SEO cơ bản nếu cần. Nếu đây chỉ là bản demo thiết kế lại, hãy thay thế thông tin doanh nghiệp thật trước khi xuất bản hoặc chia sẻ.

Thêm SEO địa phương cơ bản

Thêm tiêu đề, meta description, các heading, từ khóa địa phương, alt text và thông tin chia sẻ.

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.

Mở Claude

Lĩnh vực kinh doanh

thợ sửa ống nước, nha sĩ, công ty dọn dẹp

Khu vực mục tiêu

Austin, Texas

Thay thông tin thật bằng thương hiệu demo

Hãy xóa thông tin doanh nghiệp thật trước khi xuất bản bản demo.

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}}

Mở Claude

Lĩnh vực kinh doanh

thợ sửa ống nước, nha sĩ, công ty dọn dẹp

Tải tệp website hoàn chỉnh về máy

Đổi tên tệp chính thành index.html

Hãy đảm bảo tệp HTML cuối cùng có tên là index.html trước khi tạo tệp ZIP.

Mở Hostinger

Mở Hostinger

Mở bảng điều khiển Hostinger của bạn để tải lên và xuất bản website.

USED IN TUTORIAL

https://www.hostg.xyz/SHJjE

Tải lên và xuất bản website

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

Nén index.html thành một tệp ZIP. Tải tệp ZIP lên và gửi yêu cầu di chuyển. Mở tên miền đang hoạt động sau khi xuất bản xong.

Hãy dùng những tin nhắn này sau khi xuất bản bản demo để giới thiệu bản thiết kế lại với một doanh nghiệp địa phương. Bước này là tùy chọn.

Tin nhắn đầu tiên đơn giản

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?

Email kèm liên kết xem trước

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]

Sau khi họ trả lời

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.

Đừng spam các chủ doanh nghiệp. Chỉ gửi bản demo khi nó thực sự phù hợp và tập trung vào việc cho thấy một cải thiện thực sự.