void logo

Comprehensive design for Void: Branding, UI/UX, Illustrations, and Promo Video

Void blends social networking with game tracking, uniting gamers in a seamless, immersive community platform.

void

Project

The Gamers' Haven - Socialize, Track, Excel

Void isn't just a platform; it's a revolution in the gaming community. Bridging the gap between social networking and progress tracking, it offers a unique blend where gamers can connect, share, and grow. It’s the solution to scattered gaming data and frustrating ads, bringing everything gamers cherish under one digital roof.

SERVICES

Key Features

Void stands out with its dual-core features - fostering robust social connections among gamers and providing detailed individual stats for progress tracking. It`s a sanctuary where gamers can celebrate their achievements, connect with like-minded individuals, and discover friends in familiar gaming landscapes.

void character

Tailored Design

Design Philosophy: Embrace the Uniqueness of Each Game

Void helps each gamer discover their unique strategy and adapt it to every session. With individual interfaces, they can get diverse gaming experiences, polishing their skills and tactics. This design philosophy allows Void to attract a vast target audience with different requirements and needs.

Design Features

  • Social Networking: Connect with gamers globally, share experiences, and build friendships.
  • Progress Tracking: Monitor gaming achievements and stats across different games.
  • Multi-Game Integration: Tailored interfaces for individual games, displaying unique stats.
  • Community Discovery: Find and connect with friends playing similar games.
  • Live Stats and Clips: Access real-time game statistics and watch gaming clips.
  • Leaderboards: View and compare rankings in various games.

void characters

Identity System

Incorporating the mystique of black holes, our identity system integrates the “O” in the logo with an evocative image of a void. This conceptual design marries the iconic "on and off" symbol — a circle disrupted by a line — with the imagery of a black hole. This fusion not only symbolizes the gateway to gaming adventures but also resonates with the familiar ritual of powering on a device, readying players for their next digital escapade.

void logo
void logo
void logo
void logo
void logo

Branding & Research

Inspired by the captivating forces of black holes and the iconic Enigma ult from Dota, which visually represents a powerful inward pull, our branding initiative began with the idea of encapsulating this movement. The design concept focused on the action of the void drawing everything into its core, reflecting Void`s ability to aggregate and centralize the gaming community`s diverse elements into a unified platform.

black holes
black holes

Custom Characters Illustration

To bring our demo video to life, we created custom illustrations featuring iconic characters from Valorant and League of Legends. While these characters can effortlessly blend with the Void logo for a unified visual experience, we chose to set them against specially designed, vivid backgrounds.

league of legends
void
void

UX Wireframes

In designing Void, we delved deep to understand the diverse needs of a gaming platform and its users. Our starting point was a thorough sitemap development, conceptualizing 17 essential pages catering to various roles and use cases. The clients supplied us with two of their own crafted draft screens in Adobe XD files. It was wonderful to see how these evolved into 17 elaborately designed screens, each meticulously crafted to ensure a seamless and intuitive user journey across the entire Void platform.

void wireframes

UI Design

Designing a Diverse Yet Unified Gaming Interface

The challenge in Void's UI was twofold - creating a vibrant social hub and adapting to the unique statistical needs of different games. Our design journey involved harmonizing these elements, ensuring each game's stats were meticulously integrated, providing a personalized yet unified gaming experience.

void
void ui

Game Pages

From a game with just 10 key stats to another boasting 100, we crafted individual interfaces that not only display essential game metrics but also offer insights into strategies and item usage, fostering skill growth and community learning.

void

Apex Legends

Starting with Apex Legends was natural, given our team`s familiarity with the game. We condensed crucial information into 6 intuitive screens and 3 pop-ups, ensuring a comprehensive yet streamlined user experience, all while integrating unique components for enhanced engagement.

void
void

Fortnite

Fortnite`s integration into Void went beyond functionality; it included vibrant character illustrations, enriching our demo video. We flawlessly designed each element to resonate with Fortnite`s dynamic world, ensuring an immersive and informative user journey.

fortnite
fortnite

CS:GO

CS:GO’s intricate gameplay required an expansive approach. Our design solution encompassed over 10 screens, each tailored to capture the game’s diverse stats and aspects, ensuring that every nuance of the player`s journey is meticulously chronicled.

CS:GO
CS:GO

World of Warcraft & WoW Classic

The depth of World of Warcraft demanded our utmost dedication. Crafting 32 screens for WoW and 33 screens for WoW Classic, we flawlessly addressed the game’s rich complexity and unique items, ensuring a thorough and engaging experience for the players.

wow
World of Warcraft & WoW Classic
World of Warcraft & WoW Classic
void

Core Pages

Void core pages are the platform’s backbone, designed to engage both registered and unregistered users. These pages provide comprehensive insights into games and players, aiming for natural user base growth by gathering information typically scattered across multiple websites.

void character

Home

Introducing Void`s homepage: a gateway to gaming`s universe. Designed for immediate immersion, it effortlessly guides users to social features, game stats, and community highlights. The perfect start to your gaming journey.

home page

Profile Overview

This streamlined section highlights "Your Last Matches," dynamically updating based on the game selected in the "Your Statistics" dropdown. Dive deeper into your gameplay by clicking "View All Matches," or scroll down to engage with your community through posts, clips, and live streams.

void

Settings

Here, you can connect your favorite games to the platform, link other social networks, and list your computer specs along with additional gear like your mouse and mouse pad. Choose what you display on your profile, offering a glimpse into your gaming world or keeping some details private. It`s all about personalizing your presence in the Void community.

Settings

Other Pages

Whether users are diving into clips, searching for fellow gamers, browsing their feed, or exploring the vast array of games on the platform, we`ve designed each interaction with depth and detail. This dedication ensures a seamless and engaging journey through every corner of Void, catering to the diverse needs and curiosities of our gaming community.

void

Light & Dark mode

In our commitment to user comfort and their preferences, Void features both light and dark modes. This choice allows users to enjoy a personalized browsing experience, whether they’re connecting with friends, exploring the platform, or seeking game progression tips, regardless of their environment.

Light & Dark mode

Customer testimonial

The goal was to design an experience for a notoriously demanding audience. The end product turned out beyond expectation.
Hanna Svetlitskaya
Hanna Svetlitskaya
Creative Producer
void character