Puesta a punto del sitio actual · aeade.net

Que aeade.net se vea bien en cualquier pantalla

Revisamos el sitio actual de AEADE en teléfonos y tablets. Este documento muestra lo que hoy falla, cómo proponemos corregirlo sin rediseñar el sitio y el alcance del trabajo.

Cliente AEADE Sitio www.aeade.net Fecha Octubre 2026 Anchos revisados 390 · 768 · 1024 · 1440 px
01 · Resumen

En el teléfono, el sitio se rompe

El sitio está construido para escritorio y en pantallas pequeñas varios elementos se encogen o se superponen. Los problemas se repiten en todas las páginas porque nacen en la cabecera, el menú, el aviso de cookies y los estilos generales. Corregir esas piezas comunes resuelve buena parte de los defectos de una sola vez.

2
menús visibles a la vez en el teléfono; uno se sale de la pantalla
8 de 8
páginas internas revisadas con el menú encima del título
~50%
de la pantalla del teléfono queda cubierta por el aviso de cookies
2
páginas (Afiliados y Afíliese) que no terminaron de cargar en nuestras pruebas

Propuesta: corregir el sitio actual sobre su misma plataforma. Primero se arreglan los elementos comunes (menú, cabecera, pie, cookies y estilos) y después cada página. Todo se trabaja en un entorno de pruebas y se publica solo cuando AEADE lo aprueba.

Relación con el sitio nuevo. Esta corrección mejora la experiencia de inmediato, pero mantiene la base técnica actual (dos constructores de páginas y Slider Revolution), que limita cuánto se puede optimizar. Si AEADE decide avanzar pronto con el sitio nuevo, parte de este trabajo se reaprovecha: la auditoría, la optimización de imágenes, los textos alternativos y la corrección de textos.

02 · Evidencia

Cómo se ve hoy

Capturas tomadas el 6 de octubre de 2026 con un navegador Chrome, a 390 px de ancho (teléfono) y 768 px (tablet).

03 · Problemas globales

Lo que afecta a todo el sitio

Estos problemas viven en piezas compartidas, así que una sola corrección se refleja en todas las páginas.

Alta

Dos menús a la vez

En teléfono y tablet aparecen el ícono de menú y el menú horizontal de escritorio. Este último se corta a la derecha y se monta sobre el título de la página. El ícono de menú es gris claro y casi no se ve.

CorrecciónDebajo de 1024 px queda solo el ícono de menú, con buen contraste. Al tocarlo se abre un menú con submenús desplegables y áreas táctiles de 44 px.
Alta

Aviso de cookies invasivo

El aviso de cookies cubre cerca de la mitad de la pantalla del teléfono, con un texto largo y tres botones grandes.

CorrecciónBarra inferior compacta con texto corto y botones Aceptar, Rechazar y Preferencias en una línea, manteniendo el cumplimiento legal.
Alta

Zoom bloqueado

La página impide ampliar con dos dedos (user-scalable=no). Una persona con baja visión no puede leer los textos pequeños.

CorrecciónHabilitar el zoom. Es un cambio de una línea, sin efectos sobre el diseño.
Alta

Preloader que bloquea páginas

El tema muestra una pantalla de carga hasta que termina de cargar todo. En nuestras pruebas, Afiliados (299 logos) y Afíliese siguieron en blanco después de 40 segundos, tanto en móvil como en escritorio. Lo confirmaremos en dispositivos reales en la auditoría.

CorrecciónEliminar el preloader o limitarlo a 1 segundo, y cargar los logos de forma diferida, a medida que el usuario baja.
Media

Espacios vacíos y textos difíciles de leer

Las secciones conservan en el teléfono los márgenes pensados para escritorio, lo que deja huecos de media pantalla. Los párrafos están justificados, con espacios irregulares entre palabras, y muchos títulos están en gris claro.

CorrecciónEspaciados y tamaños de títulos que se adaptan al ancho de pantalla, texto alineado a la izquierda y colores con contraste AA.
Media

Pie de página

Texto gris pequeño y justificado sobre fondo negro, columnas que no se reordenan bien y botón de suscripción en inglés ("SUBMIT").

CorrecciónColumnas apiladas en orden lógico (contacto, suscripción, redes), texto legible y botón "Suscribirme".
Media

Botones y videos inconsistentes

Hay al menos cinco estilos de botón distintos, algunos demasiado pequeños para el dedo. Los videos de YouTube, el mapa de carga y el visor de anuarios no siempre se ajustan al ancho.

CorrecciónUn estilo de botón único con tamaño táctil mínimo, y contenedores responsivos para todos los contenidos embebidos.
04 · Página por página

Correcciones por página

Además de los arreglos globales, cada plantilla tiene sus propios ajustes.

