Marcos N

Front-end • Next.js • Motion • Arquitetura

Onde codigo,design e movimentose encontram.

Crio interfaces rapidas, elegantes e escalaveis com React, Next.js e animacoes guiadas pelo scroll.

Sobre

Design, tecnologia e codigo limpo para produtos que parecem simples.

Meu trabalho combina descoberta, arquitetura front-end e execucao visual. A interface ganha movimento, mas a base continua previsivel: componentes pequenos, contratos tipados e animacoes encapsuladas.

frontend

Front-end de alta precisao

Interfaces responsivas, acessiveis e prontas para escalar.

motion

Narrativas com scroll

GSAP, ScrollTrigger e Lenis para movimento com intencao.

architecture

Arquitetura limpa

Componentes pequenos, dados tipados e responsabilidades claras.

  • UX/UI para Subway® — Sub da Quebrada.
  • Tigre® - Portal Tigre.
  • UX/UI para Perdigão® — Promoção Chester.
  • UX/UI para CodeZone® — Website comercial.
  • UX/UI para Nestlé® — NANCARE® Material técnico-científico.
  • NovoNoite® - Campanha publicitária.
  • LinkedIn® - Studio astros.
  • Eldorado® - Brasil.

Experiência

Tecnologia, design e experiências que geram impacto

Sou Desenvolvedor Front-End com experiência na criação de aplicações web modernas, escaláveis e de alta performance, utilizando tecnologias como React, Next.js, Angular e TypeScript.

Minha experiência em UX/UI Design me permite unir desenvolvimento e design centrado no usuário. Dessa forma, transformo necessidades de negócio em interfaces intuitivas, acessíveis e visualmente consistentes.

Ao longo da minha trajetória, atuei em projetos de UX/UI Design para Subway®, Perdigão®, Nestlé® e CodeZone®, com foco no design de experiências e interfaces digitais. Também participei de projetos para Tigre®, LinkedIn®, Eldorado Brasil® e Novanoite®.

Também possuo experiência com pesquisa de UX, testes de usabilidade, prototipação, criação de interfaces e desenvolvimento de design systems, acompanhando o produto desde a concepção até a implementação.

Anteriormente, atuei como Instrutor de Front-End no SENAI/FIRJAN, compartilhando conhecimentos sobre HTML, CSS, JavaScript, lógica de programação e desenvolvimento web com novos profissionais da área.

Atualmente, trabalho com Angular, React e Next.js no desenvolvimento de soluções focadas em performance, escalabilidade, qualidade de código e facilidade de manutenção.

Minha principal stack inclui React, Next.js, Angular, TypeScript, JavaScript, HTML, CSS, Tailwind CSS, APIs REST, NgRx, React Query e RxJS.

Estou sempre em busca de novos desafios e oportunidades para contribuir com produtos que facilitem a vida das pessoas e proporcionem experiências digitais relevantes.

Os direitos autorais e a propriedade intelectual dos projetos apresentados nesta página pertencem aos seus respectivos titulares. Os trabalhos são exibidos exclusivamente para demonstrar minha participação, experiência profissional e habilidades aplicadas em cada projeto. A utilização de imagens, textos, marcas e demais elementos não representa associação, endosso ou parceria com seus proprietários.

Projeto Subway — UX/UI para Sub da Quebrada — SUBWAY® e Gerando Falcões.

UX/UI Design

Subway

UX/UI para Sub da Quebrada — SUBWAY® e Gerando Falcões.

Projeto Perdigão — UX/UI para Chester® Portal de Generosidade.

UX/UI Design

Perdigão

UX/UI para Chester® Portal de Generosidade.

Projeto Nestlé — NANCARE® — Material técnico-científico.

UX/UI Design

Nestlé

NANCARE® — Material técnico-científico.

Projeto WE Tecnologia — Design e desenvolvimento para soluções de automação comercial.

UX/UI + Front-end

WE Tecnologia

Design e desenvolvimento para soluções de automação comercial.

Projeto Bruna Cortinas — Design e desenvolvimento para apresentar cortinas e persianas.

UX/UI + Front-end

Bruna Cortinas

Design e desenvolvimento para apresentar cortinas e persianas.

Do desafio à solução

Um processo estruturado para transformar necessidades reais em produtos digitais eficientes, escaláveis e fáceis de manter.

01

Entendimento

Analiso o problema, os objetivos do projeto e as necessidades dos usuários.

02

Planejamento

Defino a arquitetura, as tecnologias e as etapas necessárias para construir a solução.

03

Desenvolvimento

Transformo requisitos e interfaces em código limpo, responsivo e bem estruturado.

04

Validação

Realizo testes, reviso os fluxos e corrijo detalhes que impactam a experiência.

05

Evolução

Otimizo a solução e preparo o projeto para receber novas funcionalidades com segurança.

Perguntas frequentes

Projeto pessoal Calcify

Projeto autoral

Calcify

Notas que calculam enquanto você escreve

Projeto pessoal Docs Marcos N

Projeto autoral

Docs Marcos N

Domine o front-end de maneira prática

Projeto pessoal Wrapper AI

Projeto autoral

Wrapper AI

Hub de inteligencia artificial

Logo Marcos
“Eu conecto design e engenharia sem perder velocidade.”
Marcos NFrontend Engineer

Contato

Vamos tirar sua ideia do papel

Se voce tem um projeto, uma oportunidade ou apenas quer trocar uma ideia, estou por aqui.

Iniciar conversa