Logotipo Marcio Fão Cubo verde com Letra M Seccionada no meio

Márcio Lopes Fão

Desenvolvimento Web e Acessibilidade

CV/Resume

Portifolio



  • Tecnologia Wordpress + generate blocks
  • Landing page chamativa
  • Formulários ricos em elementos gráicos
  • Conversão de design Figma para Generate Blocks
  • Site Responsivo
Página inicial Professora Tati seçao de preços Trajetoria profssional Formulário de contato

  • Landing page com vídeo
  • Figma para WordPress Gutenberg Editável (user friendly)
  • Pixel perfect
  • Formulário de contato
  • Menu gigante
  • Mobile Friendly
Página inicial video no fundo

Visitar site



  • HTML e CSS + bootstrap
  • UI Moderna
  • Codificação de layout
  • Design responsivo
Topo de página com calculadora Seção intermediaria com carrossel Rodapé com blocos finais

Visitar site



  • Página inicial com listagem de produtos
  • Carrossel de imagens
  • Site editável por painel admnistrativo
  • Cadastro de produtos
  • Link flutuante whatsapp
  • Mobile Friendly
  • Página de estatísticas
Página inicial detalhes de produto cadastro de produtos Painel de estatísticas

Visitar site



  • Landing page completa
  • Site editável por painel admnistrativo
  • Integração de api externa
  • Mobile Friendly
  • Formulário de contato
Landing Page Lançamento Livro Landing Page Lançamento Livro

Visitar site



  • Pagina inicial com video
  • Site editável por painel admnistrativo
  • Carrossel de imagens
  • Mobile Friendly
Pagina inicial Serviços de transporte

Visitar site



  • Pagina inicial com Slideshow
  • Site em Elementor editável (user friendly)
  • Modernização de site antigo
  • Formulário de contato
  • Acessibilidade DV/Libras
  • Mobile Friendly
Site institucional para pessoas DV

Visitar site



  • Landing page com vídeo
  • Figma para WordPress Elementor Editável (user friendly)
  • Pixel perfect
  • Formulário de contato
  • Popup de contato
  • Mobile Friendly
Página inicial video no fundo

Visitar site



  • Tecnologia Wordpress
  • Landing page atrativa
  • Integração com RSS Feed
Página inicial Site de notícias

Visitar site



  • Tecnologia Wordpress
  • Landing page chamativa
  • Conversão de design Figma para Elementor
  • Botão flutuante WhatsApp
  • Site Responsivo
  • Elementos interativos
Página inicial Professora Tati seçao de preços Trajetoria profssional Formulário de contato

Visitar site



  • Landing page chamativa
  • Integração com todos os meios de pagamento
  • meios de pagamento cartão, pix, cripto, MercadoPago
  • Cupons de desconto
  • Seletor de produto com preço dinâmico
  • Regularização com LGPD
  • Chat Integrado com fanpage
Página inicial Esports Valorant Produto com preço dinâmico Cupons de desconto meios de pagamento cartao, cripto e MercadoPago

Visitar site



  • Tecnologia: Meta Spark Studio
  • Filtro de moldura
  • Multi filtro alternável
  • Filtro interativo em 3D com reconhecimento facial
  • Mascara aplicável a multiplos rostos
  • Publicação na biblioteca de filtros
  • Nome de busca personalizado
  • Disponível no Facebook e Instagram
Filtros de instagram Busca de filtros em biblioteca Demonstração em vídeo

  • Desenvolvido com API REST nativa Wordpress para funcionamento com aplicação mobile.
  • Carregamento Assíncrono de dados
  • Comunicação com APIs de terceiros
  • ACF + custom post types
  • Painel Admin customizado
  • Linkedin e Apple Oauth SSO
  • Implementação de histórico de acessos
  • Suporte a Multilinguagem por definição do usuário
