E-S

Bienvenidos a la nueva E-S, más visual, innovadora, funcional y participativa

Más de cien mil líneas de código y un año de trabajo, han dado como resultado la nueva versión de la web que ahora tienes ante tus ojos | Descubre y comenta con el equipo la #eurometamorfosis de eurovision-spain.com
Óscar A. M. (Dep. técnico) · Fuente: Redacción | Departamento técnico y grafismos
Publicado el día 02 de enero de 2015
sin_ano_30122014_033432_logo_eurovisionspain
eurovision-spain.com (eurovision-spain)

Bienvenidos a la nueva E-S, más visual, innovadora, funcional y participativa

Pocos días después de que eurovision-spain.com haya celebrado su décimo cuarto aniversario, el equipo que conforma esta web está encantado de poder presentaos la que será nuestra nueva casa por mucho tiempo. Ha sido necesario un trabajo de varios meses para reconstruir la web por completo, escribiendo todas y cada una de las líneas de código desde cero, lo que supone a todos los efectos que la eurovision-spain.com que tienes en tu pantalla sea una nueva web, construida pensando en ti, que nos visitas cada día y que te mereces mucho más que una plantilla prediseñada. Los artífices de este ingente trabajo han sido Óscar Abilleira Muñiz y Manuel Jesús Rivero Fernández, miembros del Departamento técnico y de grafismo de la web.

Además, esta revolución en el diseño de eurovision-spain.com también ha implicado una mejora del CMS (Content management system) propio, lo que permite ofrecer muchos servicios que de otro modo serían imposibles. Acompáñanos en esta visita por la nueva eurovision-spain.com. Esperemos que esté a la altura de lo que te mereces. ¿Comenzamos?

UNA IMAGEN QUE VALE MÁS QUE MIL PALABRAS

Como no podía ser de otro modo en una web dedicada a un espectáculo tan visual como el Festival de Eurovisión, la imagen tiene un papel relevante en la nueva eurovision-spain.com. Pero no nos hemos conformado sólo con eso. Además, las hemos situado como el elemento más importante de todas las páginas de la web. De este modo, la cabecera de cada página contará con una gran imagen diferente, de modo que cada nuevo contenido que visites suponga una experiencia diferenciada del resto. Además, esta imagen cuenta con una leve animación que la va desplazando verticalmente para mostrar todo su contenido.

En las noticias, la imagen de referencia es incluida como gran imagen en la cabecera animada, acompañada de los datos informativos de la misma. Este esquema se repite en muchas secciones de la web.

Ya sea en las noticias, páginas de historia o columnas de opinión, las imágenes y los vídeos se muestran a todo lo ancho del cuerpo del texto, para facilitar su visualización y complementar la información que se incluye en los diferentes textos.

RÁPIDA, LIMPIA, FUNCIONAL Y ELEGANTE

Como puedes comprobar, hemos optado por un diseño limpio y claro, donde se combina el contenido con elementos gráficos sencillos pero altamente funcionales, siguiendo la tendencia actual en el diseño de contenidos web. Por esa razón, te encontrás con grandes iconos e imágenes que te darán acceso a diferentes contenidos de la web. Por ejemplo, pulsando sobre el nombre y logo de la web en la esquina superior izquierda volverás a la portada de la web en cualquier momento.

Pero no nos hemos limitado sólo a un cambio estético sino que también hemos construido la nueva eurovision-spain.com para que su carga sea más rápida y funcione de un modo mucho más ágil, razón por la que en varias secciones de la web ya no será necesario recargar toda la página para cagar nuevos contenidos. Podrás notar esto en los comentarios, al ordenar las listas de participantes, en la galería multimedia, etc.

Durante la fase de diseño y desarrollo, se ha buscado que sea lo más funcional posible cambiando diferentes elementos para hacerlos más sencillos de utilizar e intuitivos. Esperamos vuestros comentarios a este respecto.

La velocidad de carga de la web mejorará a medida que vayas entrando en ella y que los nuevos contenidos e imágenes de la web se vayan almacenando en la caché de tu navegador. En unos días la experiencia de carga será la óptima.

NUEVO MENÚ DESLIZANTE: ENCUENTRA LO QUE BUSCAS RÁPIDAMENTE

