ESTUDO DE CASO · 2026
PRODUCT DESIGN · UX/UI · DESENVOLVIMENTO

Servidor de Minecraft,sem complicação.

Como um painel pessoal para gerenciar um servidor de ATM10 virou o Easy Server: um app desktop gratuito, com IA, lançado em julho de 2026 e em evolução contínua.

PAPEL
Product design, UX/UI e desenvolvimento
PLATAFORMA
Windows 10/11 · app desktop (Electron)
LANÇAMENTO
10 jul 2026 · hoje na v0.3.1
STACK
React 19 · TypeScript · Tailwind 4 · Socket.IO
Dashboard do Easy Server: lista de servidores, chat do Hefesto IA, desempenho e ações rápidas

01VISÃO GERAL

Criar e administrar um servidor de Minecraft em poucos cliques.

Um gerenciador desktop para Windows que reúne, num só lugar, o que normalmente exige terminal, scripts e configuração manual: instalar servidores e modpacks, acompanhar o console, fazer backups, monitorar recursos e conversar com uma IA.

  • 6

    tipos de servidor

    Vanilla, Paper, Purpur, Forge, NeoForge e Fabric

  • 4

    provedores de IA

    Gemini, OpenRouter, Groq e Ollama (local)

  • 3

    idiomas

    Interface em Português, Inglês e Espanhol

  • R$ 0

    gratuito

    Sem cadastro — apoio voluntário via Patreon

  • Instalar

    Servidores Vanilla, Paper, Purpur, Forge, NeoForge e Fabric, além de modpacks do Modrinth e CurseForge — com o Java certo instalado automaticamente.

  • Controlar

    Console em tempo real, propriedades, arquivos, jogadores (kick, ban, OP), backups e webhooks para o Discord.

  • Conversar

    O Hefesto, assistente de IA, entende comandos em português e executa ações reais no servidor.

  • Compartilhar

    Túnel para os amigos entrarem sem abrir portas e Acesso Remoto para administrar pelo navegador.

02CONTEXTO E PROBLEMA

Rodar um servidor é bem mais difícil do que jogar nele.

Tudo começou com uma necessidade real: administrar um servidor de All the Mods 10 — um modpack com centenas de mods — entre terminais, scripts .bat e arquivos de configuração. O primeiro painel só iniciava e parava o servidor, mostrava o log em tempo real e capturava o link do túnel.

o-caminho-manual.bat

O CAMINHO MANUAL

  1. descobrir o Java certo para cada versão do Minecraft
  2. baixar o .jar do tipo certo (Vanilla? Paper? Forge?)
  3. escrever o run.bat e editar o server.properties à mão
  4. abrir portas no roteador para os amigos entrarem
  5. interpretar um terminal sem contexto nem progresso
  6. lembrar de fazer backup — e torcer para funcionar

6 etapas — e ainda nem começamos a jogar.

COM O EASY SERVER

Instalar o app

Um único instalador do Windows (~90 MB), sem cadastro.

Escolher tipo, versão e nome

Seis tipos de servidor e a lista de versões na mesma tela.

Criar o servidor

Java, download e configuração inicial ficam por conta do app.

O túnel dispensa abrir portas no roteador e o Hefesto, o assistente de IA, explica e executa o resto por comando de texto.

PERGUNTA-GUIA

Como deixar o gerenciamento de um servidor tão simples quanto abrir um jogo — sem esconder o poder de quem quer configurar tudo?

03PARA QUEM É

Três perfis, uma expectativa: funcionar sem manual.

