Pinceles y Acrílico: landing para estudio de uñas
Proyecto web enfocado en conversión para negocio local. Se diseñó una landing clara con secciones de servicios, galería filtrable, testimonios y contacto, manteniendo carga rápida y SEO local básico.
Reto
El estudio necesitaba presencia digital simple, rápida y fácil de actualizar, con foco en reservas por WhatsApp sin backend complejo.
Solución
Se construyó una landing estática en Astro con contenido estructurado por archivos de datos, CTAs directos a wa.me, SEO técnico básico y despliegue en Netlify con headers de seguridad.
Resultados
- - Presentación clara de servicios, galería y testimonios en una sola experiencia
- - Mejora del canal de conversión a citas mediante botones de WhatsApp
- - Mantenimiento simple para actualizar precios, fotos y categorías
- - Buen rendimiento por arquitectura estática y carga diferida de galería
Ficha técnica del sistema
Resumen
Landing estática de una página para el estudio de uñas Pinceles y Acrílico, enfocada en mostrar servicios/portafolio y convertir visitas en citas por WhatsApp.
Qué problema resuelve
- - Crear presencia digital profesional sin complejidad de backend
- - Estandarizar cómo se presenta oferta, galería, reseñas y contacto
- - Facilitar conversión rápida a reserva vía WhatsApp
- - Permitir mantenimiento de contenido por archivos de datos
Stack y tecnologías
- - Astro 5
- - Tailwind CSS v4
- - TypeScript
- - @tailwindcss/vite
- - @lucide/astro
- - Netlify
Cómo está organizado
- - src/pages/index.astro: composición de secciones
- - src/layouts/MainLayout.astro: SEO, OG/Twitter, JSON-LD, header y footer
- - src/components: Hero, Services, Gallery, Reviews, MapSection
- - src/config/site.ts: configuración central del negocio
- - src/data: servicios, categorías, galería y reseñas
- - src/styles/main.css: tema visual y utilidades
Flujo principal
- - Usuario recorre una landing de una sola página
- - Explora servicios, trabajos y reseñas
- - Filtra galería por categoría con carga diferida
- - Llega a CTA de reserva y abre wa.me con mensaje prellenado
Módulos clave
- - Header: menu responsive y CTA fijo a WhatsApp
- - Hero: propuesta de valor y acción principal
- - Services: catálogo desde data estructurada
- - Gallery: filtros + IntersectionObserver
- - MapSection: contacto, mapa, redes y CTA
Fortalezas
- - Sitio estático rápido y robusto para negocio local
- - Edicion de contenido simple y centralizada
- - Base SEO técnica completa para una landing
- - Despliegue y seguridad basica bien resueltos
Riesgos / deuda técnica
- - Dependencia total de WhatsApp como canal de conversión
- - Sin backend propio para analítica de conversión interna
- - Sitemap/robots en public requieren mantenimiento manual
- - Sin variables de entorno ni flags para configuraciones por ambiente
¿Tienes un sistema que necesitas construir o mejorar?
Te ayudo a convertir tu necesidad en una solución técnica sólida, mantenible y alineada al negocio.