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

Márcio Lopes Fão

Desenvolvimento Web e Acessibilidade

Atalho Pular para conteúdo

CV/Resume

Portifolio

Site Tecnologia Solar

Site Tecnologia Fotovoltaica

  • 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
Website empresa de marketing

Website empresa de marketing

  • 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


Site de internet banking

Landing page responsiva utilitária

  • 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


Site de loterias

Site de loteria

  • 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 de editora

Landing Page Lançamento Livro

  • 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


Site de empresa de transportes

Site Serviços de transporte

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

Visitar site


Site institucional da Apecnet

Portal Institucional

  • 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 Fidelização

Landing page Fidelização

  • 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


Site professora tati

Portal de notícias

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

Visitar site


Site professora tati

Site Profissional de Ensino

  • 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


Site de vendas Esports

Site de Vendas Esports

  • 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


Menina olhando celular em pose de selfie

Filtros para Instagram e Facebook

  • 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
Painel Backoffice e Dashboard

Sistema Backoffice em Wordpress

  • 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

Sistema de Prontuário Digital

Sistema de Prontuário Digital

  • 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


Landing Page

Landing Page IBM Iot exchange 2020

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

Site de casamento

Site comemorativo de casamento

  • 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


Sistema BI

Sistema de Business intelligence

  • 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
página inicial Creativers

Ecommerce Creativers

  • 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 UNUCG

União dos Usuários de Cães Guias

  • 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
site alpha phi omega

Portal: Alpha Phi Omega

  • 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
site do neta

Site do NETA

  • 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
página inicial ucergs

Site institucional com acessibilidade

  • 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 Louis Braille

Associação Escola Louis Braille

  • 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


Site Familiafao

Site da Família Fão

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 10 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/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

Márcio Fão