Extreme Makeover en hola.com

Hacía mucho que no pasaba por aquí y es que hemos estado unos días bastante entretenidos rediseñado la web de hola.com, un diseño que en breve se aplicará a las diferentes webs del grupo.

Al estilo de lo que ocurre en el programa “Extreme Makeover” o “Cambio radical” en versión española, en ocasiones una mejora estética implica un cambio más profundo que va desde un tratamiento a base cremas, pasando por una liposucción para quitar la barriguita llegando incluso a operaciones complejas con quirófano por medio.

En hola.com nos hemos echo un tratamiento completo para mejorar nuestra imagen que incluye lifting, liposucción y hasta lo que podría considerarse una pequeña operación quirúrgica para enderezar el paso.

El Lifting

hola.com lleva online desde el año 2000 generando cantidades ingentes de contenido, y a lo largo de estos ya 9 años a pasado por varios cambios de imagen.

En ocasiones pequeños cambios de color, en otras variaciones en el logotipo, hemos crecido a lo ancho según han crecido las pantallas de ordenador y las resoluciones de pantalla, cambiamos tablas por capas y aprendimos a usar los css, ahora, con la mejora de la conectividad hemos perdido el miedo al flash, a las grandes imágenes y poco a poco al vídeo.

En los anteriores rediseños siempre hemos tratado de volver sobre nuestros pasos y modificar todo cuanto podíamos, regenerábamos todas las noticias escritas a lo largo de los años anteriores incluyendo muchos de los documentos creados de forma manual o al margen de un gestor de contenidos, esto suponía un trabajo ingente a la vez que poco productivo ya que las consultas de los usuarios a esta información es escasa.

En esta ocasión nos hemos limitado a modificar los documentos del año en curso omitiendo aquellos que se crearon de forma manual, es decir únicamente lo necesario para mantener una coherencia visual en el sitio.

A nivel de uso el cambio más notable ha sido navegación, hemos pasado de una navegación vertical a otra horizontal asumiendo los pros y contras del cambio, más espacio para las noticias especialmente en la portadas, frente a una limitación en el numero de secciones que se podrán mantener en el primer nivel de navegación.

El resultado, dentro de lo esperado, un aspecto si no más juvenil, sin duda, sí más moderno y actual.

La Liposupción

Además del lifting facial nos hemos hecho una liposucción, reprogramando todas las aplicaciones que teníamos en producción en Java a PHP con el objetivo de homogeneizar todos nuestros servidores y aplicaciones simplificando sustancialmente el mantenimiento del sistema.

Desde el principio se apostó por la creación de contenido estático o semi-estático, documentos html con pequeñas funcionalidades en php, pero huyendo de los accesos y consultas a bases de datos siempre que se pueda, hemos pasado por diferentes etapas en el desarrollo de aplicaciones, haciendo incursiones en diferentes modelos a la hora de generar nuestros documentos (java, xsl…), finalmente y dada nuestra estructura interna, los recursos disponibles y la flexibilidad requerida por nuestros desarrollos nos hemos decantado de forma definitiva por aquello con lo que empezamos y que a todas luces resulta lo más eficiente, al menos hoy por hoy, para nuestras necesidades: PHP.

En general hemos eliminado aquello que era innecesario y simplificado cuanto hemos podido, de esta forma hemos adelgazado librándonos de la grasa que sobrante, lo que esperamos que nos permita movernos con mayor rapidez y agilidad cuando sea necesario.

La Operación Quirúrgica

Se han realizado cambios fundamentales a nivel de infraestructura sacando nuestras maquinas a un CPD externo, para garantizar su disponibilidad.

hola.com en sus diferentes versiones internacionales debe estar online las 24 horas del día por lo que la disponibilidad de la infraestructura debe ser del 100%.

Por mucho que nos guste tener nuestras máquinas al alcance de la mano para poder visitarlas un par de veces al día, mantener un CPD con disponibilidad garantizada 24×7 y unos requerimientos mínimos de seguridad precisa de importantes inversiones y personal especializado, alquilar algunos rack en un CPD nos asegura mantener nuestras máquinas en condiciones optimas de seguridad y conectividad.