Cada perfil enxerga o produto por um ângulo diferente — de quem só quer jogar com os amigos a quem precisa moderar uma comunidade inteira.

  • 01

    Jogadores casuais

    Grupos de amigos que querem hospedar um servidor no próprio PC (Vanilla, Paper, modpacks) sem lidar com .bat, terminal ou portas.

    O QUE PRECISAM

    • Criar o servidor sem conhecimento técnico
    • Convidar amigos sem mexer no roteador
    • Ver de relance que está tudo funcionando
    • CRIAÇÃO GUIADA
    • JAVA AUTOMÁTICO
    • TÚNEL E4MC
  • 02

    Admins de comunidade

    Quem mantém servidores com muitos jogadores e precisa de acesso rápido ao console, aos logs e à moderação.

    O QUE PRECISAM

    • Console e logs em tempo real
    • Kick, ban e OP em um clique
    • Backups e avisos no Discord
    • CONSOLE
    • MODERAÇÃO
    • BACKUPS
    • WEBHOOKS
  • 03

    Amigos moderadores

    Quem ajuda a cuidar do servidor quando o dono não está por perto — e não deveria precisar instalar nada para isso.

    O QUE PRECISAM

    • Ligar, desligar e reiniciar o servidor
    • Moderar jogadores e acompanhar o console
    • Conversar com o Hefesto pelo navegador
    • ACESSO REMOTO
    • LINK COM PIN
    • PAINEL WEB

04PRINCÍPIOS DE DESIGN

Quatro princípios guiaram as decisões de interface.

Mais do que regras abstratas, viraram escolhas concretas — e cada uma pode ser vista em alguma tela do produto.

  • 01

    Zero configuração inicial

    O Java certo é detectado e instalado sozinho, a RAM já vem com valores prontos e o túnel dispensa abrir portas no roteador. O caminho até o primeiro servidor online é curto.

    Onde aparece: instalação automática do Java · túnel e4mc · tela Adicionar Servidor

  • 02

    Tudo visível, sem vai-e-vem

    O fluxo de adicionar servidor trocou o assistente em etapas por um layout mestre-detalhe: versões, nome e RAM aparecem juntos, na mesma tela.

    Onde aparece: Adicionar Servidor — Criar novo, Modpack e Abrir pasta

  • 03

    Simples por padrão, poderoso sob demanda

    O essencial mora no Dashboard; propriedades, arquivos, backups e webhooks ficam a uma aba de distância no painel de cada servidor.

    Onde aparece: Painel do servidor — sete abas na lateral esquerda

  • 04

    IA como atalho, não como risco

    O Hefesto executa ações reais por texto, mas ações destrutivas (kick, ban, parar servidor) exigem confirmação explícita — sem resposta em 60 s, a ação é cancelada.

    Onde aparece: diálogo de confirmação · permissões de admin vs. jogador

05PROCESSO

De um painel para um servidor a um produto lançado.

A evolução aconteceu em camadas: primeiro a função, depois a experiência e, por fim, um ciclo contínuo com usuários reais.

  1. PONTO DE PARTIDA

    Painel ATM10

    Node.js, Socket.IO e Tailwind. Iniciava e parava o servidor, mostrava o log em tempo real e capturava o link do túnel e4mc.

    PROTÓTIPO
  2. VERSÃO 1.X

    Easy Server v1

    Virou um .exe: multi-servidor, backups seguros, gerenciador de mods, Playit.gg, webhooks do Discord e o Hefesto local via Ollama. Funcional, mas pouco polido.

    .EXE ÚNICO
  3. REDESENHO

    Protótipo “Pro”

    A experiência foi redesenhada em React com dados simulados: dark mode violeta, sete telas mapeadas e tema claro/escuro — antes de plugar o backend.

    UX PREMIUM
  4. LANÇAMENTO

    Easy Server 0.x

    O backend real do v1 encontrou a interface do protótipo: app Electron, instalador NSIS e auto-update. Primeira release pública em 10/07/2026.

    V0.0.2
  5. ITERAÇÃO

    Usuários reais

    Nove releases em cerca de dois meses, guiadas por bugs reportados no próprio app e por novas frentes: acesso remoto, NeoForge e modpacks.

    V0.3.1 · ATUAL
V1.X

Backend real

Processos Java de verdade, logs ao vivo, backups e IA local — com interface pouco polida.

PROTÓTIPO PRO

