UX/UI Case Study · 2024

Discord
AI Server Creation Feature

Designing an AI-powered feature that lets Discord users generate fully organized servers and fetch bots through natural language, without disrupting the platform's familiar experience.

Role Solo UX/UI Designer
Type Add a Feature · Desktop
Tools Figma · Otter.ai
Platform Discord (existing product)

Building smarter servers without disrupting what users already love

Discord is used by over 100 million people to communicate, game, and build communities. While creating a small friend group server is relatively simple, setting up a large, well-organized community server is time-consuming, overwhelming, and often incomplete without prior planning. I designed two interconnected AI features — an AI server generator and an AI bot fetcher — that integrate natively into Discord's existing interface without breaking its familiar feel.

The core challenge was not just solving a real user problem, but doing so in a way that felt like it belonged in Discord all along.

100%
of participants successfully created a server using the AI feature
100%
successfully fetched and added a bot to their server
5
user interviews conducted across November 2024
6
usability test participants across two tasks

Server creation is powerful but painfully slow

Communities are at the heart of what sets Discord apart from competitors like TeamSpeak and Mumble. But the process of building one from scratch is where the platform falls short. Without prior planning, most servers are left in a barebone state, lacking the channels, bots, and structure that make a community actually function.

Manual setup is overwhelming

Creating channels, assigning roles, writing introductions, and setting up rules individually takes significant time, even for experienced users.

Bot discovery is unclear

Users often know bots exist and can enhance their server, but the process of finding, evaluating, and adding them is not intuitive or guided.

No assistance for new community builders

First-time server creators lack the experience to structure a community well, and Discord offers no smart guidance to help them get there.

How might we use AI to dramatically reduce the time and expertise required to create and customize a Discord server, while keeping the experience feel native to the platform?

From user frustration to a feature that feels built-in

This project followed a full UX design process, moving from competitive analysis and user interviews through multiple wireframe stages and into a tested, iterated hi-fi prototype.

1
Competitive
Analysis
2
Research
& Interviews
3
Synthesis
& Personas
4
Wireframes
& Flow
5
Testing
& Iteration

Understanding where Discord's competitors fall short

Before interviewing users, I conducted a SWOT analysis of Discord's three primary competitors — TeamSpeak, Mumble, and Revolt — to identify the gaps Discord could exploit with an AI feature, and the strengths it needed to protect.

TeamSpeak

Loyal following, strong voice quality
Military-grade AES encryption
Outdated UI, lacks modern features
No AI or smart setup assistance

Mumble

Open-source, low latency audio
Full communication encryption
No server hosting, no direct messaging
No community or bot ecosystem

Revolt

Open-source, strong bot API
Highly customizable roles and channels
Lacks Discord's community scale
No end-to-end encryption, poor mobile
Key opportunity identified: None of Discord's competitors offer AI-assisted server setup or bot discovery. This represents a clear, uncontested space for Discord to differentiate, especially given the cognitive load users already face during manual server creation.

Talking to the people who build and live in Discord servers

I conducted 5 user interviews with Discord users ranging from casual chatters to experienced server admins. Sessions ran approximately 12 to 15 minutes each and were recorded with permission via Otter.ai. Participants included Brian, Edgar, Gustavo, Dannel, and Angel — each with varying levels of experience in server creation and AI tools.

Four insight clusters from affinity mapping

After interviews, I organized observations into an affinity map, grouping notes across all 5 participants into four meaningful themes that shaped the direction of the feature design.

Pain Points

Server creation is overwhelming with too many options. Admin roles and permissions are confusing. Finding the right sound bites for the soundboard is harder than expected.

Motivation

Users primarily use Discord for easy text, voice, and gaming with friends. Feature richness and customization options keep them engaged. Screen sharing and GIF support add social value.

Wants

A streamlined server setup process with more interactive features. AI assistance for shortcuts and server management. More user-friendly tools for creating servers and adding bots.

