Rediseña el sitio web de un negocio local con Claude AI

Busca un negocio local en Google Maps

Abrir Google Maps

https://maps.google.com

Elige un sitio web que tenga margen de mejora

Identifica el objetivo principal del sitio web

Guarda la URL del sitio web o capturas de pantalla para Claude

Personaliza el prompt de rediseño

Añade la URL del sitio web y los datos disponibles del negocio.

Crear rediseño de negocio local

Convierte el sitio web de un negocio local existente en un rediseño moderno de una página.

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.

Abrir Claude

URL del sitio web

https://example.com

Nombre del negocio

Clínica Dental Sunrise

Ciudad / Zona

Austin, Texas

Número de teléfono

+1 512 555 0134

Dirección completa

123 Main St, Austin, TX 78701

Horario de apertura

Lun-Vie: 9:00-18:00 Sáb: 10:00-14:00

Enlace de Google Maps

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

Abre Claude en tu navegador

Usa Claude directamente en línea, sin necesidad de app de escritorio ni configuración de programación.

Abrir Claude

https://claude.ai

Genera el primer rediseño

Pega el prompt completado en Claude y adjunta capturas de pantalla nítidas solo si las guardaste.

Revisa el sitio web y corrige cualquier problema evidente

Revisa el contenido, las imágenes, el logotipo, los enlaces y el diseño general. Corrige cualquier problema evidente antes de continuar.

Mejora el sitio web si es necesario

Usa solo las mejoras que tu sitio web necesite.

Mejora el diseño y la conversión

Mejora las secciones de hero, servicios, elementos de confianza y llamada a la acción.

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.

Abrir Claude

Mejora la versión móvil

Haz que el diseño móvil sea limpio, legible y fácil de tocar.

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.

Abrir Claude

Prepara el sitio web para publicarlo

Añade SEO básico si es necesario. Si esto es solo una demostración de rediseño, sustituye los datos reales del negocio antes de publicarlo o compartirlo.

Añade SEO local básico

Añade título, meta descripción, encabezados, palabras clave locales, texto alternativo e información para compartir.

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.

Abrir Claude

Nicho del negocio

fontanero, dentista, empresa de limpieza

Ubicación objetivo

Austin, Texas

Reemplaza los datos reales con una marca de demostración

Elimina los datos reales del negocio antes de publicar la demostración.

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

Abrir Claude

Nicho del negocio

fontanero, dentista, empresa de limpieza

Descarga el archivo final del sitio web

Renombra el archivo principal a index.html

Asegúrate de que el archivo HTML final se llame index.html antes de crear el ZIP.

Abrir Hostinger

Abrir Hostinger

Abre tu panel de Hostinger para subir y publicar el sitio web.

USADO EN EL TUTORIAL

https://www.hostg.xyz/SHJjE

Sube y publica el sitio web

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

Comprime index.html en un archivo ZIP. Sube el ZIP y envía la solicitud de migración. Abre el dominio publicado cuando termine la publicación.

Usa estos mensajes después de publicar la demostración para mostrar el rediseño a un negocio local. Este paso es opcional.

Primer mensaje sencillo

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?

Correo con enlace de vista previa

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]

Después de que respondan

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.

No hagas spam a los dueños de negocios. Envía la demostración solo cuando sea relevante y céntrate en mostrar una mejora real.