i

|

[05]

|

[05]

[05]

|

[05]

|

KGeN Gaming

KGeN Gaming

|

KGeN Gaming

2024

|

UX & UI Design

|

UX & UI Design

|

UX & UI Design

|

Brand Identity System

|

Brand Identity System

|

Brand Identity System

KGeN (Kratos Gaming Network) is a platform that redefines how gamers and game developers engage in the digital world. As a ‘gamer-owned reputation engine,’ it enables players to control their digital identities and achievements across multiple games. KGeN also offers curated games and quests for its gaming community.

PoG (Proof of Gamer) is a comprehensive gamer profile card that tracks achievements like player level, cash earned, and genres across blockchain games. It serves as proof of a gamer’s progress and helps distinguish human players from bots.

See UX & UI Case Study –>

See UX & UI Case Study –>

See UX & UI Case Study –>

Structuring and Designing PoG (Proof of Gamer)

— The PoG system needs to work seamlessly across KGeN’s web and mobile applications.
— The PoG card must be structured to accommodate diverse game data.
— The PoG updates in real-time, and the design must define how gamer actions translate into data on the card.
— Be user-friendly, enabling users to create and share in their network.

More Information +

More Information +

More Information +

More Information +

PoG (Proof of Gamer) Design

The PoG card’s structure is designed to prioritize the information gamers value most, with their actions and progress across games directly impacting the data. Carefully placing icons and text was crucial for delivering a user-friendly and informative design. Icons were used for easily recognizable elements like genres and platforms, and performance metrics such as the PoG score and cash earned were presented as text to ensure accuracy and legibility.

Gamers can choose from KGeN’s avatar library, generate an AI-generated image, or upload and edit their own photo. This makes the PoG more personalised and ownable for gamers. The design system was expanded to include various badges for achievements and clan creation. Small visual indicators, such as colour differences, background variations, and icon animations, were used to enhance information delivery within the PoG card.

More Information +

More Information +

More Information +

More Information +

UI Design System

A distinctive frame style and content boxes were designed to be instantly recognisable by gamers, ensuring familiarity and consistency. The inspiration for these shapes came from the simplicity and recognisability of a bookmark, providing the right amount of emphasis on KGeN’s branding without overpowering the game graphics. In the gaming community, information is often shared through icons, such as icons representing clans, genres and platforms. Developing a custom and distinct icon style was essential for emphasising KGeN’s curation within this space. 

More Information +

More Information +

More Information +

More Information +

The system anticipates using visuals from KGeN’s various game partners by acting as a ‘framing’ device, being able to house various visual styles and game genres without diluting the core identity. Following the PoG, the UI design system was created for KGeN’s website and mobile platform. As most of their graphics featured game characters and imagery, an additional layer was introduced with a striking colour to symbolise KGeN’s curation in games.

More Information +

More Information +

More Information +

More Information +

Impact

Creating a PoG takes just around 3 minutes; over 2M+ avatars have been created to date:
This streamlined process has significantly enhanced user engagement, making PoG a key feature within the gaming community.

Increased engagement in the gaming community:
Gamers showed great excitement by sharing and posting their PoG cards on social media and challenging other gamers, leading to increased brand awareness and more users.

*Images of KGeN’s games and game characters belong to their respective creators and have been used here for representational purposes.

More Information +

More Information +

More Information +

More Information +

RELATED PROJECTS

[Bihar Museum]

[02]

[03]

[04]

[05]

[06]

RELATED PROJECTS

[Bihar Museum]

[02]

[03]

[04]

[05]

[06]

RELATED PROJECTS

[Bihar Museum]

[02]

[03]

[04]

[05]

[06]

Connect at nishthasharmawork@gmail.com

©2019-2024 Nishtha Sharma

Connect at nishthasharmawork@gmail.com

©2019-2024 Nishtha Sharma

Connect at nishthasharmawork@gmail.com

©2019-2024 Nishtha Sharma

Nishtha Sharma

Nishtha Sharma