Voltair Ibiza

Contexto

Un instalador eléctrico y de aire acondicionado que trabaja en villas y apartamentos de lujo de Ibiza, con servicio de urgencias.

Quien busca este servicio en la isla suele hacerlo en inglés: propietarios extranjeros, gestores de villas, administradores. La web tenía que tratarlos como el público principal sin dejar de existir en español.

Enfoque

• Inglés canónico, español completo. El inglés vive en la raíz y es el idioma por defecto para los buscadores; el español va bajo /es/ con las URLs traducidas, no con el mismo slug prefijado. Cada página enlaza su gemela con hreflang recíproco.
• La urgencia tiene color propio. La marca es cobalto, tinta y papel. El ámbar se reserva solo para urgencias, que tienen página propia en cada idioma: así el aviso destaca porque nada más compite con él.
• Movimiento solo con CSS. Los revelados al hacer scroll usan animation-timeline: view() y la entrada del hero son keyframes. Cero kilobytes de JavaScript de animación, y todo se apaga con movimiento reducido.
• Un solo objetivo de conversión. “Enviar un mensaje” en la cabecera y en cada página, hacia un formulario con errores por campo, campo trampa y consentimiento.
• SEO local y búsqueda con IA. Datos estructurados de electricista con zona de servicio y catálogo, preguntas frecuentes, migas de pan y servicio por página, llms.txt y acceso explícito a los rastreadores de IA.

Trabajo realizado

• Arquitectura Astro estática con i18n por rutas y slugs traducidos, sin librería
• Sistema de diseño con Space Grotesk, Inter y JetBrains Mono, y el ámbar reservado a urgencias
• Dos islas Preact: menú móvil modal y barra de progreso
• Animaciones de scroll con CSS puro y prefers-reduced-motion respetado
• Formulario de contacto con validación accesible y envío por SMTP
• CSP con hashes de scripts, sin cookies ni almacenamiento local
• Datos estructurados, sitemap con alternativas por idioma e imágenes sociales generadas en el build
• Tests de datos estructurados, humo, accesibilidad con axe y regresión visual

Resultado

En producción sobre su dominio desde octubre de 2026. Una web que habla primero el idioma de quien contrata y que se mueve sin cargar una sola librería de animación.

Nota sobre el trabajo

Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.