Crear Página Web con Inteligencia Artificial – Guía y Prompts Gratis

Crea el diseño completo de una landing page moderna, elegante y funcional para un restaurante gourmet. El sitio debe estar enfocado en atraer nuevos comensales, mostrar el menú de forma visual, transmitir confianza y facilitar reservas online. Usa buenas prácticas de diseño responsive, optimización SEO básica y una experiencia de usuario fluida.

🧩 Estructura de la página (One Page Layout):
1. 🎯 Sección Hero (banner principal)
Fondo: Imagen de alta calidad (interior del restaurante, plato estrella o ambiente nocturno con comensales).

Titular principal (H1):
Ejemplo: “Sabores que cuentan historias”

Subtítulo (H2):
“Cocina de autor, ingredientes frescos y una experiencia gastronómica inolvidable.”

Botones (CTAs):

“Reservar mesa” (principal)

“Ver menú” (secundario)

2. 🍽️ Sobre Nosotros
Breve historia del restaurante y filosofía del chef.

Imagen del equipo o del chef cocinando.

Valores destacados: calidad, hospitalidad, tradición/innovación.

3. 📋 Menú Destacado
Mostrar platos en tarjetas visuales: imagen, nombre, descripción breve y precio.

Categorías: Entradas, Platos principales, Postres, Bebidas.

Botón para descargar PDF o ver menú completo.

4. ⏰ Horarios & Reservas
Tabla clara de días y horarios (almuerzo, cena, brunch…).

Botón para reservar (WhatsApp, formulario o sistema como OpenTable).

Mención de menús por temporada, delivery o eventos especiales.

5. 🖼️ Galería
Carrusel o cuadrícula con imágenes grandes:

Platos destacados

Ambientes del local

Clientes felices

Eventos o cenas temáticas

6. ⭐ Testimonios
2 a 3 reseñas reales con nombre, puntuación y (opcional) foto.

Diseño tipo slider o tarjetas, con estrellas visuales.

7. 📍 Ubicación & Contacto
Dirección con Google Maps embebido.

Teléfono, correo y redes sociales.

Formulario de contacto: nombre, email, teléfono, mensaje.

Botón/link directo a WhatsApp para reservas rápidas.

🎨 Estilo visual sugerido
Colores:

Fondo claro: #ffffff o #f9f5f0

Secciones oscuras: #222222 o #2f2f2f

Color de acento (CTA): #C19A6B (dorado gastronómico)

Textos principales: #111111

Textos secundarios: #666666

Tipografía:

Títulos: Playfair Display, Cormorant Garamond

Texto general: Lato, Open Sans o Inter

Botones: texto en mayúsculas, claro y con buen contraste

💡 UX/UI y SEO (incluir en el diseño generado):
Navegación fija (sticky navbar) con scroll suave a secciones.

CTA de “Reservar mesa” siempre visible.

100% optimización móvil y touch-friendly.

Encabezados estructurados correctamente (H1, H2, H3…).

Microcopy persuasivo en botones y llamadas a la acción:

“Descubre el sabor”

“Vive la experiencia”

“Haz tu reserva ahora”

Diseña una página web de una sola sección (One Page) para un abogado profesional o despacho jurídico. El sitio debe comunicar confianza, experiencia y claridad, con un diseño moderno, limpio y responsive. El objetivo es convertir visitantes en solicitudes de consulta. Usa una estructura clara, con secciones visuales bien diferenciadas.

🧩 Estructura de la página sugerida

1. ⚖️ Sección Hero (Banner principal)

• Fondo: Imagen profesional de una oficina legal, biblioteca jurídica o fachada de tribunal.

• Título impactante (H1):
  Ejemplo: “Soluciones legales de confianza para tu tranquilidad”

• Subtítulo (H2):
  “Más de 15 años brindando asesoría legal clara, efectiva y personalizada.”

• Botón de acción (CTA):

  • “Agenda una consulta”

2. 👤 Sobre el Abogado / Despacho

• Imagen tipo retrato (abogado principal o equipo).

• Breve biografía con:

  • Formación académica

  • Experiencia profesional

  • Valores como ética, accesibilidad, compromiso

• Tono cercano pero profesional.

3. 📚 Servicios Legales

• Mostrar servicios en tarjetas o columnas:

  • Derecho de Familia

  • Derecho Inmobiliario

  • Defensa Penal

  • Contratos Empresariales

• Descripción corta de cada uno.

• Indicar precios desde… o tarifas planas si aplica.

4. 📈 Métricas de Confianza

• Contadores con íconos o bloques informativos:

  • “+15 años de experiencia”

  • “500+ clientes atendidos”

  • “98% de tasa de éxito en casos”

• Presentación visual tipo infografía o contadores animados.

5. 🗣️ Testimonios

• De 2 a 3 opiniones reales de clientes.

• Mostrar nombre, frase destacada, foto (opcional).

• Formato: slider o tarjetas con estrellas ⭐⭐⭐⭐⭐

6. 📞 Contacto

• Teléfono, email, dirección física.

• Formulario de contacto con los campos:

  • Nombre

  • Email

  • Teléfono

  • Mensaje

• Google Maps embebido con ubicación exacta.

• Opción de botón directo a WhatsApp (si aplica).

🎨 Estilo visual recomendado

🎯 Paleta de colores:

• Fondo oscuro: #000000 o #262626

• Fondo claro: #ffffff o #f7f7f7

• Botones y CTA: #B2995F (dorado profesional)

• Texto:

  • Sobre fondo oscuro: #ffffff

  • Sobre fondo claro: #000000

✒️ Tipografía:

• Títulos: Playfair Display, Libre Baskerville o Merriweather

• Texto general: Lato, Open Sans o Inter

• Botones: mayúsculas con alto contraste

