Splyce wanted a dashboard-style UI that gives users a quick overview of all content while providing a way to personalize and bring focus to what’s important. We did this by dividing the homepage into three major sections: personalized news, events and dynamic feed.
A team is the sum of its talented players, so we gave each one a personal profile page that enables users to follow the player through related articles and a live Twitter feed. The visual design capitalized on great game graphics to present a high-impact display for each team and its players. We added user profile properties—icons and custom graphics—to create a visual experience.
Since news articles are integral to teams and the games that users follow, we employed them as modular components that can be included across the site. In order to make this approach effective, we created a modular card UI to encompass articles’ essential properties such as images, author profile image, summary and more. These cards serve as the building blocks that can be displayed to create news components within different sections of the website. Articles were designed with larger type and enhanced layout tailored to better readability.