En 2018, Artemóvil desarrolló la página web de Automoción Remeca sobre Joomla, una tecnología que entonces permitía construir una presencia digital completa, gestionable y adaptada a las necesidades del negocio.
Ocho años después, la evolución de los dispositivos móviles, los buscadores y los hábitos de los usuarios hacía recomendable una renovación más profunda que un simple cambio de imagen.
La nueva web de Automoción Remeca conserva la identidad y la trayectoria del taller, pero reorganiza por completo la forma de presentar sus servicios. El resultado es un sitio más moderno, dinámico y fácil de utilizar, construido con una base técnica más ligera y preparado para desarrollar una estrategia continuada de SEO local.
Ficha del proyecto
- Cliente
- Automoción Remeca
- Sector
- Taller mecánico multimarca
- Ubicación
- Puebla de la Calzada (Badajoz)
- Actividad desde
- 1996
- Web anterior
- Joomla, desarrollada por Artemóvil en 2018
- Tecnología actual
- HTML5 semántico, CSS y JavaScript, sin frameworks
- Datos estructurados
- AutoRepair, LocalBusiness, WebSite y FAQPage
Una renovación que va más allá del diseño
El objetivo no era modificar únicamente colores, fotografías o tipografías. La renovación debía transformar la web en una herramienta capaz de explicar mejor la actividad del taller, responder a las dudas habituales de los conductores y facilitar el contacto desde cualquier dispositivo.
La nueva página presenta desde el primer momento la información fundamental: Automoción Remeca es un taller mecánico multimarca situado en Puebla de la Calzada, con actividad desde 1996 y servicios de mantenimiento, diagnosis y reparación integral de vehículos.
Este planteamiento elimina ambigüedades y permite que tanto el visitante como los buscadores identifiquen rápidamente la actividad, la ubicación y la especialización de la empresa.
- 1996El taller
Comienza la actividad de Automoción Remeca en Puebla de la Calzada. La mecánica del vehículo todavía era, sobre todo, mecánica.
- 2018Primera web, sobre Joomla
Artemóvil desarrolla su presencia digital con un gestor de contenidos: plantilla, extensiones y actualizaciones propias del sistema.
- 2026Desarrollo HTML5 a medida
Renovación completa: nueve páginas de servicio, área de consejos, contacto directo, accesibilidad y una arquitectura pensada para el SEO local.
Un diseño más moderno y vinculado al sector de la automoción
La nueva imagen visual combina fondos azul oscuro y negro con acentos azules y cian, una paleta asociada a la tecnología, la precisión y la diagnosis electrónica. El diseño utiliza grandes espacios, tipografías de alta legibilidad, composiciones a pantalla completa y elementos gráficos inspirados en cuadros de control, sistemas mecánicos y procesos técnicos.
La cabecera incorpora una secuencia de cinco imágenes relacionadas con diferentes áreas del taller. Sobre ellas se sitúa un mensaje directo, la localización del negocio y los accesos para pedir cita o contactar por WhatsApp. El dinamismo se desarrolla mediante recursos como:
- Transiciones progresivas al desplazarse por la página.
- Indicadores animados para las cifras principales.
- Una composición orbital para organizar los servicios.
- Un proceso interactivo con las fases de cada intervención.
- Preguntas frecuentes desplegables.
- Filtros y ordenación en el área de consejos.
- Efectos gráficos y lineales integrados en la identidad.
Las animaciones se utilizan para organizar la información y dirigir la atención, no como elementos decorativos independientes. Además, la web contempla las preferencias de quienes han configurado la reducción de movimiento en su dispositivo: el contenido se lee igual, sin movimiento.
Nueve áreas de trabajo, nueve páginas
Uno de los principales cambios es la reorganización de los contenidos. La navegación principal permite acceder a la información corporativa, los servicios, los vehículos de ocasión, los consejos y el contacto. El menú de servicios despliega directamente las nueve áreas de trabajo:
Cada servicio dispone de su propia página y no queda reducido a una breve referencia dentro de la portada. De esta forma, el usuario puede localizar exactamente la información que necesita sin recorrer contenidos que no están relacionados con su consulta.
Las rutas de navegación, los enlaces entre servicios y el buscador interno ayudan a orientarse incluso en una web con un volumen de información considerablemente mayor que el de la versión anterior.
Instalación de Joomla
- Plantilla, extensiones y actualizaciones propias del gestor de contenidos.
- Los servicios se resolvían dentro de un número reducido de páginas.
- Sin área de consejos: ninguna vía para responder a las dudas de los conductores.
- Contacto disponible, pero no resuelto como un recorrido en sí mismo.
Desarrollo HTML5 a medida
- HTML5 semántico, CSS y JavaScript, sin frameworks visuales ni librerías generales.
- Nueve páginas de servicio, cada una con su título, su jerarquía y su URL.
- Área de consejos con dieciséis artículos, buscador, categorías y filtros.
- Ocho vías de contacto visibles, con formulario específico de solicitud de cita.
Cambia de pestaña para comparar las dos versiones. El cambio de imagen es lo primero que se ve; el cambio de arquitectura es lo que sostiene el proyecto.
Una web pensada para facilitar el contacto
La usabilidad no depende únicamente de que el menú sea comprensible. Una web empresarial debe reducir los pasos necesarios para que el visitante pueda realizar una acción. Por este motivo, la nueva página incorpora accesos visibles y funcionales a:
- Llamada telefónica directa.
- Conversación por WhatsApp.
- Formulario de solicitud de cita.
- Correo electrónico.
- Ubicación en Google Maps.
- Indicaciones para llegar al taller.
- Horario actualizado.
- Consulta de vehículos de ocasión.
El formulario permite indicar la marca y el modelo del vehículo, la matrícula, el motivo de la consulta, la forma de contacto preferida y una descripción de los síntomas. Esta información ayuda a que el taller reciba una consulta más completa antes de examinar el vehículo.
En dispositivos móviles se mantienen disponibles las vías de contacto principales, evitando que el usuario tenga que copiar teléfonos, buscar la dirección o recorrer la página para solicitar una cita. Es el mismo planteamiento que aplicamos cuando una web recibe visitas pero no genera contactos.
Contenidos más completos y útiles
La renovación ha supuesto también una ampliación considerable de los textos. La web explica qué hace Automoción Remeca, cómo trabaja y qué puede esperar el cliente antes, durante y después de una intervención.
Se han desarrollado contenidos específicos sobre mantenimiento preventivo, reparaciones mecánicas, diagnosis electrónica, seguridad, neumáticos, climatización, pre-ITV, carrocería, pintura y vehículos de ocasión.
La página dedicada al taller presenta su trayectoria desde 1996, sus aproximadamente 900 m² de instalaciones y la evolución técnica necesaria para trabajar con vehículos que combinan mecánica, electrónica, sensores y sistemas de seguridad. También se explica el proceso de trabajo en cinco fases:
- Escuchar. La información que aporta el cliente es el primer dato de la diagnosis: cuándo aparece el síntoma, en qué condiciones y desde cuándo.
- Comprobar. Revisión del vehículo para contrastar lo descrito con lo que muestran los sistemas.
- Informar. Explicación de la intervención recomendada antes de ejecutarla.
- Realizar. Ejecución del trabajo acordado.
- Verificar. Comprobación del resultado antes de devolver el vehículo.
Esta estructura convierte cuestiones técnicas en información comprensible y refuerza la transparencia del servicio.
Fotografías y recursos visuales tratados con transparencia
La nueva web combina fotografías reales de las instalaciones con imágenes ilustrativas del sector de la automoción. Cuando una imagen no corresponde directamente al taller, la página lo indica expresamente.
Esta diferenciación evita presentar fotografías genéricas como si fueran instalaciones o trabajos reales. Al mismo tiempo, las imágenes propias del taller permiten mostrar su espacio, su actividad y su capacidad de trabajo.
Todas las imágenes cuentan con textos alternativos descriptivos y se sirven en diferentes tamaños según el dispositivo. También se utilizan formatos actuales como WebP y carga diferida en los elementos que no aparecen inicialmente en pantalla.
Una arquitectura preparada para el SEO local
La optimización para buscadores comienza en la propia estructura de la web. En lugar de concentrar todos los servicios en una única página, cada área dispone de una URL específica, un título propio, una jerarquía de encabezados y contenidos relacionados con las necesidades del usuario.
La localización «Puebla de la Calzada» se integra de manera natural en títulos, textos, información de contacto y datos estructurados. Esto permite asociar claramente los servicios del taller con su ámbito geográfico, algo esencial para búsquedas locales como:
- Taller mecánico en Puebla de la Calzada.
- Mecánica multimarca en Vegas Bajas.
- Chapa y pintura en Puebla de la Calzada.
- Diagnosis electrónica de vehículos.
- Revisión pre-ITV cerca de Puebla de la Calzada.
- Cambio de neumáticos y alineación.
- Reparación del aire acondicionado del coche.
Indexación y rastreo
- Títulos y descripciones diferenciados.
- URLs legibles.
- Etiquetas canónicas.
- Sitemap XML y control de rastreo.
Datos estructurados
AutoRepair.LocalBusiness.WebSite.FAQPage.
Distribución del contenido
- Una página por servicio.
- Jerarquía de encabezados coherente.
- Enlazado interno entre consejos y servicios.
- Metadatos para redes sociales.
Estos elementos no garantizan por sí solos una determinada posición en Google, pero proporcionan una base técnica y semántica mucho más adecuada para que los buscadores puedan rastrear, interpretar y clasificar el sitio. Si quieres profundizar en este punto, explicamos con detalle cuánto tarda el SEO en funcionar y por qué no debe prometerse un resultado inmediato.
Una estrategia de contenidos para seguir creciendo
Otro de los cambios más relevantes es la creación de un área de consejos con dieciséis artículos sobre mantenimiento, mecánica y seguridad.
Entre los temas desarrollados se encuentran los testigos del cuadro, las señales que aconsejan revisar el vehículo, el desgaste de los neumáticos, la preparación para la ITV, los síntomas de un embrague deteriorado, los ruidos al frenar, las vibraciones en el volante o las comprobaciones recomendables antes de un viaje largo. Estos contenidos cumplen varias funciones:
- Responden a preguntas reales de los conductores.
- Amplían el número de búsquedas en las que puede aparecer la web.
- Refuerzan la relación temática con las páginas de servicios.
- Generan enlaces internos hacia las áreas comerciales.
- Permiten publicar nuevos contenidos estacionales.
- Refuerzan la especialización del taller.
El buscador, las categorías y los filtros permiten consultar esta información por mantenimiento, mecánica, seguridad, neumáticos, electricidad, climatización, ITV o vehículos de ocasión.
Desarrollo HTML5 a medida y una base técnica más ligera
La antigua instalación de Joomla ha sido sustituida por un desarrollo frontend basado en HTML5 semántico, CSS personalizado y JavaScript. No se han utilizado frameworks visuales o librerías generales que añadan componentes innecesarios.
Esta solución reduce la dependencia de plantillas, extensiones y actualizaciones propias de un gestor de contenidos. También permite controlar con mayor precisión la estructura de cada página, la adaptación responsive, las animaciones y el comportamiento de los elementos interactivos. Para favorecer la carga se han aplicado, entre otras, estas medidas:
- Imágenes adaptadas a diferentes resoluciones.
- Formato WebP junto con alternativas compatibles.
- Carga diferida de imágenes secundarias.
- Priorización de la primera imagen de la cabecera.
- Carga aplazada de los archivos JavaScript.
- Tipografías optimizadas.
- Código semántico y jerarquizado.
- Ausencia de librerías externas para las animaciones.
No se ofrecen cifras de velocidad sin una medición comparativa, pero la nueva arquitectura reduce dependencias y proporciona una base más apropiada para trabajar el rendimiento y las métricas Core Web Vitals.
Responsive y accesible desde el planteamiento inicial
La web se adapta a escritorio, portátil, tableta y teléfono móvil. Las columnas se reorganizan, las tarjetas cambian de distribución, el menú se convierte en navegación móvil y los botones mantienen dimensiones adecuadas para su uso táctil. También se han incorporado medidas de accesibilidad como:
- Enlace para saltar directamente al contenido.
- Navegación mediante teclado.
- Estados de foco visibles.
- Etiquetas asociadas a los campos de formulario.
- Atributos que describen menús y elementos interactivos.
- Contraste entre textos y fondos.
- Alternativas para quien prefiere reducir las animaciones.
- Organización semántica del documento.
La accesibilidad no se ha tratado como un añadido posterior, sino como parte de la estructura y del funcionamiento general del sitio.
Privacidad, seguridad y cumplimiento legal
La nueva web integra aviso legal, política de privacidad, política de cookies y un sistema para configurar el consentimiento. El formulario exige la aceptación de la política de privacidad y dispone de medidas de comprobación destinadas a reducir envíos automatizados.
La conexión utiliza HTTPS y los enlaces externos, como WhatsApp o Google Maps, se abren aplicando medidas de seguridad adecuadas. Sobre este punto puedes consultar nuestro artículo sobre cookies y RGPD en webs de pymes.
Un proyecto preparado para continuar evolucionando
La publicación de la nueva web no debe entenderse como el final del trabajo. La arquitectura desarrollada permite ampliar servicios, incorporar nuevos vehículos de ocasión, publicar consejos y analizar el comportamiento de las diferentes páginas mediante herramientas de medición y Search Console.
El posicionamiento orgánico necesitará seguimiento, indexación, contenidos periódicos y revisión de las consultas que realmente utilizan los usuarios. La diferencia es que Automoción Remeca dispone ahora de una base técnica, visual y editorial preparada para desarrollar ese crecimiento.
Renovar una web antigua no obliga a renunciar a la identidad del negocio. La de Automoción Remeca muestra cómo una página creada años atrás puede evolucionar sin perder ni su trayectoria ni su personalidad.
Diseño web para talleres mecánicos en Badajoz
En Artemóvil hemos trabajado la arquitectura, el diseño web profesional, el desarrollo HTML5, la adaptación móvil, la experiencia de usuario y la optimización SEO como partes de un mismo proyecto, no como servicios sueltos que se contratan por separado.
El resultado es una web más clara, actual y útil para el cliente, pero también una plataforma preparada para que Automoción Remeca continúe construyendo visibilidad digital en Puebla de la Calzada y en su entorno. Si tu negocio es del sector, puede interesarte nuestra guía sobre diseño web para talleres mecánicos en Badajoz.
Si tu empresa mantiene una web antigua, utiliza una tecnología desactualizada o no explica correctamente sus servicios, puedes solicitar una auditoría SEO inicial gratuita o contactar con Artemóvil para estudiar su renovación.
¿Tu web sigue funcionando con la tecnología de hace ocho años?
Analizamos la estructura, los contenidos y la base técnica de tu página actual y te decimos qué conviene conservar y qué hay que rehacer.
Preguntas frecuentes sobre la renovación de la web de un taller
¿Por qué sustituir una web hecha con Joomla por un desarrollo a medida?
Un gestor de contenidos aporta comodidad de edición, pero también arrastra plantilla, extensiones y un ciclo de actualizaciones propio. Cuando la web es sobre todo corporativa, un desarrollo en HTML5, CSS y JavaScript reduce esas dependencias y permite controlar con precisión la estructura, la adaptación móvil y las animaciones.
¿Una web nueva mejora automáticamente el posicionamiento en Google?
No. Una base técnica y semántica correcta facilita que los buscadores rastreen, interpreten y clasifiquen el sitio, pero el posicionamiento depende también de la competencia, la autoridad del dominio, los contenidos y el trabajo continuado. Prometer una posición concreta no es serio.
¿Para qué sirve tener una página por cada servicio del taller?
Para que cada área pueda explicarse con detalle y responder a una búsqueda distinta. Quien busca una revisión pre-ITV no necesita lo mismo que quien busca chapa y pintura o una avería de aire acondicionado. Además, el usuario llega directamente a lo que le interesa.
¿Qué son los datos estructurados y qué aportan a un taller mecánico?
Son un marcado adicional que describe la actividad en un formato que los buscadores entienden. En esta web se utilizan AutoRepair, LocalBusiness, WebSite y FAQPage: identifican el tipo de negocio, su ubicación y sus horarios, y permiten que las preguntas frecuentes puedan mostrarse en los resultados.
¿Qué aporta un área de consejos a la web de un taller?
Responde a las dudas reales de los conductores, amplía el número de búsquedas en las que la web puede aparecer y genera enlaces internos hacia las páginas de servicio. También refuerza la especialización del taller ante quien todavía no lo conoce.
¿Qué pasa si el usuario ha pedido reducir las animaciones en su dispositivo?
La web lo respeta. Cuando el sistema indica la preferencia de movimiento reducido, las animaciones se desactivan y los bloques quedan en su estado final, visible y legible. El contenido se lee exactamente igual, sin desplazamientos ni transiciones.