💡 UX/UI y SEO

• Navegación sticky (barra superior fija) con scroll suave.

• CTA “Agenda una consulta” siempre visible.

• Diseño responsive (100% optimizado para móviles y tablets).

• Encabezados estructurados (H1, H2, H3) correctamente.

• Microcopy persuasivo:

  • “Protege lo que más importa”

  • “Consulta sin compromiso”

  • “Confía en una defensa con experiencia”

Diseña una página web moderna, profesional y accesible, de una sola sección, para una clínica médica privada. El objetivo del sitio es transmitir confianza y cercanía, presentar los servicios médicos, facilitar la reserva de horas médicas, y reforzar la reputación con testimonios y métricas. Debe ser 100% responsive, con diseño claro y orientado a la conversión.

🧩 Estructura recomendada de la página

1. 🏥 Sección Hero (Banner Principal)

• Fondo: Imagen realista de la clínica (fachada moderna, sala luminosa o equipo médico en atención).

• Título principal (H1):
  “Tu salud en manos confiables”

• Subtítulo (H2):
  “Atención médica personalizada con tecnología de vanguardia y un equipo humano comprometido.”

• Botón CTA:

  • “Reserva tu hora médica”

2. 👩‍⚕️ Sobre la Clínica

• Imagen institucional del equipo médico o fachada.

• Breve descripción: historia, misión, valores.

• Enfoque en:

  • Trato humano

  • Ética médica

  • Enfoque integral de salud

• (Opcional) Video institucional o mensaje del director médico.

3. 📆 Horarios de Atención

• Tabla o tarjetas con días y bloques horarios.

• Detalles si hay:

  • Urgencias

  • Telemedicina

  • Atención por especialidades

• Iconos para visualización rápida.

4. 📊 Métricas de Confianza (Contadores)

• Sección visual con fondo suave y cifras destacadas:

  • 20+ años al cuidado de la salud

  • 10.000+ pacientes atendidos

  • 95% satisfacción en encuestas

  • 30+ profesionales en el equipo médico

5. ❤️ Testimonios de Pacientes

• 2 a 3 opiniones reales (nombre, comentario breve, foto opcional).

• Presentar en formato slider o tarjetas visuales.

• Enfatizar:

  • Confianza

  • Buen trato

  • Atención efectiva

6. ✉️ Formulario de Contacto + Información

• Datos visibles:

  • Teléfono

  • Email

  • Dirección física

• Formulario con campos:

  • Nombre

  • Email

  • Teléfono

  • Especialidad (dropdown si es posible)

  • Mensaje

• Mapa de Google embebido con la ubicación de la clínica.

🎨 Estilo visual recomendado

🎯 Colores

• Fondo principal: #ffffff

• Secciones suaves de contraste: #f2f7f9 o #e9f3f7

• CTA (botones y enlaces activos): #007B91

• Texto principal: #1f1f1f

• Texto secundario: #4d4d4d

✍️ Tipografía

• Títulos: Montserrat o Lato

• Texto general: Open Sans o Roboto

• Tamaños adaptables a móvil y escritorio

💡 UX/UI y SEO

• Navegación sticky con scroll suave por anclas internas

• CTA “Reserva tu hora médica” siempre visible

• Formularios y botones tap-friendly en móvil

• Microcopy empático:

  • “Tu salud es nuestra prioridad”

  • “Agenda tu hora sin complicaciones”

  • “Conoce a nuestros especialistas”

• Encabezados jerárquicos claros (H1, H2, H3)

• Optimización básica de metadatos (título, descripción, alt en imágenes)

Diseña una landing page de una sola sección para una barbería moderna y profesional. El objetivo es mostrar estilo y personalidad, presentar los servicios, atraer nuevos clientes y facilitar reservas online o por WhatsApp. El diseño debe reflejar actitud, masculinidad, elegancia urbana y estar 100% optimizado para móviles.

🧩 Estructura de la página sugerida

1. 💥 Sección Hero (Banner principal)

• Imagen de fondo: Foto potente del barbero en acción, el local con estilo, o un cliente con corte moderno.

• Título (H1):
  “Estilo que se nota, actitud que se siente”

• Subtítulo (H2):
  “Cortes clásicos y modernos, con atención personalizada y detalles que hacen la diferencia.”

• Botones de acción:

  • “Reserva tu hora” (principal)

  • “Ver servicios” (secundario, opcional)

2. ✂️ Sobre la Barbería

• Breve historia: origen, inspiración, estilo (clásico, urbano, minimalista…).

• Foto del barbero principal o del equipo.

• Tono cercano y visual:

  • Experiencia, atención al detalle, ambiente relajado.

• Elementos decorativos visuales sugeridos:

  • Tijeras, sillones, vinilos, carteles, brochas o navajas.

3. 🧔 Servicios ofrecidos

• Diseño en tarjetas o columnas con íconos o imágenes reales.

• Servicios clave:

  • Corte de cabello

  • Afeitado clásico

  • Arreglo de barba

  • Tratamientos capilares

  • Packs especiales (ej: Novios)

• Cada tarjeta incluye:

  • Nombre del servicio

  • Breve descripción

  • Precio desde

  • Botón: “Reservar ahora”

4. 📸 Galería de Estilo

• Grid o carrusel de imágenes reales:

  • Clientes satisfechos

  • Tipos de cortes: fades, clásicos, creativos

  • Ambiente del local y productos usados

5. ⭐ Testimonios de Clientes

• 2 o 3 reseñas cortas con:

  • Nombre, foto (real o placeholder), estrellas ⭐⭐⭐⭐⭐

  • Frases como:

    • “¡Nunca había salido tan bien peinado!”

    • “Ambiente de primera y atención de lujo.”

• Presentar en tarjetas o slider horizontal