Experience

Positive history with admin features. Familiarity with basic Discord functions, though advanced settings remain largely unexplored. Bots have been used, but only ones pre-added to existing servers.

Two users, two distinct relationships with server creation

Research produced two primary personas — one representing an aspiring community builder who is overwhelmed by the process, and one representing a social user who wants deeper customization without the learning curve.

MP
Mark Philips
28 · Queens, New York
Data Analyst
Community Builder Not Tech-Savvy
Goals
  • Create a successful car enthusiast community server
  • Improve his understanding of Discord's admin features
  • Get in tune with what comes with hosting a server at scale
Frustrations
  • Poor organization makes channel management harder
  • Not very tech-savvy, easily overwhelmed by options
  • Prefers templates that offer guidance rather than blank slates
"I want to create a community for car enthusiasts like myself, but I don't have much experience in creating servers as it can get very overwhelming."
JW
Juliet Withers
23 · Houston, Texas
Health Educator
Social User Bot Curious
Goals
  • Customize her friend group server using bots
  • Add more interactivity and fun to socializing on the platform
  • Learn more about what AI can do within Discord
Frustrations
  • Knows how to create a server but not how to go deeper with customizations
  • Not very familiar with AI tools or how to apply them
  • Struggles when tasks aren't straightforward to accomplish
"Staying connected with my friends on Discord is a top priority. I wish it were easier to customize our server further through bots because I've seen what you can do with it."

Sketching natively before opening Figma

Lo-fi wireframes were hand-drawn to map out the two core interaction surfaces: the "Generate with AI" entry point in the server creation modal, and the "Fetch Bot" feature accessible from the server dropdown menu. Keeping sketches rough deliberately prevented premature attachment to visual details.

Two new features scoped in lo-fi: A "Generate with AI" option integrated into the existing server creation modal, allowing keyword-based or text-based server description. A "Fetch Bots" option accessed from the server dropdown menu, surfacing AI-curated bot recommendations.

Two parallel AI-powered paths through Discord

The user flow mapped two distinct task paths that could be completed independently or sequentially. The first covers AI-assisted server creation from the home screen through to a fully generated server. The second covers bot fetching from within an existing server's settings.

Create Server path: Home → Add a Server → Create Your Server → Create with AI → Describe Server (keywords or text) → Name Server → Server Created.

Fetch Bot path: Server Home → Server Dropdown → Fetch Bots → Describe the Bot → AI Search Results → Select Bot → Bot Added to Server.

Both paths were designed to be short and recoverable, with clear back navigation at every step so users never felt trapped mid-flow.

Grounding the feature inside Discord's actual UI

Mid-fidelity wireframes translated lo-fi concepts into Discord's real interface layout, using the platform's dark theme, typography, and component patterns. This stage was critical for validating that the new features felt native rather than foreign.

Eight screens were produced at mid-fi, covering the server creation modal, the AI description step with keyword selection, the server confirmation state, the fetch bot flow, and the bot results overlay. Discord's existing modal and dropdown patterns were preserved throughout.

Mid-fi testing revealed that users understood the core flows quickly, but the "Generate with AI" button needed repositioning inside the main card. The bot results screen also needed richer information to help users differentiate their options before selecting.

A feature that looks and feels like it shipped with Discord

The hi-fi prototype fully adopted Discord's dark UI, typography, iconography, and component patterns. The goal was for a user to encounter "Generate with AI" and "Fetch Bots" and feel that they had always been there — not that a designer had inserted something new.

