Tulip Landcare: sitio web de paisajismo y panel de administración en una sola app
Tulip Landcare es una empresa contratista de paisajismo y espacios exteriores en Orange County, California. Reconstruimos desde cero su sitio de WordPress/Elementor como una sola app de Next.js: un sitio web público rápido y un panel de administración para leads (prospectos), cotizaciones, trabajos y facturas. Visita tuliplandcare.com.
El sitio de WordPress de una empresa de paisajismo, reconstruido en Next.js, con un panel para leads, cotizaciones, trabajos y facturas.
Lo que construimos
Migración de cada página desde WordPress/Elementor, conservando las URL originales
Mapa de redirecciones 301: cada URL antigua llega a su destino en un solo salto
Páginas de servicios y por ciudad, blog, datos estructurados y llms.txt
Formulario de cotización que primero guarda el lead y unifica las consultas repetidas
Next.js
PostgreSQL
Fly.io
El punto de partida
La empresa tenía un sitio de WordPress hecho con Elementor, con páginas de servicios y de ciudades que ya aparecían en búsquedas locales. La reconstrucción tenía que mantener esas URLs funcionando. También era la oportunidad de darle al equipo un solo lugar para manejar sus leads, desde la primera llamada hasta la factura final.
El sitio web público de paisajismo
Migramos el contenido, conservamos la estructura que ya funcionaba en los buscadores y reconstruimos todo lo que hay debajo.
Cada página del sitio anterior (textos, metadatos e imágenes) pasó a módulos de contenido tipados
Páginas de servicios, páginas por ciudad en sus URLs originales, un blog y un feed RSS
Un mapa de redirecciones 301 para que las URLs antiguas de WordPress lleguen a su destino en un solo salto; el sitemap solo incluye páginas activas
Datos estructurados de LandscapingBusiness, Service, FAQPage, BlogPosting y BreadcrumbList, más un resumen llms.txt para asistentes de IA
Un formulario de cotización que guarda el lead en la base de datos antes de enviar cualquier aviso, con campo trampa antispam (honeypot), límite de envíos y normalización de números de teléfono
El panel de administración
Tras iniciar sesión, el equipo tiene un panel pensado para la forma en que funciona una empresa de paisajismo. Las solicitudes repetidas desde el mismo teléfono o correo se unen en un solo lead, en lugar de crear duplicados.
Panel principal, leads y una cola de llamadas con tiempos de espera entre seguimientos
Reservas, cotizaciones, trabajos y facturas
Reseñas, campañas y plantillas de correo, y gasto en publicidad
Edición de contenido del blog, los servicios, los proyectos y las zonas de servicio
Bandeja de entrada, sesiones de chat, tareas y equipo
Paneles de SEO y visibilidad
Tecnología
Next.js y TypeScript con una base de datos PostgreSQL. La versión de producción funciona en Fly.io, y mantenemos una copia de vista previa en nuestro propio servidor.
¿Pueden reconstruir un sitio de WordPress sin perder posicionamiento en Google?
Nadie puede prometer posiciones, pero sí se puede evitar perder lo ganado. En este proyecto conservamos las URLs que ya se posicionaban, migramos los textos y los metadatos, y redirigimos cada URL antigua en un solo salto.
¿Por qué tener el sitio web y el panel en una sola app?
Una sola base de código significa un solo sistema de inicio de sesión, una sola base de datos y un solo lugar para corregir cosas. Los leads del formulario de cotización llegan directo al panel, sin plugins ni servicios de formularios de terceros de por medio.
¿Qué pasa cuando alguien envía el formulario de cotización?
Primero el lead se guarda en la base de datos y después se avisa al equipo. Si la misma persona vuelve a escribir con el mismo teléfono o correo, la nueva solicitud se une a su lead existente.
¿El sitio está alojado en sus servidores?
Hoy la versión de producción funciona en Fly.io. También tenemos una copia de vista previa en nuestro propio servidor.