6. ⏰ Horarios + Reservas

• Tabla visual con días y horarios

• Aclarar si se aceptan walk-ins o solo con cita previa

• Botón destacado de WhatsApp (link directo) o sistema de reservas

• Formulario rápido:

  • Nombre, Email, Teléfono, Servicio (dropdown), Comentario

7. 📍 Ubicación y Contacto

• Dirección clara (zona o barrio destacado)

• Mapa de Google embebido

• Enlace directo a Google Maps

• Datos visibles:

  • Teléfono, email, redes sociales

🎨 Estilo visual recomendado

• Fondo claro: #ffffff o #f2f2f2

• Fondo oscuro (para secciones potentes): #1C1C1C o #2B2B2B

• Color de acento / botones:

  • #D4A056 (dorado cobrizo) o #B9452C (rojo barbero)

• Texto:

  • Principal: #1f1f1f

  • Sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos: Bebas Neue, Montserrat, Oswald (impactantes, urbanas)

• Texto general: Lato, Inter, Roboto

• Botones: en mayúsculas, con espaciado y contraste fuerte

💡 UX/UI & SEO

• • Navegación sticky con scroll anclado suave

  • Botón de “Reservar” siempre visible

  • Diseño mobile-first (muchos clientes reservarán desde el celular)

  • Estructura semántica (H1–H2–H3) clara para SEO local

  • Metadatos optimizados

  • Texto alternativo en imágenes y accesibilidad básica

Diseña una landing page de una sola sección (One Page) para una cafetería artesanal, moderna y acogedora. El sitio debe transmitir calidez, estética visual de marca y experiencia sensorial, destacar la oferta gastronómica, facilitar la visita o pedidos, y estar completamente optimizado para dispositivos móviles.

🧩 Estructura sugerida del sitio

1. 🖼️ Sección Hero (Banner Principal)

• Fondo visual envolvente: Imagen con café servido, barista haciendo latte art, barra en acción o clientes sonriendo.

• Título (H1):
  “Tu pausa perfecta en cada taza”

• Subtítulo (H2):
  “Café de especialidad, pastelería artesanal y un espacio para conectar contigo mismo o con otros.”

• Botones de acción:

  • “Ver menú”

  • “Cómo llegar”

2. ☕ Sobre Nosotros

• Breve historia y visión del café.

• Enfoque en:

  • Origen de los granos

  • Servicio personalizado

  • Valores humanos

• Imagen del equipo, fachada o barista en acción.

• Frase emocional destacada:
  “Más que café, creamos momentos”

3. 🍰 Menú Destacado

• Secciones por categorías, con íconos o miniaturas:

  • Cafés calientes: Espresso, Latte, Cappuccino

  • Fríos: Cold Brew, Iced Latte, Affogato

  • Pastelería artesanal del día

  • Sándwiches y brunch

• Mostrar precios “desde…” o destacados.

• Botón: “Explorar carta completa” (PDF o desplegable)

4. 🌿 Ambiente & Experiencia

• Galería en grid o slider horizontal mostrando:

  • Interior del café

  • Terrazas, decoración, clientes felices

  • Eventos o música en vivo

• Texto breve complementario:

  • “Ambiente tranquilo, pet-friendly, ideal para leer, trabajar o compartir.”

  • Iconos visuales: WiFi, mascotas, mesas compartidas

5. ⭐ Testimonios de Clientes

• 2 o 3 reseñas reales en tarjetas visuales:

  • Nombre, frase destacada, foto (opcional), estrellas

  • Ejemplos:

    • “El mejor capuccino del barrio”

    • “Ideal para trabajar o leer”

    • “Atención increíble y pasteles caseros”

6. 🕐 Ubicación + Horarios

• Dirección clara (zona o barrio).

• Horarios por día o bloque.

• Botón de acción: “Cómo llegar” (link a Google Maps)

• Mapa embebido para navegación inmediata

7. 📞 Contacto y Redes Sociales

• Teléfono, email, WhatsApp (si se acepta pedidos)

• Íconos de redes sociales (Instagram, Facebook)

• (Opcional) Feed de Instagram embebido

• (Opcional) Formulario para:

  • Pedidos especiales

  • Eventos

  • Música en vivo

🎨 Estilo visual sugerido

• Fondo base: #ffffff o #F5F0EC

• Secciones cálidas: #ECE0D1, #D4BFAA, #A9746E

• Botones / acento: #5A3E36 (marrón espresso) o #C98B6D (canela suave)

• Texto principal: #3B3B3B

• Texto sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos: Playfair Display, DM Serif Text, Abril Fatface (editorial y elegante)

• Texto general: Lato, Work Sans, Inter (ligero y legible)

• Botones: Sans-serif en mayúsculas, bien espaciado y con alto contraste

💡 UX/UI & SEO Consideraciones

• • • Scroll fluido con navegación sticky

    • Botones visibles (flotantes en móviles): “Ver menú” y “Cómo llegar”

    • Imágenes comprimidas para carga rápida

    • Texto alternativo (alt) en todas las imágenes

    • Estructura semántica clara:

      • H1: Nombre del café + eslogan

      • H2: Secciones clave (Menú, Ambiente, Contacto)

      • H3: Detalles en subsecciones

Diseña una landing page de una sola sección (One Page) para un estudio fotográfico o fotógrafo profesional independiente. El sitio debe tener un alto impacto visual, reflejar el estilo único del fotógrafo o equipo, y permitir fácilmente la reserva de sesiones o solicitudes de presupuestos. El diseño debe ser moderno, limpio, artístico y mobile-first.

🧩 Estructura recomendada del sitio

1. 🎯 Sección Hero (Banner principal)

• Fondo visual impactante: Una fotografía icónica del estudio (retrato, boda, editorial o comercial).

