Las Web de las marcas a examen: PSA Peugeot Citroën

by Delco on 17 marzo, 2016
Analizamos las páginas Web de Citroën, Peugeot y DS

Los fabricantes de automóviles dedican importantes recursos económicos para llegar al mayor número posible de clientes potenciales. En la era de Internet la herramienta de comunicación con terceros más conocida por el gran público es la página Web. Las marcas emplean la Web para ofrecer información a clientes, accionistas y proveedores. En la actualidad el papel de las páginas Web es más importante que la visita al concesionario en el proceso de compra. En este trabajo se analiza, desde un punto de vista técnico y funcional, hasta qué punto las Web de los fabricantes son útiles para encontrar información y la calidad de esta.

Existen casi tantos enfoques de páginas Web como número de fabricantes; con independencia de la creatividad empleada, los objetivos son distintos para marcas generalistas, premium y de lujo. No obstante hay una serie de características y rasgos comunes, que permiten homogeneizar la mezcla. Por un lado está la agilidad de la página, por otro la oferta de información, y finalmente el configurador, que requiere un artículo aparte.

Comenzamos con el Grupo PSA, que a efectos de este estudio puede considerarse un grupo de tipo medio: dos marcas generalistas (Citroën y Peugeot) y una premium (DS).

Las Web en datos del Grupo PSA

En este apartado se evalúan datos que dan idea de la agilidad de la página, obtenidos con herramientas de simulación que no dependen de la plataforma informática empleada para ello. Algunos valores absolutos no son relevantes y han de tomarse como mera referencia; las cifras serán distintas en mayor o menor medida para cada usuario y equipo empleado para visualizar la Web, tanto de escritorio como móvil.

La simulación contempla los datos de la primera visita a los respectivos sitios Web, con una conexión estándar DSL de 10 Mb., bajo las condiciones siguientes:

  • Escritorio: navegador Chrome
  • Apple: versión 9 de iOS, el navegador por defecto y un terminal iPhone 5C
  • Android: terminal Nexus 7 con navegador Chrome

Los resultados obtenidos son los siguientes:

Citroën Escritorio iOS Android
Peso de la página (KB) 2.939 2.100 2.810
Tiempo de carga primer byte (s) 2,225 2,376 4,536
Inicio del render de la página (s) 8,143 8,200 9,671
Tiempo total de carga (s) 18,717 16,632 22,431
Nivel de complejidad 194 112 143

 

Peugeot Escritorio iOS Android
Peso de la página (KB) 3.463 1.114 3.157
Tiempo de carga primer byte (s) 0,542 1,296 0,945
Inicio del render de la página (s) 3,414 6,283 5,011
Tiempo total de carga (s) 19,997 14,256 37,990
Nivel de complejidad 324 197 325

 

DS Escritorio iOS Android
Peso de la página (KB) 6.305 5.072 6.139
Tiempo de carga primer byte (s) 1,062 1,681 1,199
Inicio del render de la página (s) 4,721 4,345 5,711
Tiempo total de carga (s) 37,233 31,793 38,118
Nivel de complejidad 78 50 78
  • Peso de la página: tamaño de descarga (Kilobyte). A mayor número mayor consumo de datos
  • Tiempo de carga primer byte: Intervalo entre la petición realizada y la primera respuesta del servidor
  • Inicio del render de la página: intervalo de tiempo entre petición y representación en pantalla de los elementos Web
  • Tiempo total de carga: intervalo entre primera petición y descarga completa de la página, incluidos elementos que se cargan en segundo plano y no son visibles en primera instancia
  • Nivel de complejidad: medido por el número de elementos de la página (textos, imágenes, animaciones, etc.)

Resultados cuantitativos

  • Si bien la página de Citroën es la más ligera en cuanto a tamaño, su carga parece más lenta por el tiempo que tenemos la “pantalla en blanco” (desde que enviamos la petición al servidor hasta que vemos la primera pantalla cargada)
  • En términos de rapidez de respuesta, Peugeot se lleva la palma a pesar de ser la más compleja. La primera pantalla es muy rápida
  • La Web de DS es la más glotona por consumo de datos, a pesar de contar con menos elementos. Esto se debe a las imágenes, cuyo peso es: 87,4 % escritorio, 89,3 % iOS y 87,6 % en Android

