Portfólio comparativo

Dois perfis, uma mesma base de seções e um dispositivo para comparar.

Perfil Dev Game

Web Game Developer

Web games, protótipos jogáveis e experiências gamificadas direto no navegador.

Desenvolvo jogos e experiências interativas com estética retrô, mecânicas claras, feedback visual, gamificação e foco em gameplay web.

Web GamesPhaser.jsCanvasUnityC#Game DesignLevel DesignNode.jsWeb GamesPhaser.jsCanvasUnityC#Game DesignLevel DesignNode.jsWeb GamesPhaser.jsCanvasUnityC#Game DesignLevel DesignNode.js
localhost:5174/game-dev

Arcade, neon, interação e gameplay no browser.

Arcade HUD

LIVE

0+

Protótipos

0+

Mecânicas

0%

Gameplay web

Game Design90%
Phaser.js / Canvas82%
React para Game UI88%

Sobre

Uma atuação prática entre estética, lógica e entrega.

Desenvolvo jogos e experiências interativas com estética retrô, mecânicas claras, feedback visual, gamificação e foco em gameplay web.

0+

Protótipos

0+

Mecânicas

0%

Gameplay web

Projetos

Projetos em destaque

Cards com spotlight, tags, destaque visual e estrutura pronta para abrir estudos de caso.

Jogável

Web games jogáveis

Experiências leves para navegador, com loop de gameplay, controles simples e feedback visual.

CanvasPhaserReact
Arcade UI

Interfaces gamificadas

Telas com progressão, conquistas, pontuação, rankings e visual inspirado em jogos.

Game UIMotionUX
Sistema

Protótipos de sistemas de jogo

Modelagem de batalha, cartas, inventário, pontuação, rodadas, estados e regras.

Game DesignStateRules

Skills

Stack e domínio técnico

Game Design90%
Phaser.js / Canvas82%
React para Game UI88%
Node.js / Backend78%

Processo

Como eu desenvolvo

01

Core loop

Definição do ciclo principal de ação, recompensa e progressão.

02

Protótipo

Primeira versão jogável para validar controles e mecânicas.

03

Feedback

Animações, som visual, estados e resposta clara ao jogador.

04

Polimento

Ajuste de ritmo, dificuldade, UI, responsividade e publicação.

CTA / Contato

Vamos criar algo interativo?

Disponível para projetos de front-end, interfaces modernas, landing pages, protótipos jogáveis e experiências gamificadas.

Logo Web Game Developer

Web Game Developer

Marcos Nunes

Portfolio dual

Portfólio comparativo

Dois perfis, uma mesma base de seções e um dispositivo para comparar.

Perfil Web / UI

Front-end Developer

Interfaces modernas, responsivas e pensadas para experiência do usuário.

Crio páginas, interfaces e sistemas web com foco em clareza visual, acessibilidade, performance, responsividade e componentes reutilizáveis.

ReactNext.jsTypeScriptTailwind CSSUX/UIFigmaSEOAcessibilidadeReactNext.jsTypeScriptTailwind CSSUX/UIFigmaSEOAcessibilidadeReactNext.jsTypeScriptTailwind CSSUX/UIFigmaSEOAcessibilidade
localhost:5174/web-ui

Design limpo, código organizado e experiência fluida.

Interface Kit

LIVE

0+

Projetos web

0+

Componentes

0%

Layouts responsivos

React / Next.js92%
Tailwind CSS95%
UX / UI86%

Sobre

Uma atuação prática entre estética, lógica e entrega.

Crio páginas, interfaces e sistemas web com foco em clareza visual, acessibilidade, performance, responsividade e componentes reutilizáveis.

0+

Projetos web

0+

Componentes

0%

Layouts responsivos

Projetos

Projetos em destaque

Cards com spotlight, tags, destaque visual e estrutura pronta para abrir estudos de caso.

UI limpa

Landing pages responsivas

Páginas comerciais com hierarquia visual, CTA forte, responsividade e foco em conversão.

Next.jsTailwindSEO
Produto digital

Dashboards e painéis

Interfaces com cards, filtros, estados visuais, listas, métricas e componentes reaproveitáveis.

ReactTypeScriptUX
Escalável

Componentização avançada

Separação por responsabilidade para facilitar manutenção, evolução e reutilização em outros fluxos.

Design SystemA11yMotion

Skills

Stack e domínio técnico

React / Next.js92%
Tailwind CSS95%
UX / UI86%
TypeScript84%

Processo

Como eu desenvolvo

01

Briefing

Entendimento do objetivo, público e prioridade da interface.

02

Wireframe

Organização das seções, fluxos e pontos de conversão.

03

Interface

Aplicação visual com espaçamento, contraste, responsividade e estados.

04

Entrega

Código limpo, validação de build e publicação preparada.

CTA / Contato

Vamos criar algo interativo?

Disponível para projetos de front-end, interfaces modernas, landing pages, protótipos jogáveis e experiências gamificadas.

Logo Front-end Developer

Front-end Developer

Marcos Nunes

Portfolio dual

Arraste para comparar os perfis