Project info
Role: Product Designer, end to end, (Structure, Wireframing, copy and visual design)
Team: Microsoft Game Dev team
Platform: Adobe Experience Manager (AEM)
Design system: Microsoft Game Dev (MGD) library
Year: 2024
Status: Live
Product Design / Web / Microsoft Game Dev
Microsoft Gaming
AI Resource Hub
A single destination for game developers to discover how Microsoft is bringing AI to game creation.
Introduction
At Microsoft Game Dev, I had the opportunity to design the Gaming AI Resource Hub, a landing that brings together everything Microsoft is building with AI for game developers.
The goal was to give developers one place to understand what AI can do for their games, and a clear next step.
I owned the page end to end: structure, copy and visual design. I started from the content that already existed, the AI articles on the MGD blog, and built a simple narrative around it: what’s in it for you, proof, and an invitation to join the community on Discord.
Information architecture
The page follows a simple narrative:
What’s in it for you → proof → join the conversation.
- Introduction: sets expectations with four value pillars that explain what developers will find.
- AI in Action: articles and videos from the MGD blog, grouped by what developers want to do.
- Community: an invitation to the Microsoft Gaming Discord server.
- Closing: “We are just getting started” tells visitors the hub will keep growing.
I ensured that the website’s sections stood out, facilitating a seamless user experience. The design decisions were data-driven, influenced by the analytics of the site to enhance user interaction and guide visitors to the desired actions.
Design for what existed
Key decisions
- Four pillars instead of a long introduction: AI is an abstract topic. Turning it into four concrete benefits (discoverability, player engagement, developer velocity and responsible AI) tells developers in seconds why they should care.
- Content grouped by intent, not by date Articles are organized around what developers want to do: plan for the future with AI, or use AI to build their game.
- Reusable cards that scale: Cards with “Load more” use existing AEM patterns, so new articles can be added without redesigning the page.
- One clear call to action With no tools or sign-ups to offer yet, joining the Discord community was the most valuable next step. It turns readers into participants.
- A visual language for “building with AI” The grid references blueprints and construction, while the purple gradient signals AI, all within the MGD library.
The pivot
The approved design featured artwork from a partner game studio in the hero. Close to launch, communication with the studio was delayed and the artwork couldn’t be confirmed in time.
Rather than delaying the launch, I redesigned the hero using the page’s own visual system: the grid and a star accent. The new version needed no third-party approval and kept the page consistent.
In this final round I also refined the copy. The subtitle became more direct (“Welcome to the Microsoft Gaming AI Resource Hub”) and section titles shifted toward action (“AI in Action”, “AI for building your game”).
Shipped
Delivered
AI in my process
I used AI during ideation, mainly to explore different concepts for the hero, generate variations for the pillar titles and descriptions, group the blog articles into themes.
It helped me move from a blank page to several directions quickly, test more copy options than I would have written on my own.
But the final decisions were mine. AI suggestions were often too generic, didn’t follow the MGD design library, missed the tone Microsoft needed for developers, so I used them as a starting point and refined them to fit the brand, the audience and the content we actually had.
I owned the page end to end: structure, copy and visual design. I started from the content that already existed, the AI articles on the MGD blog, and built a simple narrative around it: what’s in it for you, proof, and an invitation to join the community on Discord.
The result
The hub launched and is live at this link, giving Microsoft Game Dev a single entry point for its AI content and a direct path to its developer community.
