VilaWeb 3.0

Publicado / 24/11/2009 / Cliente: Gnuine

• css
• flash
• javascript
• video
• xhtml

Este site desarrollado por Gnuine es la nueva versión del diario de VilaWeb, el diario digital más importante hecho en catalán. El diseño fue concebido en el estudio de América Sánchez, uno de los creadores más influyentes. El resultado es un diseño web muy atrevido y a la vez complejo.

Para plasmarlo en la web, se requirió una maquetación con estándares muy exigente y, sobretodo, una conceptualización profunda sobre cómo abordar la estructura html de tal forma que fuera fácil crear nuevas partes del site, puesto que era un diseño modular muy acotado, técnica mucho más usada en diseño print que en web, lo que aporta coherencia y homogeneidad a todo el site.

Este diseño, con una retícula de múltiples placas apaisadas de 6 columnas una encima de otra, disponía de mútiples layouts distintos para tipos de noticias, categorías, eventos, etc. Así, se crearon tantas estructuras html como layouts distintos, preparando el terreno a cualquier nuevo layout, en cuanto a estructura y anidamiento xhtml y en cuanto a la semántica usada.

Posteriormente se crearon los estilos css y el comportamiento en javascript necesario. Entre los elementos más exigentes en cuanto a css y js, se encuentran:

• Placas de altura fija, cuyas columnas tienen scroll automático
• Menú principal en drop-down con tamaño de fuente grande, que le obliga a tener un scroll para resoluciones de pantalla pequeñas

Aparte de todo ello, se crearon las soluciones de players de video en Flash, que pueden verse en la placa VilaWeb TV y en interiores de noticia, y el Flash del tiempo, con el mapa de Catalunya accediendo a datos xml.