Comparativa entre la web de la Comunidad de Madrid y la de la Casa Blanca
Leyendo noticias en menéame, me encuentro con un artículo que hace referencia a una comparativa entre las páginas web de las comunidades autónomas de España. El artículo se centra en el protagonismo que recibe la presidenta de la Comunidad de Madrid, con respecto al resto de presidentes en las páginas de sus respectivas comunidades. A mí lo que mas me ha llamado la atención es el sorprendente parecido entre la página de la Presidencia de Madrid y la de la Casa Blanca.
Vamos a verlo paso a paso
Cuestiones generales
Tienen en ambos casos un diseño de ancho fijo (en torno a 995px).
Los colores son sospechosamente parecidos: Juegan con tonos azules y grisáceos.
Contra todo pronóstico no utilizan el mismo gestor de contenidos. En el caso de la página de la Casa Blanca, utilizan Drupal, mientras que en la Presidencia de la Comunidad de Madrid utilizan Joomla!.
El contenido está estructurado exactamente de la misma forma:
- En primer lugar la cabecera
- Le sigue un menú horizontal
- Inmediatamente después un slider de casi 400px de alto.
- Diseño de dos columnas.
- Pie de página.
Quizás no sorprenda, ya que al fin y al cabo hay bastantes páginas con esta organización, pero sigamos.
Fondo de la página
En ambos casos encontramos un fondo de un tono gris claro, que se degrada verticalmente hasta alcanzar un tono blanco. Todo ello arrojando la página una sombra a cada lado.
Además, en la parte superior los dos fondos cuentan con motivos decorativos en tonalidades grises, que siguen una trayectoria elíptica, y que llegan a verse por debajo de una cabecera semitransparente:
Cabecera
La cabecera, además de ser en los dos casos semitransparente, también incluyen un dibujo en blanco y negro, centrado, del edificio emblemático.
Con tipografías muy similares, en mayúsculas y en gris oscuro encontramos tanto el nombre del edificio (White House vs Presidencia de la Comunidad de Madrid) a mayor tamaño, como el del anfitrion (President Barack Obama vs Excma. Sra. Doña Esperanza Aguirre Gil de Biedma) en un tamaño menor.
Menú
Tras la cabecera encontramos tanto en una como en otra un menú horizontal, desplegable, de tonos azules y letras blancas.
Además, en los dos casos, incluyen en el mismo menú la bandera propia.
Slider
Inmediatamente debajo del menú encontramos en los diseños un slider de imágenes. Esto es, la parte que va rotando las fotografías. Los dos casi coinciden milimétricamente en tamaño.
Tienen un fondo azul que se degrada verticalmente a un tono más oscuro. Los textos que acompañan a cada imagen son de color blanco, y se componen de un título y una descripción. Tanto en uno como en otro encontramos un destello azul claro debajo del título.
Diseño a dos columnas
Quizás no parezca mucha casualidad que las dos páginas utilicen un diseño a dos columnas, pero la cosa cambia si tenemos en cuenta esto:
- La columna izquierda es la principal y la derecha la secundaria.
- La columna izquierda es de fondo blanco y la derecha de fondo gris claro.
- La columna izquierda contiene noticias.
- La columna derecha contiene la caja de búsqueda en primer lugar, enlaces a espacios corporativos en redes sociales, videos/imágenes destacados…
Pie de página
Quizás sea la parte que tiene menos coincidencias, pero llama igualmente la atención que las dos webs cuenten con pies de página extensos, en los que se muestra un mapa web dispuesto en columnas.
Conclusión
No sé qué pensaréis, pero a mí me parece evidente que los diseñadores de la página de Madrid se han servido de la de la Casa Blanca para realizar el diseño. Son demasiadas casualidades inexplicables, y si no que se lo digan a Iker Jimenez, toda una serendipia.
