Keenchess
World’s First Online Chess Trivia Rewarding platform
Web App
Dashboard
Website
The Challenge
Despite chess being a timeless game of strategy and intellect, there exists a gap between casual players and professional, competitive engagement. Traditional chess platforms focus on gameplay, leaving limited space for those looking to deepen their knowledge or engage with the community beyond the board. Keenchess was conceived to bridge this divide by offering a unique online ecosystem.
The current website and web App has poor and rudimentary design. The task is to give a new face to the platform.
Product Overview
Keenchess is a groundbreaking web platform that revolutionizes the traditional chess experience. It’s not just a game; it’s a cerebral arena where knowledge is power and trivia leads to triumph. At its core, Keenchess is a nexus for chess aficionados to challenge their understanding of the game, compete in various trivia formats, and earn cash rewards. Players can engage in four distinct trivia modes—each offering a different level of competition and community interaction.
UX Design, Motion & Interaction Design
3 Designers, 2 Software Engineer
Duration
Four Months (2021)
Figma, Photoshop, After Effects
Feeding off Analytics
We conducted product analytics on the current website to determine how our customers were interacting with the product to give us informed decisions on how to improve the design, this included bounce rate, pages viewed per visit, time spent, and engagement over time.
We also used trust to fish out more data, we found out some intriguing stuff.
Data showed that visitors on the platform had been reducing steadily over time, also feedback from trust pilot clearly indicated concerns from existing customers.
This was a major concern for the stakeholders of the platform and thus the need for this redesign.
Refreshing Brand Style
Fresh Look
Whitespace, colour, hierarchy and content structure were our main focus for the redesign. We made sure to highlight important details and positioned where our target users expect them to be in order to improve the conversion rate.
The brand identity is meticulously crafted to balance the heritage and intellectual spirit of chess with a modern digital experience. Every element, from color to typography, works in harmony to create an interface that invites engagement, rewards knowledge, and fosters community.
The logo is a bold amalgamation of a chess piece and a coin, symbolizing the blend of strategic gameplay and economic reward.
The landing page opens with a bold statement that encapsulates the platform's mission, to revolutionize how chess is learned and enjoyed.
Based on research, over 70% of users on most platforms engage them through their mobile devices, hence we made the website and web app mobile responsive.
Every scroll reveals a new chapter in the Keenchess story. The use of vibrant illustrations and dynamic layouts brings the excitement of chess trivia to life, while the subtle animations and responsive elements enhance the sense of interactivity and discovery.
The website was created with focus on capturing new users into the platform by showcasing the perks of using the platform while putting the call to actions at visible places to enable them sign up.
Re-imaging the Dashboard
Platform Redesign
The web app is a testament to the seamless integration of knowledge and play. It’s not merely an app; it’s an ecosystem where users can deepen their chess knowledge through trivia while participating in a dynamic, game-like environment.
The dashboard layout is intuitive, with a clean, grid-based structure that organizes information hierarchically, prioritizing real-time activities, and user progress.
The side nav is the user’s compass, elegantly designed to guide them through the many layers of the platform.
The web app's responsive design guarantees a consistent and quality experience across all devices, enabling users to engage whenever and wherever they choose.
The Trivia section offers multiple modes of engagement, from the competitive scramble of Live Lobby to the casual collective challenge of Community Mode. Each mode is crafted to cater to different user preferences, ensuring a diverse and inclusive platform for all chess enthusiasts.
The balance between aesthetic appeal and functional design ensures that users can focus on their gameplay and learning experiences without unnecessary distractions.
Users can connect with peers, challenge competitors, and track their progress in real-time.
Keenchess relies on the keens —a unique currency system users use to play games and challenge other players in lobby. Acquired by direct purchase, membership, or earnings conversion
Reflective Summary
The Journey
While like every other projects, it is expected to pose some challenges, I actually love it. At the beginning of the project, I have zero knowledge about chess, but It exposed me to the world of chess.
