Rank Runner

Rank Runner é um platformer 2D onde você coleta fatores de ranking de SEO enquanto desvia de penalidades. Começou como uma piada sobre como SEO técnico realmente se sente na prática, cada sessão é um obstáculo atrás do outro, e os pontos só contam se você permanecer vivo.

Também é uma peça de portfólio funcional. O jogo é customizado, roda no navegador, e demonstra um tipo de experiência de website que builds templados não conseguem entregar.

A maioria dos sites de marca em 2026 parecem intercambiáveis. A mesma foto hero, a mesma seção de features em três colunas, o mesmo carrossel de depoimentos. Variação custa dinheiro, e as agências que construíram esse mercado treinaram os clientes a esperar output templado.

Web design criativo, do tipo que implementa elementos interativos, motion customizado e direção de arte original, é raro por uma razão. Demora mais. Custa mais. Os times que conseguem fazer isso bem são menores do que os marketplaces que vendem licenças de temas.

Quando uma marca está disposta a investir nisso, o resultado é reconhecido imediatamente. Visitantes lembram do site. A imprensa cobre. O site em si se torna um ativo de marketing em vez de um centro de custos.

Performance é inegociável, mesmo para games

Um game no navegador que cai abaixo de 50fps em um telefone de gama média é injogável. A mesma disciplina de performance que mantém sites de marketing abaixo de 1.5s LCP se aplica aqui, em dobro.

Acessibilidade não pode ser um pensamento tardio

Padrões de interação customizados precisam de alternativas de teclado, controles que funcionem com leitores de tela e fallbacks para movimento reduzido. Nada disso é automático, cada peça é construída manualmente.

Input mobile é sua própria disciplina

Input por toque em uma tela mobile não é a mesma coisa que um D-pad virtual que não é a mesma coisa que um teclado. Cada modo de input é seu próprio problema de UX com seu próprio orçamento de latência.

Áudio importa mais do que designers admitem

Tire a trilha sonora chiptune do jogo e ele perde 80 por cento de sua personalidade. Design de áudio é a dimensão mais negligenciada do web design orientado por marca em 2026.

Se Rank Runner o convenceu de que web design não precisa ser chato, esse é o ponto. A maioria dos websites em 2026 parece igual porque são construídos a partir dos mesmos poucos templates.

Web development customizado demora mais e custa mais. O resultado é um site que faz exatamente o que sua marca precisa, incluindo, ocasionalmente, um jogo jogável no menu de navegação.

Se você está pesando customizado contra templado, nossa abordagem sobre trabalho sob medida fica em Bespoke Web Development. Ou se você apenas quer WordPress que seja devidamente cuidado, veja WordPress Support and Maintenance.

Tech notes: este jogo é construído com vanilla JavaScript com a Web Audio API para som, exatamente o tipo de stack hand-coded que oferecemos através de web development bespoke. Os mesmos padrões de stack que usamos em projetos de clientes.