UX premium

Navegação, identidade violeta e telas redesenhadas — porém com dados simulados.

PRODUTO

Easy Server

Dados reais e experiência premium no mesmo app, distribuído como instalador para Windows.

RITMO DE RELEASES · 07 JUL 12 SET 2026

9 RELEASES PÚBLICAS64 DIAS ENTRE A 1ª E A ÚLTIMA
  1. v0.0.1

    07 JUL

    build de teste

  2. v0.0.2

    10 JUL

    1ª release pública

  3. v0.0.3

    25 JUL

    correções de usuários

  4. v0.0.4

    28 JUL

    porta efêmera

  5. v0.0.5

    14 AGO

    feedback in-app

  6. v0.0.6

    14 AGO

    fix do auto-update

  7. v0.1.0

    02 SET

    React + janela própria

  8. v0.2.0

    03 SET

    server pack automático

  9. v0.3.0

    11 SET

    acesso remoto

  10. v0.3.1

    12 SET

    atual

06ARQUITETURA DE INFORMAÇÃO

Um mapa simples: quatro áreas e um painel para cada servidor.

A navegação global cabe em poucos ícones. O detalhe — console, arquivos, backups — fica dentro do painel de cada servidor, para não competir com o essencial.

BARRA DE TÍTULO · SEMPRE VISÍVEL

  • Título da página
  • Acesso remoto (túnel)
  • Idioma PT/EN/ES
  • Tema claro/escuro/sistema
  • Configurações
  • Controles da janela

BARRA LATERAL

  • Dashboard
  • Servidores
  • Downloads
  • Dashboard

    Visão geral e Hefesto

    • Servidores
    • Players online
    • Hefesto IA (chat geral)
    • Performance · CPU e RAM
    • Atividades
    • Ações rápidas
  • Servidores

    Lista, criação e painel

    • Lista com busca · Online/Offline

    ADICIONAR SERVIDOR

    • Criar novo · 6 tipos
    • Modpack · Modrinth e CurseForge
    • Abrir pasta

    PAINEL DO SERVIDOR

    • Hefesto IA
    • Console
    • Propriedades
    • Ajustes
    • Arquivos
    • Backups
    • Webhooks
  • Downloads

    Central de instalações

    • Central de downloads
    • Limpar concluídos
  • Configurações

    Preferências do app

    • Geral · sistema, dados e suporte
    • Hefesto IA · chaves e provedores
    • Conectividade · túnel e PIN
    • Dependências · Java e ferramentas

07IDENTIDADE VISUAL

Um cubo isométrico com botão de play e um wordmark em pixels.

O símbolo une um bloco isométrico — o universo do Minecraft — a um botão de play: iniciar com um clique. O wordmark pixelado assume a herança do jogo sem virar paródia.

LOGO PRINCIPAL · FUNDO ESCURO

VERSÃO PARA FUNDO CLARO

Easy Server

SÍMBOLO

CONSTRUÇÃO DO SÍMBOLO

  • #A78BFAface superior · luz
  • #8B5CF6face direita · tom médio
  • #7C3AEDface esquerda · sombra
  • #FFFFFFtriângulo de play
Easy Server

WORDMARK PIXELADO

Letras desenhadas numa grade de cinco pixels de altura.

PALETA · TEMA ESCURO (PADRÃO)

VIOLETA DA MARCA

Extraída das três faces do cubo do logo.

  • #A78BFAface superior
  • #8B5CF6face direita
  • #7C3AEDface esquerda

PRIMÁRIA DA INTERFACE

Seis presets no seletor de tema — ou qualquer cor livre.

  • #615FFFVioleta · padrão
  • #3B82F6Azul
  • #10B981Esmeralda
  • #EC4899Rosa
  • #F97316Laranja
  • #06B6D4Ciano

NEUTROS

Superfícies em camadas, com bordas discretas.

  • #09090Bfundo
  • #0F0F12profundo
  • #18181Bsuperfície
  • #27272Aborda
  • #9F9FA9texto secundário
  • #E4E4E7texto