Discord Dark Theme (#313338) Discord Blurple (#5865F2) Native Modal Components Keyword Selection UI Bot Rating System

The final prototype covered 15 screens across two complete user flows, including hover states, active keyword states, server confirmation, bot results with descriptions and ratings, and the bot-added confirmation. Both flows were fully interactive and prototype-linked for usability testing.

Three meaningful changes driven by user feedback

Usability testing surfaced three clear areas for improvement. Each iteration was grounded in direct user observations rather than designer preference, and each brought the feature closer to feeling intuitive and complete.

1
Relocated the "Generate with AI" button

In the original design, the button sat outside the main content card as a standalone element. Users found it out of the way and easy to miss. I moved it inside the card, above the templates section, so it sits in line with the existing options and immediately catches the eye.

2
Added bot descriptions, ratings, and server counts to fetch results

Users couldn't differentiate between the AI-returned bots without context. "Why choose this one over the other?" was a repeated question. I added a brief description, star rating, and member count to each bot card so users could make a confident, informed choice.

3
Fixed inconsistent spacing in the server channel sidebar

The mid-fi generated server showed inconsistent vertical spacing between channel categories. The hi-fi iteration aligned all channel items to Discord's native spacing system, removing the visual inconsistency that made the AI-generated layout look unpolished.

Before
Bot results showed only names with no additional context. Users paused, unsure which bot to select or why the AI had surfaced those particular results.
After
Each bot result now includes a short description of its functions, a star rating, and a server count, giving users the information they need to choose with confidence.

Both features validated with strong completion rates

Usability testing was conducted with 6 participants across two tasks — creating a server using the AI generation feature, and fetching a music bot to add to an existing server. Testing was moderated and sessions were recorded for review.

6/6
participants successfully created a server using AI
6/6
successfully fetched and added a bot to their server
~2 min
average time to complete the server creation task
~5 min
average time to complete the bot fetch task

What it means to design for a product you didn't build

Designing for an existing product is a fundamentally different challenge than creating from scratch. You're not setting the rules — you're working within someone else's rules and trying to add something that belongs there.

— Luis, Designer

The biggest lesson from this project was how strongly users resist change to something they've used for years. Moving the "Generate with AI" button from outside the content card to inside it wasn't a dramatic change visually, but it made all the difference in how natural the feature felt to users. That's the kind of micro-decision that you can only arrive at through testing — not intuition.

Finding a way to make AI useful on a platform that is already feature-rich was the central creative challenge. The key was framing AI not as a new layer on top of Discord, but as a time-saving assistant operating within the existing flow. It doesn't replace the user's decisions — it just makes the setup faster and smarter.

I also encountered a small number of users who were cautious about AI implementation. Rather than avoiding that concern, I addressed it directly by designing for a specific, low-stakes use case and letting the prototype speak for itself during testing. By the end, every participant had accepted the feature as genuinely useful.

🎭

Design for the brand, not just the user

With an existing product, brand identity is a constraint as real as any technical one. Every element had to earn its place within Discord's visual language.

📍

Placement is as important as presence

A feature that exists but is out of the way might as well not exist. The AI button's repositioning was the single most impactful change of the entire project.

🤖

Frame AI around specific problems

Users who were skeptical about AI became receptive once they understood the concrete use case. Abstract AI promises do not land — specific problem solving does.

🔁

Users prefer familiar paths

People who have used Discord for years have strong muscle memory. Any new feature needs to slot into existing patterns, not ask users to learn new ones.

Where the feature goes from here

This project established a solid foundation for AI-assisted server creation and bot discovery. Several enhancements were identified during testing that fell outside the current scope but represent a clear roadmap for a next iteration.

Advanced AI settings

Provide additional controls for experienced users to fine-tune the AI's output — adjusting channel count, role complexity, bot categories, and more.

Free and premium bot filtering

Add a filter for free vs. premium bots in the fetch results, surfacing cost before users invest time evaluating a bot they can't access.

Contextual right-click access

Surface the Fetch Bot option in the server icon right-click menu as well as the dropdown, matching how power users naturally navigate the platform.

How this project was built


Figma Otter.ai (transcription) User interviews Competitive SWOT analysis Affinity mapping User flows Lo-fi wireframing Mid-fi wireframing Hi-fi prototyping Moderated usability testing Persona development