Si hace unos días os presentábamos el restyling del logo de Ateneu Popular, hoy le toca el turno a la madre del cordero, la página web.
Ya eran casi 3 años con el mismo diseño y con algunas limitaciones que con el paso del tiempo y las mejoras tecnológicas ocurridas iban dejando cada día más una web antigua y muy encorsetada, por eso, con la escusa del restyling del logo, hemos querido aprovechar para darle una vuelta al diseño de la web, adaptarla a la nueva imagen y a las nuevas posibilidades.
Más visual que nunca
La web que teníamos hasta ahora era muy estrecha, de hecho estaba pensada para funcionar sin problemas con monitores y resoluciones de hace casi 6 años y eso ha cambiado mucho. Así que hemos pasado de un ancho total de 880 píxeles a los 1058 píxeles de ahora, y eso es importante porque nos sirve para reordenar los elementos para que sean mucho más claros y sobretodo para poder trabajar mucho mejor con las imágenes, porque Ateneu Popular es básicamente un blog visual.
Mayor claridad
Trabajar con un ancho mayor nos permite tener una web mucho más clara, pero lo que realmente hace que la nueva web sea mucho más entendedora es el cambio de colores, pasando de los oscuros a otros mucho más claros, que hacen que la web parezca aún más grande y mucho menos agobiante.
Artículos relacionados más entendedores
Los artículos relacionados en una web con casi 6.000 artículos es primordial, ya que nos permite encontrar de manera sencilla otras noticias relacionadas de uno u otra manera con la que estamos leyendo. El problema es que hasta ahora tenían muy poca importancia y se limitaban a un listado de texto que muchas veces no acababa de aclarar la utilidad real del artículo propuesto. Ahora al trabajarlo con una imagen en miniatura acompañando al titular del texto, es mucho más facil escoger el link que queremos ver.
Barra lateral con información accesoria
Aprovechando el nuevo diseño, hemos querido separar lo que es la información de la noticia, de lo que es información necesaria pero secundaria, como la fecha de publicación, el autor de la entrada, las categorías a las que pertenece, los comentarios que se han realizado sobre la noticia y los botones para que podáis compartir la noticia en las redes sociales.
De esta manera, ordenamos la información y le damos a cada uno de estos elementos la importancia que merece, como se pude apreciar en el tamaño de la fecha de publicación, que crece exponencialmente respecto a la anterior versión, queriendo remarcar de esta manera la importancia que tiene en Ateneu Popular, ya que actualizamos la web una media de 4-5 veces al día. Además, ponemos mucho más a mano los botones de compartir a ver si así os cuesta menos utilizarlos (ejem, ejem).
Mucho más participativa y dialogante
Con el nuevo diseño también hemos mejorado el servicio de comentarios, añadiendo la funcionalidad de responder directamente a un comentario anterior, pudiendo “anidar” hasta 3 niveles. Eso permite conversaciones mucho más fluidas y entendedoras.
Más rápido, mejor
Está nueva web que hoy os presentamos no solo está realizada desde un punto de vista visual, sino que hemos buscado la coherencia, la accesibilidad y la practicidad, por eso hemos trabajado para reducir el tiempo de carga de la página y ahora mismo Ateneu Popular tarda entre un 25% y un 35% menos de tiempo en cargarse.
Nueva diseño para dispositivos móviles
Como no podía ser de otra manera, si la página web tiene diseño nuevo, la versión móvil también se tenía que ver afectada y en este caso hemos ido a simplificarla a la mínima expresión para que la carga sea rápida y la navegación de lo más sencilla.
Aparte de todo lo que ya os hemos contado, hay detalles por todos los rincones que esperamos sean de vuestro agrado y os hagan mucho más amenas vuestras visitas.
Por último, nos encantaría saber vuestra opinión, vuestras sugerencias, lo que os gusta, lo que os desagrada, vuestras preguntas, todo, así que tenéis como siempre los comentarios abiertos para decir lo que os venga en gana y así de paso estrenáis el nuevo sistema.
Había un problemilla en los comentarios que acabamos de solucionar.
Es limpita. A mi me gusta.
Un saludo y enhorabuena por vuestro programa, quiero decir, por vuestra web. En la agencia nos gusta mucho.
Muchas gracias María. Por cierto, muy divertidos los vídeos de vuestra agencia Dunagroup
Muchas gracias! Cuando queráis podéis dedicarnos un post, jajaja (era bromita)
Un abrazo!
Hola!
Me gustaría dejar un comentario para deciros que me gusta mucho la nueva web. Como bien decís hay que renovarse, y como ya he comentado en una red social, agradezco que se vayan renovando las webs y hacerlas más limpias. El mercado está saturado de webs cargadas de imágenes, “adornos” y demás contenidos y todo mezclado.
Con todo eso quiero decir que me gusta la disposición y me gusta que sea más amplia y las secciones muy bien separadas. Como usuaria, ya ha quedado claro que el cambio me relaja. La anterior no estaba mal, pero el ampliar el ancho ayuda a relajarte y a navegar durante un buen rato por la web. Que al final, ese es el objetivo.
Un saludo y nos vemos por aquí. Que antes ya os visitaba pero nunca había dejado constancia.
PD: las tarjetas de visita me gustaron mucho y en cuanto tnega mi web, también lo haré con los de La Gran imprenta, he podido ver en persona la calidad de su trabajo.
Me alegra que te relaje el cambio Ainara. Respecto a la calidad del trabajo de la Gran Imprenta, puedo asegurarte que es excelente.
Excelente renovación de web. Felicidades!!
Seguiremos al otro lado leyendoos, como llevamos haciendo ya bastantes años!
Un saludo!
Gracias Pako, intentaremos seguir igual como mínimo, para que sigas muchos años más al otro lado.
Un abrazo!
Felicidades por el nuevo diseño, mucho más limpio y claro que destaca lo más importante, el contenido! ¿Alguna sorpresa más para el 2013?
Enhorabuena
Estábamos pensando en rediseñar todo internet ya puestos, pero de momento vamos a parar con esto.
Respecto a si habrá más sorpresas, alfguna cosilla más tenemos apuntito de salir del horno, pero no es ningún rediseño, así que habrá que estar atento…
…y hasta aquí puedo leer
Siempre ojo avizor, jeje
Enorabuena por todo el cambio de imagen, y gracias por este cambio en la web.
Ahora con estos colores y este ancho, se lee mucho mejor.
Un saludo!
Esa era la intención Cristian, me alegro de que te guste y la encuentres más legible.
Me encanta!
Me alegra muchísimo, a mi me encanta que te encante!
Hace como tres años que voy viendo los cambios de la web, algunas veces más progresivos, y otras como esta, más profundos. Y debo decir que me gusta. Mucho. Felicidades y gracias, porque eso siginifica que podremos seguir leyéndote un tiempo más.
Un abrazo, salut i sort!
De eso no te quepa duda, nosotros seguimos aquí batallando a diario para que tu y muchos otros tengamos un espacio de información y de inspiración en el que poder mejorar y fer las cosaas con más perspectiva.
Salut!
oeoeoeoeooeoe!!! Enhorabuena!!
Hola! me gusta mucho la nueva web, el diseño clean es lo mas apropiado.
Con respecto a cambio de logo, me gusta el cambio pero… el isotipo se “cae” con respecto del logo, el circulo es una de las formas mas inestables, sugeriría subirlo un poquito para evitar ese efecto que cae… es mi humilde opinión…
Un Saludo grande desde Misiones, Argentina.
Tienes toda la razón Adrian, aunque estaba centrado, podía llegar a parecer que caía. Lo hemos subido un poquito y creo que ahora se ve mejor.
De puta madre Jordi! : D me encanta que sea todo gris y blanco con el toque de color con el naranja
Nice
Todo en su sitio y además bonito. Ya sólo os falta publicar cosas chulas para que sea un peazo de blog… ah perdón que eso ya lo lleváis haciendo mucho tiempo
Genial! me encanta
Genial, me gusta el nuevo diseño
Felicitaciones muy buen diseño todo genial.
Muy bien, pero con “mobiles” os habeís pasado…, que no estamos un un país de habla inglesa. ¿O me equivoco?
Perdón Ruben, tienes razón, peró no es por el inglés, es porque en catalán móvil se escribe mòbil y con las prisas y últimos retoques a la web, se me paso está “catalanada”.
Muy chula
Hay serio problema de usabilidad con el degradado, es demasiado brillante y cansa la vista.
¿en la versión móvil o en la versión desktop también?
La sensación se nota en ambas versiones… Pero más en la desktop… Son muy brillantes los tonos y generan ciertos problemas de legibilidad al usuario, se pierde el foco del contenido por tanta ‘lucecita’ que distrae la vista.
¿Más en la desktop? pero si la desktop solo tiene el detalle de la fecha con el degradado
los comments siguen siendo moderados por wordpress / aksimet (spam asegurado)
usa DISQUS joder!
Como ya te comenté en otro comentario Meyer, no creemos que la mejor solución para los comentarios sea externalizar su funcionamiento, ya sea con Disqus o con otros servicios similares. No se que problema encuentras en los comentarios tal y como están ahora, si me los explicas piuedo intentar solventarlos, pero el spam creo que queda bastante atajado entre Akismet y el control personal.
Jordi, enhorabuena. Me encanta el rediseño. El logo creo que me gustaba más el de antes, pero la web me encanta como la habéis dejado. ¡Chapó!
Un 10 para tí (y tu equipo).
Muy buen trabajo con el rediseño de la web. ya saben que los sigo hace muchos años, primero a la distancia, ahora desde muy cerca. Siempre están haciendo un trabajo destacable.
Genia Jordi y Potopita en todos los aspectos!
SALUDOS!
¡Enhorabuena chicos! Fino fino. Tanto en el fondo como en la forma
Al contrario de lo que se dice en un comentario anterior, me parece que la página está muy bien, con una estructura limpia y clara y con unos colores suaves y equilibrados.
Sólo haría una crítica al color de fondo que habéis elegido para los comentarios, un naranja bastante oscuro que disminuye el contraste y desentona un poco con el resto de la web. Por lo demás, enhorabuena por el trabajo.
Excelente propuesta, mucho mas limpia, mas orden… En hora buena, felicidades!