Un catálogo fácil de recorrer
Páginas por marca y tipo de equipo, navegación por familias, carrusel de marcas y enlaces de contacto que conservan el contexto del servicio.
Sitio de negocio · Servicios técnicos
Multiservicios CRA
Del problema con un equipo al contacto con un especialista.
El contexto
Una necesidad real.
Una solución digital.
Multiservicios CRA ofrece reparación, mantenimiento e instalación de electrodomésticos. El sitio organiza los servicios para que una persona pueda encontrar su equipo, consultar la cobertura y explicar qué necesita antes de iniciar una conversación.
Una web estática en Astro, con contenido organizado por marca, familia y equipo. La identidad visual y los componentes compartidos mantienen una experiencia consistente. El contacto se concentra en un formulario que prepara la solicitud para WhatsApp.
Alcance del proyecto
Lo que hace
posible la plataforma.
Solicitudes con contexto
Formulario con validación de nombre, teléfono, equipo, municipio y descripción de la falla. Genera un mensaje para WhatsApp, con resumen editable y alternativa por correo.
Cobertura a la vista
Mapa interactivo de Guadalajara, Tlaquepaque, Zapopan y Tonalá con Leaflet y OpenStreetMap. La lista de municipios sigue disponible si el mapa no carga.
Una identidad consistente
Logo y recursos SVG, paleta de color, tipografía local y página de presentación de marca. Componentes reutilizables para las distintas páginas del sitio.
Pensado para el teléfono
Diseño adaptable, imágenes optimizadas, navegación por teclado y soporte para movimiento reducido. Contacto visible desde la portada y las páginas de servicio.
Una base ligera
Generación estática a partir de datos tipados, metadatos por página y pruebas de navegación, formularios y accesibilidad con Playwright y axe-core.
Tecnologías y arquitectura
La base detrás
de la experiencia.
Herramientas que forman parte de la implementación del proyecto.
- Web
- Astro · TypeScript · HTML · CSS
- Mapas
- Leaflet · OpenStreetMap
- Identidad
- SVG · Manrope Variable · Fontkit
- Calidad
- Astro Check · Playwright · axe-core · Prettier
- Arquitectura
- Páginas estáticas · Catálogo tipado · Componentes reutilizables
La solución en conjunto
Una presencia digital que presenta los servicios de CRA y prepara solicitudes con la información necesaria para iniciar la atención por WhatsApp o correo.
Proyecto preparado para publicación. El envío final lo realiza el visitante en WhatsApp o correo; el sitio no confirma citas automáticamente.