Se ha mejorado la arquitectura del sistema, hasta la fecha cuando necesitábamos crecer, lo que hacíamos era añadir otra máquina y duplicar la información existente en el resto de máquinas, de tal forma que cuando se creaba un documento nuevo se enviaba al disco duro de n máquinas, con lo que la información que ofrecíamos no era homogénea durante breves pero cada vez mayores periodos de tiempo, amén de la cantidad de información que hay que mover innecesariamente entre las distintas máquinas, especialmente en momentos como este en el que el rediseño de la web nos obliga a volver a generar miles de documentos y posteriormente moverlos de un sitio a otro.

Una cabina de discos y un appliance de NFS nos evitarán este problema en futuras ocasiones.

Y con estos tres puntos estamos llevando a cabo nuestro particular makeover, un aparentemente pequeño cambio visual, pero que en realidad esta suponiendo un cambio en profundidad en el planteamiento de hola.com

Como todo tratamiento de esta índole requiere de un periodo recuperación, durante el cual seguiremos ajustando cosas, haciendo dieta equilibrada para mantenernos sanos y asistiendo sistemáticamente al gimnasio para ponernos en forma.

Post recientes relacionados:


8 comments

  1. [...] Por una parte Alejandro Santana nos habla de la renovación de milista.com y, por otra, es Jesús Esteban nos habla del “extreme makeover” realizado a [...]

  2. Pues la verdad es que os ha quedado muy bien, es un gran salto cualitativo.

    ¿Cuantas visitas tenéis al día y cuantos servidores son necesarios para que todo funcione perfecto? (si no es secreto, claro)

  3. Es cierto, a veces lo mejor para tener una arquitectura funcionando 24×7 es dedicarle parte del presupuesto a que lo lleve un equipo técnico especializado con dicho soporte requerido. El ‘hosting’.

    Java, qué decir de él, es cierto que en muchos sitios serios lo usan, es más, es la base de mucho software ampliamente extendido… Sin embargo, nada como el PHP para llevar una web con cuatro servicios, es lo más ajustado y, en la mayoría de los casos, sobra. Acertada elección.

    Con respecto al diseño, os ha quedado actual. Ya se echaba en falta.

    Recuerdo la versión joven de Hola, ya no disponible a través de enlace, http://hjoven.hola.com, al menos no lo encuentro en vuestra web, pero sigue ahí. Es curioso, este diseño os ha quedado bastante… ¿ Yahoo ? http://omg.yahoo.com/ Inclinación de logotipo, estrellitas “danzantes”, ese tono naranja… Eso sí que ha sido un ‘strike’ en el ‘extreme makeover’.

  4. ¿ Borraste mi comentario, sólo porque sugerí el parecido de vuestra http:/hjoven.hola.com con http:/omg.yahoo.com ?

  5. # Carlos – La verdad es que no es ningún secreto, los dato de usuarios únicos y páginas vistas, se publican todos los meses en la web de OJD (http://ojdinteractiva.ojd.es/) de todas formas algo más 1.800.000 usuarios únicos y 58 millones de páginas el mes pasado. Que por otro lado nos parecen pocos :)

    Respecto al número de máquinas creo que entre unas cosas y sirviendo elementos de la web tendremos en torno a 10 máquinas “G4″ y “G5″ de HP. Con esto servimos además de hola.com, hellomagazine.com y hellomagazine.ca.

    De todas formas el “truco” para que todo funcione perfecto, hoy por hoy, se llama akamai (http://www.akamai.com).

    # Vaya Ares, pues nunca he borrado un comentario, no sé que habrá pasado, de todas formas tu opinión queda reflejada.

    Es cierto que existen similitudes que vienen dadas por el estilo del logotipo y por color naranja de fondo. Dado que era un producto enfocado a un publico joven, se quiso que el logotipo fuese “estilo 2.0″ con su características tipografías redondeadas y perfiladas, imagino que la coincidencia de fondo hace el resto.

  6. # Ares apareció tu comentario, estaba pendiente de moderación, según wordpress un comentario con dos enlaces pasa a la lista de sospechosos de span

  7. A ti te parecerán pocas pero 58M no está nada mal. ¿Ya estáis llegando al punto que las webs generan más ingresos que las revistas o todavía queda mucho para eso?

  8. [...] ya comenté cuando hablamos del makeover de hola.com, antes de proceder al cambio de imagen se llevó a cabo una profunda renovación tanto a nivel de [...]

Leave a comment