Void Social Pages
Project Overview:
Void.gg is a rapidly growing gaming platform that allows users to engage with eSports tournaments, stream content, and interact with fellow gamers. To enhance the social interaction between users, we undertook the task of redesigning the social page. The goal was to create a more engaging, visually appealing, and intuitive experience that fosters community interaction while reflecting the brand's bold, tech-driven identity.
Problem Statement:
The original social page had a functional design but lacked a modern, cohesive visual structure and seamless user experience. User engagement metrics were below target, indicating that the social interaction features were not fully optimized for the users' needs. Key issues included:
Low post engagement and limited interactions within the community
A cluttered interface with unclear hierarchy
Lack of prominent call-to-actions (CTAs) to drive meaningful interactions
Inconsistent design elements that didn’t reflect Void.gg’s brand identitynter your text here...
Goals:
Increase User Engagement: By making interactions more intuitive and fun, we aimed to encourage users to post, like, comment, and share content more frequently.
Improve Usability: Create a streamlined experience with clear navigation and hierarchy, focusing on ease of use across various devices.
Align Visuals with Branding: Bring in design elements that match Void.gg's bold, futuristic gaming aesthetic to create a recognizable and immersive feel.
Design Process:
1. Research and User Interviews:
We conducted interviews with frequent users to understand how they currently interact with the social page and gathered insights on their pain points. This data was invaluable in guiding the redesign, ensuring that the updated interface addressed real user needs. Key takeaways:
Users wanted quicker access to tournament information and the ability to share live updates.
Gamers expressed a desire for more visual content like clips, memes, and achievements.
A leaderboard or ranking system for content creators would drive competition and visibility.
2. Competitive Analysis:
We looked into popular social and gaming platforms like Discord, Twitch, and Reddit to analyze their successful features and user engagement strategies. Incorporating elements like live comment threads, trending topics, and user badges became focal points in our redesign.
3. Wireframing and Prototyping:
I started by sketching low-fidelity wireframes to map out a simplified user flow, focusing on easy navigation and clear CTA placement. These were refined into interactive prototypes using Figma, allowing us to conduct usability testing before diving into the high-fidelity design.
4. UI Redesign:
For the UI, the focus was on creating a vibrant, dynamic interface that aligns with the gaming culture. Bold typography, neon accents, and dark mode were key design choices. We introduced:
Interactive User Profiles: Expanded profile features with badges, stats, and levels, giving users more reason to engage and personalize their presence.
Content Feed Overhaul: A clean feed layout optimized for sharing clips, gifs, and posts with upvoting, commenting, and sharing options prominently displayed.
Leaderboard Feature: Introduced a leaderboard showcasing top content creators and players, encouraging participation and boosting competitive spirit.
Custom Reactions: Gamified reactions like ‘Power-ups’ and ‘GGs’ for more meaningful interactions.
5. Branding Alignment:
Void.gg's branding reflects a futuristic, cutting-edge experience. To match this:
We used a dark theme with neon blue and purple accents, making the UI feel immersive and on-brand.
Bold, sharp fonts were employed to create a sense of action and dynamism, while rounded icons softened the interface to remain approachable.
Gaming-inspired micro-animations were added to buttons, notifications, and transitions to keep the experience fun and interactive.
Final Solution:
The redesigned Void.gg social page now offers a cleaner, more engaging experience. Users can seamlessly browse through posts, interact with content, and connect with fellow gamers. The interface encourages real-time sharing, boosting the platform's sense of community and collaboration.
Key Features:
Dynamic, content-driven feed
Personalized user profiles with badges and stats
Leaderboard for top users and creators
Enhanced, gamified interaction options (custom reactions, live updates)
Results:
Post-launch, the redesigned social page saw a significant increase in user engagement:
25% increase in post interactions (likes, comments, shares)
40% increase in time spent on the page
20% increase in user-generated content after the introduction of gamified badges and a leaderboard system.
Positive feedback from users about the intuitive design and on-brand visual elements.
Conclusion:
The Void.gg social page redesign not only enhanced user experience and increased engagement but also strengthened the community aspect of the platform. This redesign reflects the importance of aligning UX/UI with user needs and brand identity to create an effective digital experience.