SEMÂNTICAS

Cor comunica estado: online, alerta, perigo, informação.

  • #00C950sucesso · online
  • #F59E0Balerta
  • #FB2C36perigo · offline
  • #3B82F6informação

INTERFACE

Inter

Fonte de toda a interface e dos textos. Ícones: Material Symbols Rounded.

Regular · Medium · Semi Bold · Bold

CONSOLE E CÓDIGO

JetBrains Mono

Logs do servidor, comandos e valores técnicos.

[22:10:28] Done (0.285s)!

MARCA

Wordmark pixelado

Letras próprias da marca, construídas sobre uma grade de pixels.

Só em caixa-alta

NESTE ESTUDO DE CASO

Bricolage + Silkscreen

Títulos em Bricolage Grotesque; rótulos em Silkscreen, que ecoa o wordmark pixelado fora do app.

RÓTULOS EM PIXEL

08INTERFACE

Sete telas, um mesmo vocabulário visual.

Superfícies escuras em camadas, cor como sinal de estado e o Hefesto como protagonista do Dashboard. Todas as telas abaixo são capturas reais do app (v0.3.1).

Dashboard do Easy Server com quatro áreas numeradas: servidores, Hefesto IA, performance e atividades, e ações rápidas
  1. Servidores

    Lista com estado e ação de play direto no card; o contador verde resume quantos estão online.

  2. Hefesto IA

    O chat ocupa o centro: o assistente é a porta de entrada para tarefas comuns, com atalhos como “Ver Servidores”.

  3. Performance e atividades

    CPU e RAM em tempo real e um feed de eventos do servidor, sempre à direita.

  4. Ações rápidas

    Backup, kick, reiniciar, parar e terminar tudo — as cores separam o seguro do destrutivo.

Tela Servidores: lista de servidores agrupada por estado, com busca e ações em cada linha
02

Servidores

Lista com busca e grupos por estado — “Offline” em vermelho. Cada linha mostra ícone, tipo (forge, vanilla), jogadores (0/20) e as ações: iniciar, abrir pasta e excluir.

  • BUSCA
  • GRUPOS POR ESTADO
  • AÇÕES NA LINHA
Tela Adicionar servidor: modos de criação, tipos de servidor e lista de versões na mesma tela
03

Adicionar servidor

Mestre-detalhe: três modos (Criar novo, Modpack, Abrir pasta), seis tipos de servidor e lista de versões com selo “Popular”. RAM, nome e opções ficam na mesma tela.

  • MESTRE-DETALHE
  • 6 TIPOS
  • RAM POR SLIDER
Painel de um servidor com abas na lateral, botão de estado e RAM dedicada por slider
04

Painel do servidor

Abas na lateral (Hefesto, Console, Propriedades, Ajustes, Arquivos, Backups, Webhooks), botão de estado sempre visível e RAM dedicada por slider. Sem IA configurada, o chat vira um convite: “Configurar Hefesto”.

  • 7 ABAS
  • ESTADO VISÍVEL
  • ESTADO VAZIO ÚTIL
Console do servidor com log ao vivo colorido por severidade e campo de comando
05

Console em tempo real

Log ao vivo com cor por severidade (INFO, WARN, ERROR) e campo de comando. “Parar Servidor” e reiniciar ficam sempre à mão; a lateral mostra performance, atividades e jogadores.

  • COR POR SEVERIDADE
  • COMANDOS
  • AO VIVO
Tela Configurações com preferências agrupadas em Geral, Hefesto IA, Conectividade e Dependências
06

Configurações

Preferências agrupadas em Geral, Hefesto IA, Conectividade e Dependências. Ações destrutivas, como “Apagar dados”, ficam isoladas e em vermelho.

  • 4 GRUPOS
  • AÇÃO DESTRUTIVA ISOLADA
Tela Downloads: central de instalações com estado vazio explicativo
07