Uno de los elementos más llamativos de nuestro nuevo diseño es, sin duda, el menú deslizante, que permite acceder con muy pocos clicks al contenido que se desee. Se ha organizado por colores en función de las diferentes categorías, de modo que sea más sencillo de localizar. Dentro de cada uno, además de las respectivas secciones de la web, encontrarás un panel lateral con acceso directo a ciertos contenidos relevantes de dicha cateogoría para que los tengas a mano en todo momento.

Además, este menú cuenta con una animación y cierto grado de transparencia para darle un aspecto y funcionamiento acorde al resto del diseño de la web.

Recuerda que puedes cambiar entre los diferentes paneles del menú sin cerrarlos previamente y que si deseas cerrarlo tan sólo has de pulsar sobre el mismo icono o el botón de cerrar.

TU PERFIL ES AHORA TU PÁGINA PERSONAL

La página de perfil que ya tenías en nuestro anterior diseño, ahora se ha convertido en tu página personal. Todos los visitantes de la web podrán acceder y crear su propio perfil personal. En él, además de mostrar todas las columnas que ya hayas publicado, puedes compartir tus redes sociales, tu estado y emoticono (sincronizado con la app para smartphones), tus datos personales e incluir una imagen de cabecera. 

Para acceder a tu página personal tan sólo tienes que pulsar sobre tu avatar en el menú flotante que aparecerá y tendrás acceso a las funciones más frecuentes de gestión de tu perfil. Estas funciones también estarán disponibles desde la página personal. No te olvides, si así lo deseas, de personalizarla con tu cabecera, avatar, redes sociales y datos personales, para que los demás visitantes puedan conocerte.

Podrás acceder a la página de cualquier usuario de la web, haciendo click sobre su avatar en cualquier página de la web en la que te encuentres. Del mismo modo, verás el perfil de usuario de todo el equipo de eurovision-spain.com, autores de las noticias, pulsando sobre su icono y nombre en cada artículo.

Como hasta ahora, desde tu página personal, puedes seguir creando borradores de columnas y enviarlas como propuesta para su consideración al equipo de administración de la web, pero ahora el proceso es mucho más simple e intuitivo.

Recuerda que esta nueva web permite avatars de mayor tamaño, por lo que recomendamos los volváis a subir para que no se vean pixelados en el caso de que los tengáis subidos con el anterior sistema.

RESPONSIVE DESIGN: ADAPTADA A CUALQUIER TAMAÑO DE PANTALLA

Como sigues eurovision-spain.com en diferentes soportes, hemos diseñados la nueva web bajo la premisa del “responsive desing”, es decir, el diseño se adapta al tamaño y resolución de la pantalla en la que se visualiza. De este modo, la web se adapta para una cómoda lectura tanto desde la pequeña pantalla de un smartphone hasta desde un enorme monitor. Puedes hacer la prueba reduciendo el tamaño de la ventana del navegador para ver como se va modificando.

Recuerda que para smartphones recomendamos que utilices nuestra app, disponible para android, ios y windows phone 8, ya que desde ella podrás acceder a servicios adicionales y recibirás notificaciones con cada nueva noticia.

COMENTA, VALORA Y VOTA

Los cambios en la nueva eurovision-spain.com no se reducen sólo a cambios estéticos y de funcionamiento, sino que también incluyen algunas novedades que esperamos sean de tu agrado. Uno de los cambios más importantes es la inclusión de un sistema de valoración de comentarios. Ahora puedes valorar positiva o negativamente los comentarios publicados (una vez por comentario), y ver la lista de comentarios ordenada tanto por orden de publicación como por la valoración de los visitantes de la web.


Además, también puedes dejar tus comentarios en cada una de las ediciones del festival, y no sólo en las fichas de cada participante, donde podrás dejar tus impresiones en general sobre el mismo.

El cómputo de votos positivos y negativos de los comentarios se realiza de forma automática cada hora por lo que hasta que pase ese tiempo, o se autorice algún comentario en dicha noticia, no se verán reflejados en el cómputo total de los mismos.

SINCRONIZADA AL SEGUNDO CON LA APP

Si ya eres usuario de nuestra app para smartphones, habrás comprobado que ciertos servicios estaban ya sincronizados con la web, de modo que los cambios en uno afectaban al otro. En esta reconstrucción de la web se ha incrementado el número de servicios sincronizados, entre ellos todos los relacionados con los datos de perfil y la zona fans de la app.