Mas allá de la simulación y empleando mi equipo de trabajo habitual (PC con Linux, Tableta con Android 4.2 y smartphone con Android 5.0, los tres con navegador Firefox), la experiencia real es muy parecida a los resultados de las tablas: la página de Citroën ha sido la más lenta durante las horas que he experimentado con ella (puede ser un problema puntual del servidor, consecuencia del peso extra de la promoción comercial de estos días, o un defecto estructural del sitio). La Web de Peugeot se ha revelado como la más ágil y driveds.es obtiene el mejor compromiso entre contenidos y rendimiento.

Webs del Grupo PSA: análisis cualitativo

Los tres sitios Web del Grupo PSA están en español y han sido diseñados de forma que se adaptan a distintos tamaños de pantalla, tanto de sobremesa como móviles.

Web de Citroën

Citroën

La página Web de Citroën está en estos momentos fuertemente marcada por una promoción comercial, que muestra en secuencia automática rápida turismos y vehículos industriales de la marca, la promoción equivalente de DS y la del modelo 100% eléctrico C-ZERO. Como los colores vinculados a cada uno de estos grupos es distinto, el resultado resulta algo chocante y poco estético.

En la parte superior del sitio Web encontramos, a la izquierda, el botón “home” y el nombre de la página. A su derecha un pequeño menú secundario donde se encuentran controles para acceder a información relacionada con la red oficial en España de la marca. A la derecha de este elemento está el logotipo de Citroën. Inmediatamente debajo del menú secundario encontramos el principal, donde algunos ítem otorgan acceso a otros submenús. El primer detalle que salta a la vista cuando esta es capaz de obviar el efecto hipnótico del pase de imágenes, es la insistencia en las distintas promociones, al punto de estar duplicadas.

Bajo el pase de imágenes hay un tercer menú, esta vez gráfico con desplazamiento horizontal, en el que se insiste en diversas promociones, desde las ya vistas hasta de neumáticos. El elemento de este menú que da acceso a la petición de cita previa es el más escondido. Por si eran pocos, hay un cuarto menú, esta vez vertical, que da acceso al configurador y otros elementos comerciales. En la primera carga de la página se muestra en forma de banda horizontal el aviso sobre cookies, que sin ser discreto, no es tan molesto como en otros casos que veremos.

Navegando por la página se descubre que el contenido verdaderamente interesante está tapado bajo tanta ruidosa promoción: Citroën Asistencia, Búsqueda de punto de venta, FAQ, Blog, redes sociales y otros no menos interesantes, como no, ¡en otros menús! Más escondido aún está el teléfono de atención al cliente y todavía más la información legal (sí, en otro menú), tan farragosa e infumable como en la mayoría de sitios Web grandes (Tratamiento de datos, Protección de datos, Nota legal y Cookies).

La información sobre los distintos modelos es correcta, con un enfoque más cualitativo que cuantitativo. Se acompaña de imágenes con tamaños variables (desde medianas a grandes), y en ocasiones se integra también vídeo (alojado en el canal de la compañía en YouTube). En cuanto a las imágenes, se ofrecen tanto fotografías de estudio de buen tamaño y calidad (sin referencia a otros objetos), como otras de los diversos modelos integrados en un entorno. Destacan por calidad las integradas en las galerías.

A continuación podéis ver una tabla que sintetiza las características de la página Web oficial de Citroën España.