Downloads

Central de instalações com estado vazio explicativo e a ação “Limpar concluídos”. Instalações de servidores e downloads de modelos de IA aparecem aqui, com progresso.

  • ESTADO VAZIO
  • PROGRESSO

09DECISÕES DE DESIGN

Três problemas difíceis, três soluções de interface.

Cada decisão nasceu de um problema concreto — de segurança, de acesso ou de fluxo — e acabou definindo como o produto se comporta.

DECISÃO 01 · IA

IA que age — com freio de mão.

PROBLEMA

Uma IA que executa comandos no servidor é útil, mas um modelo pequeno pode simplesmente ignorar a instrução “confirme antes de agir”.

SOLUÇÃO

A confirmação virou parte da interface, não do prompt: ações destrutivas (kick, ban, parar servidor) pausam a IA e abrem um diálogo. Sem resposta em 60 s, a ação é cancelada. Já quem escreve no chat do jogo nunca aciona ferramentas de administrador.

ILUSTRAÇÃO · INTERFACE RECRIADA

Hefesto, bane o Steve e desliga o servidor

HEFESTO IA

São duas ações destrutivas. Preciso da sua confirmação.

  • ADMIN · COM CONFIRMAÇÃO
  • CHAT DO JOGO · SÓ FERRAMENTAS SEGURAS
DECISÃO 02 · ACESSO

Administrar sem instalar nada.

PROBLEMA

O dono nem sempre está diante do PC — e um amigo de confiança precisa ligar, moderar ou reiniciar o servidor quando algo dá errado.

SOLUÇÃO

Um link seguro (Cloudflare Tunnel), PIN opcional e um apelido abrem um painel completo no navegador: iniciar e parar, moderar jogadores, console ao vivo, chat do Hefesto e backup manual. No celular são abas; no desktop, três colunas.

ILUSTRAÇÃO · FLUXO DE ACESSO

  1. Amigonavegador
  2. Link seguroCloudflare Tunnel
  3. PIN + apelidoPIN opcional
  4. Paineldo convidado
  5. Seu PCEasy Server

O QUE O CONVIDADO PODE FAZER

  • INICIAR / PARAR
  • KICK · BAN · OP
  • CONSOLE AO VIVO
  • CHAT DO HEFESTO
  • BACKUP MANUAL
  • PIN OPCIONAL · ESCOLHA DO DONO

Só essa mini-API fica exposta à internet. O backend principal continua acessível apenas em 127.0.0.1.

DECISÃO 03 · MODPACKS

Mostrar o problema, em vez de escondê-lo.

PROBLEMA

Muitos modpacks populares não publicam um server pack — e a lista simplesmente os escondia, deixando o usuário sem saída.

SOLUÇÃO

As versões sem server pack agora aparecem com um aviso — “Sem server pack: gerar automaticamente” — e o app monta o pacote sozinho via ServerPackCreator, para Modrinth e CurseForge. Quem prefere só o que já está pronto pode ligar o filtro “Só com server pack”.

ILUSTRAÇÃO · LISTA DE VERSÕES

Fabulously Optimized

CURSEFORGE

14.0.0 · Fabric · MC 26.2

Sem server pack — gerar automaticamente

SEM SERVER PACK

Versão com pacote publicado

Instala direto, sem etapa extra

PRONTO

Vai demorar um pouco mais

O Easy Server baixa o modpack, monta o pacote de servidor e apaga os arquivos temporários — só a pasta final do servidor fica.

Gerar server pack e instalar

10ECOSSISTEMA

O produto vai além do app: site, distribuição e feedback.

Para chegar ao usuário, o Easy Server ganhou um site de lançamento, um canal de distribuição com atualização automática e um caminho direto para os relatos de bug.

