Appealing UI/UX design may play a decisive role in turning a regular website into a powerful platform bringing thousands of people together. Being winners at heart, we wanted to succeed in the contest and produce high-quality designs attracting Fanmetrix’s users from the first glance.
We took the time to conduct thorough research on the product and its target audience to better understand the platform’s mission and its possible functionality. We carefully studied all the resources that hockey fans use to include the features they really need.
Thinking one step ahead, we decided to multiply our chances of winning the contest and engaged two UI/UX designers so that each of them provided their vision of the product. As a result, we created two different versions of the landing page – one with a more serious appeal and the other with trendy 2D illustrations.
For the first version, we used a hero image that coincides with the silhouette on Fanmetrix’s logo, which unites both elements into a cohesive whole. While thinking through the design, we also laid down microinteractions and animations to spark the user’s interest and drive long-term engagement.
The second design conveys the project’s essence through quality vector graphics. We wanted to make the website’s mission clear and decided to use storytelling for this purpose. Our 2D artist created several illustrations that convey the game’s atmosphere and the fans’ role in the lives of hockey players.
While creating the landing page designs, we relied mostly on Fanmetrix’s brand style, yet we slightly expanded their existing palette with some extra colors. We used those colors that are commonly used in hockey and related platforms and that are usually implemented in masculine themes.