Recuerda que puedes descargarla en tu smartphone android, ios y windows phone 8 desde los respectivos mercados.

LA MAYOR BASE DE DATOS HISTÓRICA DE LA RED SOBRE EUROVISIÓN

Como ya sabrás, eurovision-spain.com cuenta con la base de datos histórica sobre el Festival de Eurovisión más extensa de la red, potenciada en este nuevo diseño dando un papel relevante a los buscadores históricos avanzados. Con un sólo click puedes conocer cuantas veces un país ha recibido votos de otro, en que cantidad así como los ranking estadísticos de posiciones por país a lo largo de la historia y cientos de datos más.

Cada uno de los vídeos publicados en la sección de historia cuenta con un servicio de alerta en caso de fallo. Agradecemos tu colaboración reportándonos los vídeos que ya no están operativos, ya que procederemos a cambiarlos lo antes posible.

ÚTIL HASTA EN LOS PEQUEÑOS DETALLES


El equipo de eurovision-spain.com ha trabajado en el diseño de la web hasta en el más mínimo detalle, haciéndola funcional, incluso en los pequeños detalles. A continuación, te ofrecemos un listado de los mismos:


– BUSCADOR WEB: En la parte superior derecha, encontrás siempre un buscador desplegable, desde el que encontrarás fácilmente cualquier contenido que necesites: noticias, datos históricos y usuarios registrados en la web…
– LOCALIZADOR: Debajo de la cabecera, encontrás un icono con puntos, que una vez pulsado despliega la ruta en la que te encuentras en la web, con accesos directos a las secciones.
– AMPLIAR IMÁGENES: En las imágenes de cabecera, así como con otras imágenes de la web, se incluye un icono que permite ampliar la imagen para verla completa en una ventana emergente.
– ORDENA LOS LISTADOS DE PARTICIPANTES: Pulsando sobre el nombre de la categoría, en cada tabla de participantes, puedes ordenar los resultados por puntos, posición, país, cantante, canción o puesto de salida.
– ETIQUETAS Y HASHTAG EN LAS NOTICIAS: Debajo del titular encontrás las etiquetas marcadas para la noticia, como hasta ahora, pero además incluiremos los hashtags relacionados con la misma de modo que, pulsando sobre ellos, sean redirigidos directamente a su página en twitter.
– CALENDARIO DE PORTADA: Además de incluir un listado de eventos, pulsando sobre el icono del calendrio puedes acceder a un calendario deslizante en el que podrás ir navegando entre los disintos meses, para visualizar los eventos marcados en cada uno.
– GEOLOCALIZACIÓN DE LAS SEDES: Llega a la web un servicio ya disponible en la app. En cada edición puedes pulsar el icono del mapa y te llevará a la localización en Google maps en la que tuvo lugar la edición del festival en la que te encuentres.
– ACCEDE A LAS PÁGINAS DE LOS VISITANTES: Tan sólo pulsando en cualquier avatar en la web, accederás a la página personal del usuario.
– IMAGEN DE CABECERA DE PORTADA: Se cambia periódicamente para ofrecer diferentes imágenes acordes a los sucesos eurovisivos de la época. En estos momentos estamos mostrando imágenes de Austria, el país anfitrión.

CÓMO HEMOS CAMBIADO

Muchas cosas han sucedido en estos 14 años. Si quieres recordar todos los cambios que ha sufrido eurovision-spain.com y conocer la historia de esta web, puedes visitar nuestra sección de historia.

UN AÑO DE PROCESO CREATIVO EN IMÁGENES:

Te mostramos lo que nunca te enseñamos, algunos de los innumerables bocetos e ideas sobre las que hemos trabajado a lo largo de este año, y que han dado lugar a la nueva eurovision-spain.com. Muchos de ellos fueron superados y algunas ideas cambiadas radicalmente, pero todos y cada uno de ellos han contribuido a configurar el actual diseño de eurovision-spain.com.
[galeria]01-01-15_bocetos_diseno_web[/galeria]

LA TECNOLOGÍA QUE HAY DETRÁS

Para hacer posible eurovision-spain.com, utilizamos la combinación de los siguientes lenguajes de programación y servicios: html5, php, javascript, jquery, ajax y mysql. Por su parte, la app para smartphones emplea html5, jquery mobile, jquery y ajax, compiladas con el servicio build.phonegap.com.
Todos los contenidos de eurovision-spain.com (tanto la web, como la app) se encuentran albergados en un servidor dedicado con un procesador Intel Xeon E3-1240 y 16 GB de RAM DDR3 de uso exclusivo.

