The Job of the platform
Being an employee engagement platform - there were different scenarios, it became evident that users were going to the site with the declared aim to play a game in every case. We came to the conclusion that the website's role should be that of an extra ounce of joy and excitement rather than a project management tool.
The Challenge
Creating an online employee engagement environment of fun and team bonding, a virtual gaming platform, customized engagement programs for your teams, globally.
Research
The survey's purpose was to collect essential journeys and critical insights regarding virtual gaming platforms, as well as to understand the end-users - employee viewpoint. This aided us in developing a set of feature recommendations and user journeys.
User flow map
In the beginning, we needed to define the main flow for two scenarios: Start a new game by scheduling it with the team and Join game from scheduled list. Also, Dashboard for viewing stats of games played in an organisation.
Wireframes
We started with wireframes to cover key journeys, this helped us in defining the basic information architecture and validating it with the internal team including the client to gain input prior to initiating the UI phase.
Typography
The Fira Sans typeface strives to meet the readability requirements for a different responsive sizes and rendering in addition to integrating with the Operating System's personality.
Home page
A dynamic home page that visually adapts to the type of user, The homepage has all the games listed as cards. They are chronologically ordered starting with the newly released or top 10 picks from an organization.
Dashboard view for Admin:
One of the most primary needs of admin is to view the employee engagement - no of employees being active, hours spent & most played games in the platform.
OtherScreens
Game Detail page
Scheduled Games
Manage Team
Game Reports
Plans & Wallet
Settings
Responsive Design
Similar Portfolios
Algobulls
We simplified the algo trading web application to create content flow and structure that’s easy to discover and scalable. Our atomic design approach created a systematic design system.
View case studyYabx
A fintech platform that aims to provide financial access to over two billion unbanked people on their mobile. Given our target audience is new to technology and the application was complex. We focused on simplifying information architecture with multiple filters to ensure that app was simple & accessible.
View case study