Five Mics Official Website
Website Design & Development
Designed and developed the official website for Five Mics, a hip-hop themed trading card game, transforming a complex ecosystem of rules, cards, lore, events, and retail information into an accessible experience for new and existing players.
Roles
UIUX Design, Web Development
Tools
Figma, Framer
Industries
Entertainment
Date
June 2024

Five Mics is an original trading card game that combines hip-hop culture, strategic gameplay, and an expanding community ecosystem. As the game's player base and content library grew, information became increasingly fragmented across multiple platforms, making it difficult for new players to understand the game and for existing players to discover relevant content. To address this challenge, I led the redesign and development of the official website, creating a centralized hub that connects gameplay tutorials, card databases, organized play resources, lore, events, news, and retail information. Through extensive information architecture planning, I restructured a large volume of content into intuitive pathways that support both onboarding and long-term engagement. #H2 Key Challenges Organizing a Growing Information Ecosystem The website needed to support a diverse range of content, including game rules, card references, world-building, tournament resources, retailer onboarding, and community updates. I mapped relationships between content areas and designed an interconnected information architecture that allows players to discover information from multiple entry points rather than relying on a single navigation path. Improving New Player Onboarding One of the biggest barriers to entry was understanding where to start. I consolidated all essential learning materials—including tutorial videos, rule summaries, card types, gameplay mechanics, and the comprehensive rulebook—into a dedicated Get Started experience, creating a clear learning journey for first-time players. Increasing Content Discoverability Instead of treating pages as isolated destinations, I designed the site as a connected ecosystem. Related content such as cards, abilities, lore, events, and retailer resources are cross-linked throughout the experience, helping users naturally explore deeper layers of the game world.
Five Mics is an original trading card game that combines hip-hop culture, strategic gameplay, and an expanding community ecosystem. As the game's player base and content library grew, information became increasingly fragmented across multiple platforms, making it difficult for new players to understand the game and for existing players to discover relevant content. To address this challenge, I led the redesign and development of the official website, creating a centralized hub that connects gameplay tutorials, card databases, organized play resources, lore, events, news, and retail information. Through extensive information architecture planning, I restructured a large volume of content into intuitive pathways that support both onboarding and long-term engagement. #H2 Key Challenges Organizing a Growing Information Ecosystem The website needed to support a diverse range of content, including game rules, card references, world-building, tournament resources, retailer onboarding, and community updates. I mapped relationships between content areas and designed an interconnected information architecture that allows players to discover information from multiple entry points rather than relying on a single navigation path. Improving New Player Onboarding One of the biggest barriers to entry was understanding where to start. I consolidated all essential learning materials—including tutorial videos, rule summaries, card types, gameplay mechanics, and the comprehensive rulebook—into a dedicated Get Started experience, creating a clear learning journey for first-time players. Increasing Content Discoverability Instead of treating pages as isolated destinations, I designed the site as a connected ecosystem. Related content such as cards, abilities, lore, events, and retailer resources are cross-linked throughout the experience, helping users naturally explore deeper layers of the game world.