Painel Backoffice tela transferencia tela gerenciamento usuarios


  • Tecnologia Web PHP, Mysql e bootstrap
  • Suporte a dois níveis de usuário: Administrador e atendimento
  • Controle de usuários
  • Recuperação de usuários excluídos
  • Registros de atividades
  • Ferramenta de backup
  • Redundância de alterações por envio de email
Listagem de pacientes Listagem de excuídos Editor de questionário Editor de perguntas Tela de cadastro listagem de atendimentos individual Editor de registro

Visitar site



  • Codificação Frontend de Landing page
  • IBM Northstar Framework
  • Interatividade com vanillaJS
Apresentadores Landing Page


  • Alternativa a sites pagos de casamento
  • Confirmação de presença
  • Lista de presentes
  • Integração com meios de pagamento
  • Mural de mensagens
  • Venda de produto digital
  • Modal para upsell
  • Presente de valor customizável
  • Slides de fotos
  • Álbum de fotos
Página inicial casamento Lista de presentes compráveis mural de mensagens

Visitar site



  • Codificação Frontend
  • Biblioteca JS charts
  • Backend e coleta de dados com PHP e MySQL
  • Conexão com sistema de rastreamento de pacientes IOT
Gerenciamento de pacientes Sistema BI

  • Site e-commerce
  • Página inicial com carrossel de produtos em destaque
  • Integração de vendas via meios de pagamento
  • Regularização com LGPD
  • Botão chat flutuante WhatsApp
página inicial Creativers página de produtos

Visitar site


Fechar

  • Site institucional com foco em acessibilidade
  • Formulário de inscrição para novos usuários
  • Conteúdo restrito somente para usuários cadastrados
  • Desenvolvido pulgin de carteirinha de usuário imprimível com validação por QR code
  • Sistema de cadastro de associados
  • Perfil de usuário ajustável
  • CMS totalmente administrável
  • Mapa dinâmico com customização pelo painel admin
Captura de tela do site UNUCG

conteudo restrito e area de login

Área do usuário

carteirinha de usuário

Fechar

  • Redesenho de portal legado da fraternidade Alpha Phi Omega
  • Responsive webdesign (desktop, tablet, smartphone)
  • Media queries
Captura de tela do site Alpha Phi Omega
site alpha phi responsivo

Visitar site


Fechar

  • Modernização
  • Codificação front-end
  • Revisão e implementação de acessibilidade
  • Tecnologias: PHP, Ajax, JS, HTML, CSS
Captura de tela do site NETA

Visitar site


Fechar

  • Site Institucional
  • Desenho de logotipo
  • Página inicial integrada feed da fanpage do facebook
  • Atalhos de acessibilidae
  • Ampliação e alto contraste
  • Leitor em Libras
  • Livro de endereços de inscritos no site com exportação
página institucional com atalhos de acessibilidade e libras página inicial feed integrado da Fanpage do facebook Variações de logotipo da Ucergs

Visitar site


Fechar

  • Site institucional com acessibilidade (WordPress)
  • Sistema de gerenciamento de registros de atividades
  • Interface para customizar formularios de atividades
  • Tecnologias: PHP, MYSQL, Medoo Framework, HTML, JS, CSS
Site institucional  Gerenciador de atividades Listagem de alunos

Visitar site



Captura de tela do site Família Fão

Front-end responsivo, primeiros trabalhos.

Visitar site


Fechar

Veja mais projetos em meu perfil no Github

Sobre


Marcio de semi-perfil

Desenvolvedor Fullstack Web e especialista em WordPress com mais de 8 anos no desenvolvimento de aplicativos Web. Adepto dos princípios de Clean Code e SOLID. Hábil no desenvolvimento de plugins e temas WordPress, integração de API REST, TDD, testes unitários, testes end-to-end, QA automatizado, e ambiente CI/CD. Forte conhecimento do ambiente AWS EC2 e S3, e desenvolvimento de aplicativos conteinerizados. Passionado por tecnologia assistiva e recursos multimídia com acessibilidade. Hobbista em áudio, vídeo, fotografia e impressão 3D

CV/Resume