Fanmetrix

Desafío

Fanmetrix se dirigió a Redwerk para solicitar un presupuesto para el proyecto de rediseño de su página web. Querían cambiar los tipos de letra, los colores, otros elementos de la interfaz de usuario y todo el diseño de su página web para darle un aire moderno y adaptarla a los dispositivos móviles. Como Fanmetrix estaba considerando un par de agencias de desarrollo de software, decidieron organizar un concurso de diseño y nos invitaron a participar en él. 

Los requisitos eran bastante sencillos: tomar cualquier página de su sitio web y crear para ella un nuevo diseño responsivo. En ese momento, Fanmetrix buscaba inspiración y una nueva perspectiva para el rediseño del sitio web. El proyecto se encontraba en su fase inicial, por lo que las especificaciones visuales del producto no estaban del todo definidas.

Aunque tener libertad de expresión artística puede parecer un sueño hecho realidad para muchos diseñadores, sabemos que la falta de requisitos de diseño específicos es más un reto que una ventaja, porque siempre existe el riesgo de que se produzcan errores de comunicación. No obstante, queríamos contribuir a una iniciativa tan emocionante y ganarnos la confianza de un cliente más.

Solución

Un diseño UI/UX atractivo puede desempeñar un papel decisivo a la hora de convertir un sitio web normal en una potente plataforma que reúna a miles de personas. Como ganadores de corazón, queríamos triunfar en el concurso y producir diseños de alta calidad que atrajeran a los usuarios de Fanmetrix desde el primer vistazo.

Nos tomamos el tiempo necesario para investigar a fondo el producto y su público objetivo para comprender mejor la misión de la plataforma y sus posibles funcionalidades. Estudiamos detenidamente todos los recursos que utilizan los aficionados al hockey para incluir las funciones que realmente necesitan. 

Pensando un paso por delante, decidimos multiplicar nuestras posibilidades de ganar el concurso y contratamos a dos diseñadores UI/UX para que cada uno aportara su visión del producto. Como resultado, creamos dos versiones diferentes de la página de aterrizaje: una con un atractivo más serio y otra con ilustraciones 2D de moda.

Para la primera versión, utilizamos una imagen hero que coincide con la silueta del logotipo de Fanmetrix, lo que une ambos elementos en un todo cohesionado. Mientras pensábamos el diseño, también establecimos microinteracciones y animaciones para despertar el interés del usuario e impulsar el compromiso a largo plazo. 

El segundo diseño transmite la esencia del proyecto a través de gráficos vectoriales de calidad. Queríamos dejar clara la misión del sitio web y para ello decidimos recurrir a la narración de historias. Nuestro artista 2D creó varias ilustraciones que transmiten la atmósfera del juego y el papel de los aficionados en la vida de los jugadores de hockey.

Al crear los diseños de las páginas de aterrizaje, nos basamos principalmente en el estilo de marca de Fanmetrix, aunque ampliamos ligeramente su paleta existente con algunos colores adicionales. Utilizamos los colores que se usan habitualmente en el hockey y plataformas relacionadas y que suelen implementarse en temas masculinos.