• Título principal (H1):
  “Capturamos lo que no se puede repetir”

• Subtítulo (H2):
  “Fotografía profesional que inmortaliza emociones, personas y momentos.”

• Botones CTA:

  • “Agenda tu sesión”

  • “Ver portafolio” (opcional)

2. 👤 Sobre el Fotógrafo / Estudio

• Imagen del fotógrafo o del equipo en acción o retrato.

• Presentación breve:

  • Años de experiencia

  • Especialidad fotográfica

  • Filosofía de trabajo (emotiva, técnica, documental, etc.)

• Énfasis en:

  • Conexión emocional

  • Storytelling visual

  • Profesionalismo y cercanía

3. 🧷 Servicios fotográficos

• Mostrar en tarjetas visuales con íconos o miniaturas:

  • Retratos personales

  • Bodas / eventos

  • Fotografía de producto / comercial

  • Books profesionales / modelaje

  • Sesiones familiares / infantiles

• Incluir:

  • Breve descripción

  • Duración estimada o «precio desde»

• Botón: “Solicitar presupuesto”

4. 🖼️ Portafolio / Galería Destacada

• Grid o carrusel visual con imágenes grandes

• Filtros por categoría (Bodas, Retratos, Producto, etc.)

• Lightbox con carga rápida y progresiva (lazy load)

• Galería pensada para destacar estilo y calidad visual

5. 💬 Testimonios de Clientes

• 2 o 3 reseñas reales

  • Foto del cliente o imagen de la sesión

  • Nombre y tipo de sesión

  • Opinión emocional o agradecimiento

• Estilo minimalista, dejando que las fotos sean protagonistas

6. 📋 Proceso de Trabajo (opcional)

• Dividir en pasos visuales:

  1. Reserva y asesoría previa

  2. Día de la sesión

  3. Edición y entrega

  4. Revisión final y descarga

• Mostrar claridad, fluidez y cercanía

7. 📞 Formulario de Contacto + Reserva

• Campos:

  • Nombre

  • Email

  • Teléfono

  • Tipo de sesión

  • Fecha estimada

  • Comentario

• Teléfono y botón de WhatsApp visibles

• CTA: “Agenda tu sesión” o “Solicita cotización”

8. 📍 Ubicación + Redes Sociales

• Dirección física (si aplica)

• Mapa de Google embebido

• Enlaces destacados a:

  • Instagram, Behance, Pinterest, Facebook

• Opción de mostrar feed de Instagram

🎨 Estilo visual recomendado

• Fondo principal: #ffffff o #f9f9f9

• Secciones oscuras (portafolio o testimonios): #1a1a1a o #2C2C2C

• Botones / acento: #D4AF37 (oro suave) o #AE7CFF (púrpura creativo)

• Texto principal: #1f1f1f

• Texto claro sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos: Playfair Display, DM Serif, Cormorant Garamond

• Texto general: Lato, Inter, Open Sans

• Botones: serif elegante o sans en mayúsculas, con espaciado generoso

💡 UX/UI y SEO

• Navegación sticky + scroll suave con anclas

• CTA siempre visible o repetido (inicio, mitad, final)

• Alt text para todas las imágenes (clave en SEO fotográfico)

• Carga progresiva (lazy load) del portafolio

• Microcopy emocional en CTAs:

  • “Quiero inmortalizar mi momento”

  • “Necesito una sesión personalizada”

• Estructura clara:

  • H1 = nombre del estudio + frase clave

  • H2 = secciones principales

  • H3 = detalles internos

Crea una landing page de una sola sección para un taller de servicios mecánicos. El sitio debe reflejar profesionalismo, rapidez y experiencia, con diseño limpio, enfocado en la conversión de clientes locales, y 100% adaptado para dispositivos móviles. El objetivo es permitir agendamiento de servicios, mostrar confianza y facilitar contacto directo.

🧩 Estructura de la página sugerida

1. 🚗 Sección Hero (Banner principal)

• Imagen de fondo: Mecánico trabajando, auto elevado, escáner en uso o vista del taller activo.

• Título (H1):
  “Tu auto en las mejores manos”

• Subtítulo (H2):
  “Diagnóstico, reparación y mantención con tecnología y experiencia garantizada.”

• Botones CTA:

  • “Solicita tu diagnóstico”

  • “Ver servicios”

2. 🛠️ Sobre el Taller

• Imagen del equipo o dueño con uniforme y ambiente del taller.

• Historia breve:

  • Años de experiencia

  • Filosofía: atención técnica, trato directo, rapidez

• Frase destacada:
  “Más de 10 años manteniendo tu auto como nuevo”

3. 🔧 Servicios Mecánicos

• Tarjetas visuales con íconos o mini fotos:

  • Diagnóstico computarizado

  • Cambio de aceite y filtros

  • Frenos y suspensión

  • Alineación y balanceo

  • Baterías y sistema eléctrico

  • Reparaciones generales

• Cada servicio con:

  • Breve descripción

  • Precio desde

  • Botón: “Agendar este servicio”

4. 🧰 Mantenimiento Preventivo

• Sección destacada con explicación educativa y clara:

  • Mantención por kilometraje

  • Revisión previa a viajes

  • Inspección anual recomendada

• Botón destacado: “Agenda tu revisión”

5. ⭐ Testimonios de Clientes

• 2 o 3 reseñas con:

  • Nombre del cliente

  • Foto opcional

  • Tipo de vehículo / servicio recibido

  • Frases tipo:

    • “Solucionaron el problema rápido”

    • “Excelente atención y precios justos”

6. 🖼️ Galería del Taller

• Imágenes del taller limpio y bien equipado

• Box de atención, herramientas, mecánicos en acción

• Objetivo: proyectar confianza, orden y tecnología

7. 📍 Ubicación + Horarios

