16 años de NK

Un nuevo sitio web, la mejor manera de celebrar estos 16 años de NK

Aquí en Argentina y en toda Latinoamérica, cuando una chica cumple 15 años hacemos una gran fiesta. Familia y amigos se reúnen para celebrar la transición de la joven de la niñez a la adultez. A esta celebración la llamamos “Quinceañera”.

Este año cumplimos 16. No pudimos celebrar nuestra fecha especial como lo habíamos planeado... el coronavirus, el distanciamiento social y bueno, ya saben... una pandemia global se interpuso en el camino. Pero queríamos hacer algo especial, algo que reflejara este crecimiento y especialmente, compartirlo con los nuestros. Queríamos poner a prueba nuestro conocimiento y trabajo duro, desafiar a nuestro equipo y romper los límites.

Lanzar nuestro nuevo sitio fue definitivamente la mejor manera de celebrar estos 16 años de NK. Trabajamos durante tres meses, sin parar, en este proyecto loco, emocionante, a veces exigente y asombroso.

Empezamos a planificar nuestro sitio de la misma forma en que hubiéramos planeado nuestra fiesta. Muchas reuniones para compartir ideas, nuestra visión personal de cómo sería el mejor sitio web. Teníamos tres premisas: teníamos que mostrar de lo que somos capaces, debíamos hacer algo que nos hiciera sentir orgullosos y queríamos divertirnos lo más posible mientras lo hacíamos. Por supuesto que fue una tarea difícil y un trabajo muy demandante, pero no podíamos olvidar que también era una celebración.

No hay una gran fiesta sin un gran entretenimiento y decoración. Así que uno de los mayores desafíos fue diseñar el fondo del sitio. Queríamos una escena que no compitiera con el contenido principal, pero al mismo tiempo lograr un efecto inmersivo e impactante. Pensamos en los elementos que forman parte de nuestro universo diario y que podían estar en nuestro mundo online, y elegimos la barra de neón, que forma parte de la decoración de nuestra oficina desde hace tiempo, para que sea uno de los elementos principales del fondo.

Pensamos en ubicar al usuario (¡nuestros invitados!) en un mundo donde cada sección es una ubicación diferente en un mapa dentro del mundo NK, y el desafío al llevarlo a cabo fue que con la cantidad de secciones que manejamos, la cantidad de posiciones o trayectorias posibles se multiplicó por 3. Por eso inventamos un sistema de cámara autónoma donde podemos movernos de un lugar a otro sin problemas, sin importar en qué parte de la escena nos encontremos.

Mientras seguíamos diseñando el sitio, nos encontramos con otro desafío: avanzar con el modelado y las animaciones al mismo tiempo que con la implementación de ambos sistemas, ya que el sistema de cables que conecta cada barra de neón fue lo primero que se definió y terminó siendo lo último que se modificó, lo que en cada cambio provocaba alteraciones en la posición de cada sección en el mapa.

Sabiamos que el fondo del sitio hecho en WebGL podía causar problemas de rendimiento, pero estábamos preparados para superar cualquier obstáculo. Así que nos enfocamos en el uso de instancias para mantener bajo el conteo de polígonos y los tamaños de los archivos pequeños. Gran parte de la escena se crea "en el momento", ya que sólo cargamos objetos con geometría única en la GPU, lo que nos permite alcanzar 60FPS constantes en todo momento.

En cuanto al diseño 2D, la principal prueba a la que nos enfrentamos fue la librería de scroll suave. Al principio, como 2D y 3D se usaban por separado, funcionaba perfecto, sin embargo, al fusionar ambas partes, nos dimos cuenta de que esa librería no estaba lo suficientemente optimizada y consumía muchos recursos que debían dedicarse al 3D. La decisión fue quitar esa librería y crear una propia de NK para el nuevo sitio. Así, pudimos tener control total sobre lo que pasaba en cada momento y logramos mejorar notablemente el rendimiento, alcanzando los tan deseados 60FPS.

Por último, un problema no tan importante como el rendimiento, pero no menor, fue el tiempo de respuesta del servidor. Usamos Prismic como CMS, y como cada sección del sitio requería mucha información sobre distintos tipos de contenido, lo que hicimos fue implementar un sistema de caché con Redis, logrando reducir el tiempo de respuesta del servidor de 2 segundos a 0.03 segundos.

Luego de muchos meses planeando, diseñando, programando, testeando, corrigiendo y volviendo a intentar, pudimos lograr lo que esperábamos y mucho más. Llevamos nuestro equipo al límite y creamos algo de lo que estamos 100% orgullosos. No solo porque muestra de lo que somos capaces, sino porque lo logramos con un gran trabajo en equipo. Esto no es la máxima expresión de nuestras habilidades, sino la máxima expresión de lo que podemos conseguir cuando trabajamos todos juntos, apuntando al mismo resultado.

Y por último, pero no menos importante, lo que hace a una gran fiesta es un grupo increíble de invitados. Así que, sin más preámbulos, te invitamos a visitar nuestro nuevo sitio web. Esperamos que te guste, lo disfrutes y lo ames, tanto como nosotros.