PáginaQué falla en móvil o tabletCorrección
InicioSlider en blanco mientras carga. Indicadores en una columna larga (móvil) o desalineados (tablet), sin separador de miles. El carrusel de afiliados no aparece en tablet. No tiene título principal (H1).Versiones móviles de los slides con imagen de carga. Indicadores en 2 columnas (móvil) y 3 (tablet), con formato 75.337. Carrusel funcional en todos los anchos. H1 agregado.
Quiénes somosTexto de cabecera ilegible sobre la foto. Imágenes decorativas grandes sin contenido.Capa oscura detrás del texto e imágenes reducidas o retiradas en móvil.
Nuestros serviciosHuecos de media pantalla. Títulos partidos palabra por palabra en tablet. Erratas ("AEDE CAPACITA", "vehicuares").Espaciado adaptado, columnas que se apilan antes, erratas corregidas.
Homologación vehicularDiez íconos, uno por fila.Grilla de 2 columnas en móvil y 3 en tablet.
CombusplusImagen de cabecera recortada, ícono vacío, listas desalineadas.Cabecera adaptada, listas ordenadas, bloque destacado legible.
Finanplus · Estudio de motosEl contenido es solo una imagen, ilegible en un teléfono.Imagen adaptada y el mismo contenido como texto HTML.
Boletines de prensaTarjetas muy altas, imagen rota y botón de descarga diminuto en gris.Tarjetas compactas con miniatura, título y botón de descarga visible.
Anuarios20 portadas en una sola columna y visor que no termina de cargar.Grilla de 2 columnas en móvil y 4 en escritorio, con visor responsivo.
AfiliadosNo terminó de cargar en las pruebas (preloader con 299 logos).Sin preloader, grilla responsive, logos con carga diferida y nombre de cada empresa.
AfílieseNo terminó de cargar en las pruebas.Formulario a ancho completo con etiquetas visibles.
ContáctanosBloque oscuro de más de dos pantallas. Campos identificados solo por el texto dentro de la caja.Bloque compacto, etiquetas visibles en el formulario y mapa.
Aranceles · Mapa EV · Facturación · Informe macroPáginas simples con mapa o descarga que no siempre se ajustan.Plantilla común: título, texto breve, contenido responsivo y botón.
Aeade es miembro de · TemarioLogos de tamaños dispares y tarjetas de noticias sin grilla.Tamaños uniformes y tarjetas en grilla.
05 · Método

Cómo lo corregimos

Cada página se diseña y se prueba en tres rangos de pantalla:

360–767 px

Teléfono

Una columna, menú desplegable, botones táctiles y textos sin justificar.

768–1023 px

Tablet

Dos o tres columnas, menú desplegable y cabecera simplificada.

1024 px +

Escritorio

Diseño actual, con los ajustes de contraste y espaciado.

Respaldo, entorno de pruebas y auditoría

Copia completa del sitio, clon en un entorno de pruebas, actualización de plugins y lista priorizada de defectos por página.

Correcciones globales

Menú, cabecera, pie, cookies, zoom, tipografía, espaciados, botones y preloader.

Correcciones por página

Portada y las 17 páginas internas de la tabla anterior, más enlaces rotos, erratas y textos alternativos.

Rendimiento, pruebas y publicación

Imágenes optimizadas y caché. Pruebas en 7 anchos de pantalla y en dispositivos reales, revisión con AEADE, publicación e informe con el antes y después.

06 · Alcance

Qué incluye el trabajo

El servicio consiste en corregir la visualización y el funcionamiento del sitio actual www.aeade.net en teléfonos, tablets y escritorio, conservando su diseño general, su contenido y su plataforma.

Incluye

  • Respaldo completo, entorno de pruebas y actualización de tema y plugins.
  • Auditoría responsive de todas las páginas en 4 anchos de pantalla.
  • Menú móvil único, cabecera, pie de página, aviso de cookies y botón de WhatsApp.
  • Zoom habilitado, escala tipográfica, contraste AA, espaciados, botones unificados y contenidos embebidos responsivos.
  • Eliminación o ajuste del preloader.
  • Portada: versiones móviles de 3 slides, indicadores responsivos con formato correcto, carrusel de afiliados y H1.
  • Ajustes en 17 páginas internas, según la tabla de la sección 04.
  • Corrección de 2 enlaces rotos y de erratas, textos alternativos en 299 logos y actualización de indicadores.
  • Optimización de imágenes, caché y retiro de plugins duplicados o sin uso.
  • Pruebas en 7 anchos de pantalla, en dispositivos iOS y Android y en 4 navegadores.
  • Una ronda de revisión con AEADE, publicación e informe final con capturas y puntajes de PageSpeed antes y después.

No incluye

  • Rediseño visual, cambio de estructura del sitio o de la marca.
  • Redacción de contenido nuevo.
  • Páginas nuevas, como "Nuestro equipo". Los enlaces rotos se corrigen redirigiendo o retirando el ítem del menú.
  • Renovación de licencias de plugins de pago (por ejemplo, Slider Revolution) o del hosting.
  • Cambio de plataforma o de tema.
  • Mantenimiento posterior a la publicación.

Qué se requiere de AEADE

  • Acceso de administrador a WordPress, al hosting y a Google Analytics.
  • Una persona de contacto que apruebe los cambios.
  • Respuesta a la ronda de revisión en un máximo de 5 días hábiles.