Página inicial do site easyserver.com.br, com o título e o botão de download
Seção de recursos do site easyserver.com.br
  • Site de lançamento

    Landing page one-page (recursos, download, apoio e FAQ), em Português e Inglês, publicada em easyserver.com.br.

  • Distribuição e auto-update

    Instalador Windows de cerca de 90 MB no GitHub Releases; o app detecta, baixa e instala novas versões sozinho.

  • Ciclo de feedback

    Configurações → Suporte envia versão e sistema a um proxy no site, que abre uma issue no GitHub. Os relatos reais alimentam as próximas releases.

O CICLO DE FEEDBACK

CICLO CONTÍNUO
  1. 01

    No app

    Configurações → Suporte → Enviar feedback, com versão e sistema anexados.

  2. 02

    Proxy no site

    Um PHP valida o envio e limita a 5 por hora por IP.

  3. 03

    Issue no GitHub

    Criada com o rótulo feedback-usuario, sem expor nenhum token ao app.

  4. 04

    Correção e release

    A correção entra numa nova versão publicada no GitHub Releases.

  5. 05

    Auto-update

    O app detecta, baixa e instala a versão nova sozinho.

11RESULTADOS E APRENDIZADOS

Da primeira release à v0.3.1: o que ficou.

Números que dá para conferir no GitHub e lições que aparecem no histórico do projeto.

  • 9

    releases públicas

    De v0.0.2 (10/07) a v0.3.1 (12/09/2026).

  • 64

    dias de evolução pública

    Entre a primeira e a última release listadas.

  • 4

    falhas críticas fechadas

    Na revisão de segurança de 09/07 — e mais duas auditorias depois (01/09 e 12/09).

  • 1

    pessoa por trás

    Design, UX/UI e código, do painel à release.

O QUE FICOU DE APRENDIZADO

  • 01

    Testar ao vivo encontra o que a leitura de código não vê

    Bugs reais só apareceram em execução: o Forge travava num “pause” do script .bat, e uma tag </div> sobrando escondia abas inteiras do painel remoto.

    Onde vimos: correções de 24/07 (log congelando) e 08/09 (DOM corrompido)

  • 02

    Estados vazios e de erro fazem parte do produto

    Sem IA configurada, o chat vira um convite para configurar; sem servidores, o Dashboard explica o próximo passo — nada de telas mortas.

    Onde vimos: Hefesto sem configuração · Dashboard sem servidores

  • 03

    Segurança também é decisão de UX

    O PIN opcional e a confirmação de ações destrutivas foram desenhados e documentados como escolhas conscientes, não como detalhes técnicos.

    Onde vimos: regras de segurança nº 3 e nº 6 do projeto

  • 04

    Feedback real vale mais que suposição

    Boa parte das correções das versões 0.0.x veio de relatos de usuários reais, enviados pelo próprio app.

    Onde vimos: v0.0.3 (RAM, CurseForge, log, Hefesto) e v0.0.6 (auto-update)

12PRÓXIMOS PASSOS

Rumo à v1.0.

O roadmap já decidido para a versão 1.0 — um marco simbólico de produto maduro, e não uma barra técnica formal.

  • INSTALAÇÃO E MODPACKS

    • Checador de atualização de mods e plugins instalados
    • Templates e presets curados de servidor
  • OPERAÇÃO DO SERVIDOR

    • Sleep automático de servidor ocioso
    • Sugestão automática de RAM
    • Progresso de boot para packs grandes
    • Assistente de diagnóstico de rede
  • IA E CONFIABILIDADE

    • Hefesto analisa crash logs em linguagem simples
    • Backup agendado local
  • ONBOARDING E SEGURANÇA

    • Fluxo de primeira execução guiado
    • Tela de saúde do sistema
    • Segunda rodada de auditoria de segurança

Itens ainda em aberto no roadmap da v1.0 do projeto.

FIM DO ESTUDO DE CASO

Obrigado.

O Easy Server é gratuito e está disponível para Windows 10/11. Baixe, crie o seu servidor em minutos e conte como foi.

AUTORIA

Walter Saldanha

Design Digital · UX/UI e desenvolvimento

Estudo de caso · Easy Server · 2026