www.citroen.es
Diseño responsive (adaptado a móviles)
En español
Accesibilidad general a la información Mal
Acceso a modelos Bien
Acceso a manuales Mal
Acceso concesionarios Mediante buscador
Información legal Escondida
Hojas de rescate (*)
Contenidos extra Historia
Newsletter
Blog
Ofertas de trabajo No
Información deportiva
Calidad de imágenes Bien
Tamaño de imágenes Bien
Vista 3D
Buscador interno Regular
Integración redes sociales Regular
Descarga multimedia No
Otras descargas Fichas técnicas y catálogos de accesorios
Tienda (merchandising) No
Tratamiento de promociones Muy agresivo
Información corporativa No
(*) Fichas normalizadas con información del
vehículo

La percepción general del sitio Web de Citroën España es de caos de organización, falta de coherencia y con un enfoque comercial muy agresivo, que llega a resultar molesto, teniendo en algunos aspectos tintes de mercadillo. La aspiración de vender es legítima, pero cuando se hace con clase el resultado puede ser mejor. Tampoco resulta agradable la cantidad de controles que se abren en otra instancia del navegador; en unos minutos puedes tener la pantalla llena de pestañas. No se puede decir que la información sea incompleta, pero resulta poco intuitivo, cuando no farragoso, el acceso a determinadas secciones. Todo lo comentado es sobre la versión de escritorio, en un dispositivo móvil es todavía peor.

Web de Peugeot

Peugeot

El sitio Web de Peugeot España es un buen ejemplo de hasta qué punto pueden ser distintos dos hermanos. Tiene en común con la Web anterior algunos de los ítem principales del menú general, la red comercial y cómo acceder a ella. También dispone de “pase de diapositivas” –menos agresivo– y más de un menú. Aquí se acaban las similitudes, porque la gran diferencia a favor del sitio Web de Peugeot España es la coherencia de la página a nivel de gráfico, así como la disposición racional de todos sus elementos.

En la versión de escritorio todo está a un golpe de vista: Menú general, acceso inmediato a los distintos modelos, información complementaria en un estético menú gráfico, información legal a la vista, integración con redes sociales discreta pero visible, y otros contenidos reunidos bajo el ítem: “Enlaces útiles”, agrupados de forma adecuada y visualmente bien destacados. La Web de Peugeot puede resultar más o menos atractiva en función del gusto de cada usuario, pero lo que no cabe duda es que, como herramienta, está bien pensada.

A título de ejemplo sobre hasta qué punto se ha cuidado el diseño y disposición de contenidos, está el epígrafe “nota legal“. Contiene los mismos términos farragosos y casi sólo apto para abogados de casi todos los sitios afines, pero bien organizado, con una presentación estética y racionalmente dispuesta, que permite encontrar aspectos individuales de forma precisa.

En la versión móvil de Peugeot.es no caben tantas cosas, sin embargo el espíritu de trabajo coherente y bien hecho continúa; resulta agradable e intuitivo navegar por el sitio incluso con smartphones de pantalla pequeña.

Vamos con la tabla sintetizada de características de la página Web oficial de Peugeot España.

www.peugeot.es
Diseño responsive (adaptado a móviles)
En español
Accesibilidad general a la información Excelente
Acceso a modelos Excelente
Acceso a manuales No
Acceso concesionarios Mediante buscador y código postal
Información legal Visible y bien organizada
Hojas de rescate (*) No
Contenidos extra No
Newsletter
Blog No, aunque cuenta con servicio de noticias
Ofertas de trabajo No
Información deportiva
Calidad de imágenes Bien
Tamaño de imágenes Regular
Vista 3D No
Buscador interno No
Integración redes sociales Bien
Descarga multimedia No
Otras descargas Catálogos de accesorios
Tienda (merchandising) No
Tratamiento de promociones Racional
Información corporativa No
(*) Fichas normalizadas con información del
vehículo

Web de DS

DS

El último miembro de la familia PSA es la marca premium DS, que tiene su propio sitio Web, aunque es accesible de forma directa o indirecta desde la página de Citroën (al menos en cuanto a promociones). En el sitio de DS Automóviles prevalecen los tonos oscuros, casi negros. En algunas imágenes, en especial la primera que aparece en el pase automático, la idea de que el negro está asociada al lujo se lleva a tal extremo que el resultado es similar a contemplar la pelea de dos ninjas, en un túnel sin iluminar, por una onza de chocolate: se pierde detalle entre tanta oscuridad. La implementación móvil peca de lo mismo.

