Fanmetrix

Défi

Fanmetrix s’est adressé à Redwerk avec une demande d’estimation de leur projet de refonte de site web. Ils souhaitaient modifier les polices, les couleurs, les autres éléments d’interface utilisateur et l’ensemble de la mise en page de leur site web pour donner une touche moderne à la plateforme web et la rendre adaptée aux mobiles. Comme Fanmetrix envisageait quelques agences de développement logiciel, ils ont décidé d’organiser un concours de design et nous ont invités à y participer.

Les exigences étaient plutôt simples : prendre une page de leur site web et créer un nouveau design réactif pour celle-ci. À ce stade, Fanmetrix recherchait de l’inspiration et une nouvelle perspective pour la refonte du site web. L’ensemble du projet en était à son début ; par conséquent, les spécifications pour les visuels du produit n’étaient pas entièrement définies.

Bien que la liberté d’expression artistique puisse sembler être un rêve devenu réalité pour de nombreux designers, nous savons qu’un manque d’exigences de conception spécifiques est plutôt un défi qu’un avantage, car il existe toujours un risque de malentendu. Néanmoins, nous voulions contribuer à une initiative aussi passionnante et gagner la confiance d’un client de plus.

Solution

Une conception UI/UX attrayante peut jouer un rôle décisif pour transformer un site web ordinaire en une plateforme puissante qui rassemble des milliers de personnes. Étant des gagnants dans l’âme, nous voulions réussir le concours et produire des designs de haute qualité attirant les utilisateurs de Fanmetrix dès le premier regard.

Nous avons pris le temps de mener des recherches approfondies sur le produit et son public cible afin de mieux comprendre la mission de la plateforme et sa fonctionnalité potentielle. Nous avons soigneusement étudié toutes les ressources que les fans de hockey utilisent pour inclure les fonctionnalités dont ils ont vraiment besoin.

En pensant un coup à l’avance, nous avons décidé de multiplier nos chances de gagner le concours et avons engagé deux designers UI/UX afin que chacun d’eux fournisse sa vision du produit. En conséquence, nous avons créé deux versions différentes de la page d’accueil : l’une avec un attrait plus sérieux et l’autre avec des illustrations 2D tendance.

Pour la première version, nous avons utilisé une image principale qui coïncide avec la silhouette du logo de Fanmetrix, ce qui unit les deux éléments en un tout cohérent. En réfléchissant à la conception, nous avons également intégré des micro-interactions et des animations pour susciter l’intérêt de l’utilisateur et favoriser un engagement à long terme.

La deuxième conception transmet l’essence du projet grâce à des graphiques vectoriels de qualité. Nous voulions clarifier la mission du site web et avons décidé d’utiliser le storytelling à cette fin. Notre artiste 2D a créé plusieurs illustrations qui transmettent l’atmosphère du jeu et le rôle des fans dans la vie des joueurs de hockey.

Lors de la création des conceptions de la page d’accueil, nous nous sommes principalement appuyés sur le style de marque de Fanmetrix, tout en élargissant légèrement leur palette existante avec quelques couleurs supplémentaires. Nous avons utilisé des couleurs couramment utilisées dans le hockey et les plateformes associées, et qui sont généralement implémentées dans des thèmes masculins.