• Dirección física con mapa de Google embebido

• Tabla de horarios por día

• Aviso destacado si hay:

  • Atención de urgencias

  • Servicio de grúa

• Botón CTA: “Cómo llegar”

8. 📞 Formulario de Contacto + Agendamiento

• Campos necesarios:

  • Nombre

  • Email

  • Teléfono

  • Marca / Modelo del vehículo

  • Tipo de servicio

  • Comentarios

• Teléfono y WhatsApp visibles en todo momento (ideal como botón flotante)

• Botón: “Solicitar agendamiento”

🎨 Estilo visual recomendado

• Fondo principal: #ffffff o #F5F5F5

• Secciones técnicas: #E5E7EB o #D9D9D9

• Botones / acento: #FF5722 (naranja fuerte) o #2C3E50 (azul acero)

• Texto principal: #212121

• Texto sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos: Oswald, Montserrat Bold, Barlow Condensed

• Texto general: Lato, Inter, Roboto

• Botones: todo en mayúsculas, colores intensos, padding amplio

💡 UX/UI y SEO Consideraciones

• • • Botón flotante de contacto (llamada o WhatsApp)

    • Navegación sticky con scroll suave

    • CTA visible en todo momento

    • Palabras clave locales:

      • “Taller mecánico en [comuna/ciudad]”

      • “Cambio de aceite en [zona]”

      • “Reparación de frenos urgente”

    • Estructura SEO:

      • H1: “Servicio mecánico en [ciudad/barrio]”

      • H2: Servicios principales

      • H3: Detalles por tipo de servicio

    • Alt text en todas las imágenes del taller y servicios

Diseña una landing page para una florería moderna y artesanal que ofrece arreglos florales, ramos personalizados, entregas a domicilio y flores para eventos. El objetivo del sitio es transmitir belleza, emotividad y profesionalismo, destacar los productos visualmente y facilitar tanto compras online como pedidos directos por WhatsApp. El diseño debe ser romántico, elegante, limpio y mobile-first.

🧩 Estructura de la página sugerida

1. 💐 Sección Hero (Banner principal)

• Imagen de fondo envolvente: Ramo artesanal, tienda decorada o entrega emocional.

• Título principal (H1):
  “Decimos con flores lo que no se puede con palabras”

• Subtítulo (H2):
  “Arreglos florales únicos para cada ocasión. Hechos a mano con amor y frescura.”

• Botones de acción:

  • “Ver catálogo”

  • “Pedir por WhatsApp”

2. 🌷 Sobre Nosotros

• Breve historia de la florería

• Imagen del equipo, el taller o un ramo siendo armado

• Enfoque en:

  • Trabajo artesanal

  • Valores como amor, dedicación, detalle

• Frase emocional:
  “Cada flor cuenta una historia”

3. 🛍️ Catálogo de Arreglos

• Tarjetas visuales por tipo de producto:

  • Ramos de cumpleaños

  • Arreglos de aniversario

  • Ramos de novia

  • Flores para condolencias

  • Arreglos corporativos o personalizados

• Cada tarjeta con:

  • Imagen de alta calidad

  • Nombre

  • Descripción breve

  • Precio desde

• Botón: “Comprar” o “Personalizar”

4. 🎯 Flores por Ocasión

• Sección con filtros o carrusel por categoría:

  • Amor / Enamorados

  • Cumpleaños

  • Agradecimiento

  • Eventos

  • Nacimientos

• Estilo suave, fluido y táctil (ideal para móvil)

5. ⭐ Testimonios de Clientes

• 2–3 reseñas reales en tarjetas decoradas

• Nombre, frase corta, foto (opcional)

• Diseño delicado con elementos florales

6. 🚚 Proceso de Pedido

• Explicado en pasos con íconos:

  1. Elige tu ramo

  2. Personaliza o añade dedicatoria

  3. Selecciona fecha y dirección

  4. Lo preparamos y entregamos

• Botón CTA: “Haz tu pedido ahora”

7. 🌺 Galería de Entregas o Inspiración Floral

• Carrusel de fotos reales

• Variedad de estilos y ocasiones

• Mostrar calidad visual, color, volumen y diseño artístico

8. 📍 Ubicación, Horarios y Contacto

• Dirección física con mapa de Google embebido

• Horarios por día

• Indicar si hay entregas domingos o festivos

• Teléfono, WhatsApp, email, redes sociales

• Botón flotante (ideal en móvil): “Pedir ahora”

🎨 Estilo visual recomendado

• Fondo principal: #ffffff o #FFF8F4

• Secciones suaves: #FCEEF0, #F4F9F7, #EFE7E2

• Acentos / botones: #DA7297 (rosado floral), #A0C1B9 (verde suave)

• Texto principal: #3A3A3A

• Texto secundario: #666666

• Texto sobre fondos oscuros / botones: #ffffff

✒️ Tipografía recomendada

• Títulos: DM Serif Display, Playfair Display, Cinzel

• Texto general: Lato, Poppins, Inter

• Botones: Sans serif en mayúsculas, buena separación, contraste fuerte

💡 UX/UI & SEO Consideraciones

• Scroll suave con navegación sticky y anclas

• CTA flotante en móvil: “Pedir ahora” o WhatsApp directo

• Optimización local con SEO emocional:

  • H1: “Florería [Nombre] en [Ciudad/Comuna]”

  • H2: Secciones como Catálogo, Ocasiones, Contacto

  • Alt text en todas las imágenes de arreglos

• Keywords sugeridas:

  • “Ramos personalizados en [ciudad]”

  • “Entrega de flores el mismo día en [barrio]”

  • “Florería con despacho a domicilio”