Recuerda que puedes dejar tus comentarios y sugerencias o hacernos llegar posibles fallos que detectes bien comentando esta noticia o usando nuestros correos de contacto en la parte inferior de la web.
Si bien es posible que te reconozca ya como logueado, te recomendamos que vuelvas a iniciar sesión con tu usuarioy contraseña.
Varios usuarios nos estáis comunicando que las banderas no se han actualizado todas, se trata de un problema con la caché antigua de la web guardada en vuestro navegador, que conserva aún las imágenes de las banderas usadas en el anterior didseño. Os recomendamos que o bien actualiceis la web varias veces hasta que carguen normalmente o directamente borreis los archivos temporales (cache) de vuestro navegador para forzar la carga de los nuevos.

Conversación

14
TOP
02/01/2015

Recordad que podeis participar en la votación de portada sobre este nuevo diseño.

14
TOP
02/01/2015

Nos estáis avisando de que ciertos usuarios no están viendo todas las banderas actualizadas, se debe a que vuestro navegador aún conserva parte de la caché de la anterior web, os recomendamos que actualicéis la página hasta que aparezcan las nuevas o directamente borréis los archivos temporales (caché) en vuestro navegador para forzar la carga de los nuevos.

11
TOP
02/01/2015

Enhorabuena por el trabajo realizado. Gran web

10
TOP
02/01/2015

Amo los me gusta y no me gustas jaja genial felicidades a eurovision-spain sois los mejores.

11
TOP
02/01/2015

Impresionante!! sois los mejores

4
TOP
02/01/2015

Este diseño es mucho mejor y mas moderno que el anterior, me encanta!!!

9
TOP
02/01/2015

Felicidades por el trabajo y gracias por la dedicación, e-s.

2
TOP
02/01/2015

Muy buen trabajo chicos!!! habéis conseguido un resultado asombroso me encanta!! Sobresaliente :)

12
TOP
02/01/2015

Me gusta,ha quedado bien.

0
TOP
02/01/2015

Magnífico el trabajo realizado! Os doy mi enhorabuena! Tener un espacio personal para que cada usuario pueda tener sus propias columnas de opinión me parece una de las opciones más acertadas ya que hará que participemos muchísimo más y se convierta en una gran red social más que una mera página de noticias eurovisivas! Si la web tuviera posibilidad de añadir como amigos a otros usuarios y un tablón en cada perfil ya sería el "no va más", pero eso ya sería rizar el rizo! Lo dicho: ENHORABUENA!

1
TOP
02/01/2015

Está genial! Me encanta! Enhorabuena :)

0
TOP
02/01/2015

ENHORABUENA! Un trabajo brutal, un resultado espectacular. Me encanta!

0
TOP
02/01/2015

Woooow me emociona ver todo lo nuevo y que si antes me gustaba eurovision-spain, ahora me gusta mas, me encanta, fascina, en fin, Mil felicidades a todo el equipo! Un abrazo desde Monterrey, Mexico :)

4
TOP
02/01/2015

¡¡Enhorabuena!! Gran trabajo.

4
TOP
02/01/2015

Lo único que no me gusta es donde estan colocadas las noticias breves, pero por lo demás genial

6
TOP
02/01/2015

Enhorabuena por el trabajo realizado, la web ha dado un avance impresionante, ya nos acostumbraremos

0
TOP
02/01/2015

Esta página ahora me resulta fácil y muy práctico los sitios se buscan fácilmente de encontrar muchas gracia de vuestra página que el cambio ha sido un gran éxitoy va tener más fama.

12
TOP
02/01/2015

La verdad es que no esperaba que el cambio fuera tan grande, la web ha quedado genial. Ya la iré investigando poco a poco jaja. Y lo dicho, enhorabena al equipo!

1
TOP
02/01/2015

Me encanta, mi más sincera ENHORABUENA por la renovación de la página. Son varios años siguiéndoos y me encanta lo bien que informáis sobre el festival.

0
TOP
02/01/2015

Os habeis superado chicos, me encanta el nuevo diseño de la web, mucho más dinámico, fácil y moderno. Un 10

Ver más comentarios