Al margen de la elección por el color, la Web de DS es sencilla, con un menú básico que permite el acceso directo a su exigua gama. El diseño del sitio adolece de cierta incoherencia entre secciones negras como la noche y otras de blanco níveo. Da la sensación de no estar terminada (y si lo está, le falta algo más que un hervor). Además del acceso directo a los modelos, ofrece contenido interesante en el pequeño menú secundario de tres ítem: “inside”, “connect” y “servicios”.

El reclamo publicitario “Te llamamos gratis”, en forma de un banner que se puede ocultar, tiene el comportamiento de un niño travieso. Bien está que aparezca al cargar la página, pero si el usuario decide ocultarlo no tiene por qué volver a aparecer cada vez que saltamos de menú. Si es un fallo de programación, capón para el padre del código. Si es idea del departamento de marketing: ¡sois muy pesados! O somos premium o no lo somos; tanto llamar gratis baja el listón de imagen de la marca.

Como el sitio no da mucho más de sí, aquí está la tabla resumen de características:

www.dsautomóviles.es
Diseño responsive (adaptado a móviles)
En español
Accesibilidad general a la información Bien
Acceso a modelos Excelente
Acceso a manuales No
Acceso concesionarios Regular
Información legal Escondida
Hojas de rescate (*) No
Contenidos extra Sí, Historia
Newsletter
Blog No
Ofertas de trabajo No
Información deportiva No
Calidad de imágenes Bien
Tamaño de imágenes Bien
Vista 3D No
Buscador interno
Integración redes sociales Escasa
Descarga multimedia No
Otras descargas No
Tienda (merchandising) No
Tratamiento de promociones Discreta
Información corporativa No
(*) Fichas normalizadas con información del
vehículo

 

Conclusiones del análisis cualitativo

Hablando estrictamente en términos de diseño Web, organización y como herramienta para el usuario, la página de Peugeot España gana por goleada a sus hermanas. En cuanto a riqueza de contenidos la de Citroën es más completa. Tanto los sitios de Citroën como DS adolecen de un fuerte sesgo comercial que, en el caso de la primera es excesivo y en la marca premium poco adecuado.

Web de PSA Internacional

En cuanto a la información corporativa, sucede en estos tres casos lo mismo que en otros grupos, existe un portal específico para este fin. El Grupo PSA tiene una página Web internacional, en inglés y francés, con información sobre responsabilidad social corporativa, información financiera, cotización de las acciones, etc. Existe también un sitio español, centrado en torno a la fábrica de PSA en Villaverde (Madrid), y otro dedicado al centro de Vigo. Ambos sitios españoles informan fundamentalmente acerca de las fábricas, pero falta información que solo está en el portal internacional.

  • Oliver

    No uso las web de los fabricantes para otra cosa que no sea el configurador (me gusta trastear en ellos, viendo las diferencias entre los diferentes acabados o el aspecto del coche con este o aquel color o cambiándole las llantas), y las web de PSA digamos que me parecen bastante mejorables. Es muy complicado informarse de las diferencias de equipamiento entre versiones, las fotografías aparecen muy pequeñas (tanto las exteriores como las interiores), de escasa definición y su visión nos obliga a entrar y salir de ventanas emergentes; en general es algo farragoso moverse adelante y atrás en el proceso de configuración. Y sí, la famosa ventana de “te llamamos” termina por ser un coñazo que no invita a entrar más en la página.

  • Poleman

    Buen artículo, se nota el trabajo.

  • http://store.apple.com Suzamax

    Primera vez que pienso que un artículo es de Javi y no de otro redactor y no acierto xD

  • Antonio

    Tiene que haber bastante trabajo detrás de este artículo. Se agradece.

Fonts by Google Fonts. Icons by Fontello. Full Credits here »