Crea un sitio web estructurado y modular para un gimnasio moderno, diseñado con navegación fluida por scroll, arquitectura clara y secciones completas. El objetivo es transmitir fuerza, profesionalismo, comunidad y resultados, destacando sus servicios, planes y transformaciones reales, y maximizando la conversión de visitantes en miembros o reservas de prueba, especialmente desde dispositivos móviles.

🧩 Estructura recomendada del sitio

1. 🔥 Sección Hero (portada visual de alto impacto)

• Imagen de fondo: entrenamiento funcional, clases grupales o instalaciones modernas.

• Título (H1):
  “Entrena fuerte. Vive mejor.”

• Subtítulo (H2):
  “Programas de entrenamiento para todos los niveles, con tecnología, comunidad y resultados reales.”

• Botones visibles desde el inicio:

  • “Solicita tu clase gratis”

  • “Ver membresías”

2. 🏛️ Sobre el Gimnasio

• Breve historia, filosofía y visión.

• Enfoque en:

  • Comunidad

  • Constancia

  • Transformación física y emocional

• Fotos del equipo, clientes reales y espacio

• Frase de refuerzo:
  “Tu progreso es nuestro propósito”

3. 🧩 Servicios y Actividades

• Presentados en bloques con íconos o imágenes:

  • Entrenamiento funcional

  • Zona de pesas y musculación

  • HIIT y cardio

  • Clases grupales: Zumba, Spinning, Yoga

  • Planes personalizados + asesoría nutricional

• Botones por bloque: “Reserva tu clase” / “Ver más info”

4. 💳 Planes y Precios

• Tarjetas o tabla comparativa con:

  • Plan mensual, trimestral, semestral

  • Accesos, lockers, clases incluidas, horarios extendidos

• Mostrar precios “desde…”

• Botón directo: “Unirme ahora”

5. 📅 Horarios y Clases Grupales

• Tabla semanal de clases con diferenciación por tipo o nivel

• Filtros para: Principiante / Intermedio / Avanzado

• Botón CTA: “Agendar clase” (fijo o flotante en móvil)

6. 🧍‍♂️ Transformaciones reales

• Carrusel visual con antes/después

• Frases motivadoras reales

• Clientes reales, sin exageración

• Estilo limpio y auténtico

7. 💬 Testimonios de Clientes

• 2 a 3 opiniones

  • Nombre, tipo de plan, reseña destacada

  • Foto del cliente (si es posible)

  • Estilo visual fuerte, claro y confiable

8. 📍 Formulario de Contacto + Ubicación

• Campos:

  • Nombre

  • Email

  • Teléfono

  • Objetivo personal

• Google Maps embebido con ubicación exacta

• Información clave siempre visible:

  • Teléfono

  • WhatsApp (ideal como botón flotante en móvil)

  • Redes sociales

  • Horarios

• CTA principal: “Prográmate con nosotros”

🎨 Estilo visual sugerido

• Fondo base: #ffffff o #f7f7f7

• Secciones de contraste: #111111 o #1C1C1C

• Botones / acento: #E63946 (rojo energía) o #FDCB6E (amarillo motivador)

• Texto principal: #1f1f1f

• Texto claro sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos: Anton, Oswald, Bebas Neue

• Texto general: Inter, Lato, Roboto

• Botones: Mayúsculas, contraste fuerte, padding generoso

💡 UX/UI & SEO

• • • Navegación sticky con scroll anclado a secciones

    • Botón CTA flotante en móviles: “Clase gratis” o WhatsApp

    • Imágenes optimizadas para carga rápida

    • Headings estructurados:

      • H1 = Marca + propuesta clara

      • H2 = Servicios y beneficios

      • H3 = Detalles por sección

    • Keywords locales bien insertadas:

      • “Gimnasio en [ciudad o barrio]”

      • “Clases funcionales en [zona]”

      • “Entrenamiento personalizado en [nombre]”

Diseña un sitio web moderno, visualmente relajante y enfocado en reservas, para un centro de masajes y spa que ofrece terapias de relajación, tratamientos faciales y experiencias sensoriales. El objetivo es transmitir bienestar, confianza y armonía, mientras se impulsa la conversión de visitantes en reservas.

🧩 Estructura del sitio recomendada

1. 🌅 Sección Hero (impacto emocional al entrar)

• Imagen de fondo: masajes en ambiente tenue, piedras calientes, velas, tejidos naturales.

• Título destacado (H1):
  “Relájate. Respira. Renueva tu energía.”

• Subtítulo emocional (H2):
  “Masajes y terapias que equilibran cuerpo y mente en un entorno diseñado para tu bienestar.”

• Botones claros desde el primer vistazo:

  • “Reserva tu sesión”

  • “Ver tratamientos”

2. 🧘 Sobre el Centro

• Breve historia, visión y valores del spa

• Imagen del equipo, terapeutas o espacios

• Enfatizar:

  • Certificaciones profesionales

  • Experiencia en terapias holísticas

  • Filosofía de atención personalizada

3. 💆 Servicios y Tratamientos

• Mostrar como tarjetas con imágenes o íconos:

  • Masaje relajante

  • Masaje descontracturante

  • Drenaje linfático

  • Reflexología

  • Masaje con piedras calientes

  • Tratamientos faciales (exfoliación, hidratación)

• Breve descripción, duración y precios “desde…”

• Botón por servicio: “Agendar este servicio”

4. 🌺 Beneficios del Spa

• Mostrar en bloques con íconos o mini-visualizaciones:

  • Entorno privado y silencioso

  • Aromaterapia + Musicoterapia

  • Productos naturales

  • Terapeutas certificados

5. 🖼️ Galería Visual del Ambiente

• Carrusel o cuadrícula:

  • Camillas, velas, cabinas

  • Decoración natural

  • Clientes (sin mostrar rostro si se busca privacidad)

