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.
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.
- Branding
- UI&UX Design
- Illustration
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Customer testimonial
The goal was to design an experience for a notoriously demanding audience. The end product turned out beyond expectation.Hanna SvetlitskayaCreative Producer