• Texto que acompañe: “Un espacio pensado para tu equilibrio interior”

6. 💬 Testimonios de Clientes

• 2 o 3 reseñas destacadas:

  • Nombre, tipo de servicio, frase emocional

  • Formato suave: tarjeta, slider o cita con fondo claro

  • Ejemplo: “Fue una experiencia de desconexión total”

7. 🗓️ Horarios + Sistema de Reservas

• Tabla visual con horarios por día

• Aclarar si hay:

  • Atención con cita previa

  • Bonos o membresías

• Botón fijo (móvil + escritorio): “Reservar ahora” o “WhatsApp”

• Formulario opcional:

  • Nombre, Email, Teléfono, Servicio deseado, Comentario

8. 📍 Ubicación y Contacto

• Dirección física + Mapa de Google embebido

• Información destacada:

  • Teléfono

  • WhatsApp (ideal botón flotante móvil)

  • Correo electrónico

  • Enlaces a Instagram, Facebook

🎨 Estética Visual sugerida (paleta wellness)

• Fondo principal: #ffffff o #FAF9F6

• Secciones suaves: #E6F2EF, #F0EBE3

• Botones / acento: #B8C7B9 o #88A096

• Texto oscuro: #333333

• Texto secundario o sobre fondo suave: #666666

✒️ Tipografía sugerida

• Títulos: Cormorant Garamond, Playfair Display, DM Serif Display (elegancia)

• Texto base: Lato, Inter, Open Sans (legibilidad)

• Botones / CTAs:

  • Minúsculas o capitalizadas

  • Bordes redondeados

  • Tipografía clara y espaciada

💡 UX/UI & SEO Consideraciones

• Scroll fluido y navegación sticky con anclas internas

• Botón de “Reservar sesión” siempre visible (especialmente en móviles)

• Optimización para velocidad y mobile-first

• Uso de imágenes comprimidas sin pérdida

• Alt text bien escrito en todas las fotos (ambiente, productos, servicios)

• Headings semánticos claros:

  • H1 = Marca + propuesta emocional

  • H2 = Secciones principales

  • H3 = Detalles o servicios específicos

• Enfoque SEO local:

  • “Centro de masajes en [ciudad]”

  • “Spa de relajación en [barrio]”

Diseña un sitio web moderno, accesible, funcional y optimizado para dispositivos móviles para un centro veterinario que brinda servicios médicos, cirugías, urgencias y atención integral a mascotas. El objetivo es transmitir cercanía, profesionalismo y confianza, destacar servicios clave, facilitar reservas y conectar con dueños preocupados por el bienestar de sus animales.

🧩 Estructura del sitio recomendada (modular, no restringida a una sola página)

1. 🐶 Sección Hero (impacto emocional inmediato)

• Imagen de fondo: veterinario con mascota feliz, consulta activa o fachada del centro.

• H1 emocional:
  “Cuidamos a quienes más quieres”

• Subtítulo (H2):
  “Atención veterinaria con amor, tecnología y compromiso en cada etapa de su vida.”

• Botones de acción primaria:

  • “Solicitar hora”

  • “Ver nuestros servicios” (ancla o sección intermedia)

2. 🩺 Sobre Nosotros

• Breve historia del centro, años de experiencia, visión profesional + humana.

• Imagen real del equipo o instalaciones.

• Valores clave:

  • Empatía

  • Atención personalizada

  • Tecnología al servicio de la salud animal

• Frase destacada:
  “Tu mascota es parte de nuestra familia”

3. 🧾 Servicios Veterinarios

• Mostrar con tarjetas visuales o columnas con íconos:

  • Consultas generales

  • Vacunación y desparasitación

  • Cirugías programadas

  • Urgencias veterinarias

  • Ecografías / exámenes

  • Peluquería / baño sanitario

  • Tienda de productos y alimentos

• Breve descripción + precios «desde», duración o modalidad

• Botón por servicio o general: “Agenda tu cita”

4. 🚨 Urgencias Veterinarias (sección destacada)

• Fondo contrastado o llamativo (naranja suave o verde agua)

• Mensaje directo:
  “¿Tienes una urgencia? Llámanos de inmediato”

• Íconos rápidos:

  • 📞 Teléfono directo

  • 💬 WhatsApp

• Horarios de urgencia extendida o 24/7 (si aplica)

5. 📸 Galería de Pacientes Felices

• Carrusel visual o grid de imágenes reales de mascotas atendidas

• Mostrar cercanía, salud y alegría

• Texto emocional corto:
  “Gracias por confiar en nuestro equipo”

6. 💬 Testimonios de Clientes

• 2 a 3 opiniones reales:

  • Nombre, mascota (especie), tipo de atención

  • Estilo visual cálido y limpio

  • Ejemplos de frases:

    • “Salvaron a mi gato cuando más lo necesitaba”

    • “Trato increíble desde la recepción hasta la sala de procedimientos”

7. 🕐 Horario y Ubicación

• Tabla de horarios visual (días, bloques, urgencias)

• Dirección completa con mapa de Google embebido

• Enlace directo a Google Maps o Waze

• Texto claro sobre si atienden sábados, feriados, etc.

8. 📩 Formulario de Contacto + Agendamiento

• Campos recomendados:

  • Nombre

  • Email

  • Teléfono

  • Nombre de la mascota

  • Tipo de atención

  • Comentarios

• Botón CTA claro:

  • “Reservar cita”

  • “Enviar consulta”

• Teléfono y WhatsApp visibles todo el tiempo (botón flotante en móviles)

🎨 Paleta de colores sugerida (estética confiable + amigable)

• Fondo principal: #ffffff o #F7FDFB

• Secciones suaves / destacadas:

  • #E0F3F1 (tranquilidad)

  • #F9F0E6 (cercanía)

  • #D4EBF2 (tecnología amable)

• Botones / Acentos CTA:

  • #48A9A6 (verde agua profesional)

  • #FF8C42 (naranja suave de urgencia)

• Texto:

  • Principal: #2C2C2C

  • Claro sobre fondo oscuro: #ffffff

✒️ Tipografía recomendada

• Títulos (emocionales pero accesibles):

  • Poppins, Nunito, Raleway

• Texto base:

  • Inter, Lato, Open Sans

• Botones / CTA:

  • Contraste alto, bordes redondeados, con padding amplio y claridad total

💡 UX/UI & SEO Consideraciones

• Navegación sticky + scroll fluido con anclas internas

• Botón flotante de urgencias o WhatsApp siempre visible

• Optimización mobile-first:

  • carga rápida, botones grandes, formularios usables desde el celular

• Alt text completo en imágenes (mascotas, espacios, equipo)

• Estructura semántica clara:

  • H1: “Centro veterinario [nombre] en [barrio / ciudad]”

  • H2: Servicios / Testimonios / Contacto

  • H3: Detalles por servicio

• SEO local:

  • keywords como “veterinaria 24 horas en [ciudad]”, “urgencias veterinarias en [barrio]”, “peluquería canina en [comuna]”

Crea un sitio web moderno, funcional y emocionalmente cautivador para una agencia de viajes que ofrece paquetes turísticos, escapadas, viajes a medida y asesoría experta. El sitio debe ser altamente visual, aspiracional y diseñado para convertir visitantes en clientes potenciales a través de formularios de cotización, navegación intuitiva y estructura profesional adaptable a móviles.

🧩 Estructura del sitio web modular (no limitado a una sola página)

1. 🗺️ Sección Hero (impacto emocional inmediato)

• Imagen de fondo a pantalla completa: viaje icónico, playa paradisíaca, ciudad europea, montaña o personas viajando felices.

• H1 aspiracional:
  “Viaja más, preocúpate menos”

• Subtítulo:
  “Creamos experiencias únicas para que solo te ocupes de disfrutar.”

• Botones destacados:

  • “Cotiza tu viaje”

  • “Ver destinos” (ancla a sección intermedia)

2. 🌍 Sobre la Agencia

• Breve presentación: años de experiencia, destinos trabajados, filosofía de servicio.

• Imagen real del equipo o viajeros satisfechos.

• Frase emocional:
  “Tu próxima aventura comienza aquí.”

3. 📌 Destinos Destacados

• Grid visual o slider con tarjetas de destinos:

  • Caribe

  • Europa

  • Patagonia

  • Escapadas nacionales

  • Lunas de miel

• Cada tarjeta debe incluir:

  • Imagen de alto impacto

  • Nombre del destino

  • Duración estimada o temporada recomendada

  • Botón: “Ver detalles”

4. ✈️ Tipos de Servicio / Paquetes

• Mostrar con íconos o imágenes temáticas:

  • Viajes a medida

  • Todo incluido

  • Familiares

  • De negocios

  • Tours grupales

• Descripción breve + botón: “Solicita cotización”

5. 💬 Testimonios de Viajeros

• 2 o 3 reseñas reales, en carrusel o tarjetas:

  • Nombre, tipo de viaje, testimonio

  • Foto opcional del viaje o cliente

  • Frases ejemplo:

    • “¡Fue el viaje de mi vida!”

    • “Se encargaron de todo, hasta el último detalle.”

6. 🧭 Proceso de Viaje con Nosotros

• 4 pasos visuales con íconos:

  1. Te asesoramos

  2. Diseñamos tu viaje

  3. Hacemos las reservas

  4. ¡Tú solo haces la maleta!

• Microcopy empático en cada bloque

7. 🌄 Galería de Experiencias

• Carrusel visual o grid filtrable:

  • Fotos reales de viajeros y destinos

  • Momentos espontáneos, culturales y emocionales

  • Diversidad: familias, parejas, grupos, viajeros solos

8. 📩 Formulario de Cotización / Contacto

• Campos esenciales:

  • Nombre

  • Email

  • Teléfono

  • Destino deseado

  • Fecha estimada

  • Nº de personas

• Botón CTA: “Quiero cotizar mi viaje”

• Contacto visible: WhatsApp, redes, teléfono

9. 🕒 Ubicación y Horarios de Atención

• Dirección física (si aplica)

• Mapa embebido (Google Maps)

• Horarios semanales

• Iconos de contacto directo: WhatsApp, Facebook, Instagram

🎨 Paleta de colores sugerida para diseño inspirador

• Fondo base: #ffffff o #F3FAFF

• Secciones visuales suaves: #E6F7FF o #FEF9F3

• Botones principales / CTA:

  • Azul cielo: #3D9BE9

  • Naranja cálido: #F27A54

• Texto principal: #2C2C2C

• Texto secundario: #666666

• Botones secundarios: #FFB26B o #009688

✒️ Tipografía recomendada

• Títulos: Raleway, DM Sans, Poppins (estilo moderno, limpio y aspiracional)

• Texto base: Lato, Inter, Open Sans

• Botones CTA: Sans serif en caja alta, con contraste claro y buen padding

💡 UX/UI y SEO Consideraciones

• • • Navegación sticky con scroll anclado

    • Botón de CTA flotante (ej: “Cotiza tu viaje”)

    • Diseño mobile-first

    • Imágenes optimizadas sin sacrificar impacto visual

    • Alt text en fotos de destinos, clientes y experiencias

    • Estructura SEO local:

      • H1: “Agencia de viajes en [ciudad]”

      • H2: Destinos, Paquetes, Testimonios, Contacto

      • Microcopy persuasivo:

        • “Diseñamos el viaje que siempre soñaste”

        • “Tu tiempo libre, planeado por expertos”