# Marcio Toledo

> Problem Solver, Designer, Desenvolvedor e Estrategista Digital. Web Designer, Desenvolvedor Web, Especialista SEO, Marketing Digital, Automações e Shopify Expert em Itatiba, SP. Região de Campinas e Jundiaí.

Marcio Toledo atua com web desde 2000 e remotamente desde 2013. Co-fundador e Estrategista Digital na Toledo Interactive, Partner na Inteli Marketing e SpeakerPro. O site reúne portfolio de projetos, artigos sobre design, desenvolvimento, SEO, marketing digital e automações, além de ferramentas e links de referência.

## Páginas

- [Home](https://marciotoledo.com): apresentação, áreas de atuação, projetos em destaque e contato.
- [Works](https://marciotoledo.com/works): portfolio completo de projetos de web design, desenvolvimento e estratégia digital.
- [Websites](https://marciotoledo.com/works/websites): todos os sites, landing pages e produtos digitais, do mais recente ao mais antigo.
- [Shopify](https://marciotoledo.com/works/shopify): lojas Shopify, temas customizados e o app publicado na Shopify App Store.
- [Logos](https://marciotoledo.com/works/logos): as marcas e identidades visuais criadas desde 2002.
- [Blog](https://marciotoledo.com/blog): artigos sobre design, desenvolvimento web, SEO, marketing digital, automações e tecnologia.
- [Feed RSS](https://marciotoledo.com/rss.xml): feed RSS do blog para acompanhar novos artigos.
- [Links](https://marciotoledo.com/links): links de indicação, descontos e vantagens em ferramentas e serviços recomendados.
- [Services](https://marciotoledo.com/services): índice dos serviços por cidade atendida.
- [Especialista Shopify](https://marciotoledo.com/especialista-shopify): Shopify Partner desde 2016, com abertura de loja, customização de tema, gateways brasileiros, migração, suporte e apps. Atende o Brasil inteiro.
- [Parceiro Shopify](https://marciotoledo.com/parceiro-shopify): Toledo Interactive, Shopify Partner desde 2016. Setup de loja Shopify a partir de R$ 697, planos de suporte exclusivos e projetos sob medida. Dezenas de lojas no Brasil, EUA, Europa e Austrália.

## Serviços por cidade

Páginas de serviço local no formato `https://marciotoledo.com/services/{servico}-em-{cidade}`. Serviços: problem-solver, designer, desenvolvedor-de-sites, webdesigner, designer-de-marcas, especialista-em-seo, shopify-expert, designer-grafico, designer-de-interfaces, ui-designer, ux-designer, designer-de-logo, diretor-de-arte, desenvolvedor-freelancer, designer-freelancer, programador-frontend, frontend-dev, designer-de-sites, profissional-web, diretor-de-criacao, especialista-em-sites, especialista-em-shopify, suporte-shopify, especialista-em-loja-virtual, especialista-em-ecommerce, designer-senior, desenvolvedor-web, programador-freelancer, agencia-de-criacao-de-site, agencia-web, desenvolvimento-de-sites, criacao-de-sites, agencia-digital. Cobertura de 112 cidades em quatro regiões onde há presença real: região de Campinas e Jundiaí (Itatiba, onde mora), São Paulo e Grande SP (Toledo Interactive), Baixada Santista e Sul de Minas (escritório do parceiro Tulio Faria em Pouso Alegre). Atendimento presencial quando o projeto pede, remoto no resto do tempo. Índice em [Services](https://marciotoledo.com/services); cada serviço lista suas cidades em `/services/{servico}`. Exemplo: [Designer em Campinas](https://marciotoledo.com/services/designer-em-campinas). Lista completa no [sitemap](https://marciotoledo.com/sitemap-index.xml).

## Blog

- [170 comandos e atalhos para imagens no ChatGPT e no Gemini, com prompts prontos](https://marciotoledo.com/blog/comandos-e-atalhos-imagens-chatgpt-gemini.md): Do /lego ao /restore: 170 comandos para criar e editar imagens no ChatGPT e no Gemini (Nano Banana), com 10 exemplos e prompts prontos para copiar.
- [Reuni todos os logos que criei desde 2002 (e deu um baita trabalho)](https://marciotoledo.com/blog/logos-que-criei-desde-2002.md): Passei dias garimpando HDs antigos, e-mails e backups pra juntar num lugar só as marcas que desenhei em mais de 20 anos. Sobrou muita coisa pelo caminho, mas o que ficou representa negócios, pessoas e projetos reais.
- [Especialista em SEO na era da IA: o Google confirmou que não existe algoritmo separado](https://marciotoledo.com/blog/especialista-em-seo-era-da-ia.md): O primeiro guia oficial do Google sobre otimização para IA diz o que eu venho defendendo há anos: AI Overviews e AI Mode rodam sobre o mesmo índice e o mesmo ranking da Busca. Site bem feito, código semântico e SEO técnico continuam sendo o trabalho inteiro.
- [Meu starter de Astro ganhou um update grande: o que mudou e por que ele existe](https://marciotoledo.com/blog/astro-starter-toledo-interactive-update.md): O esqueleto que uso pra começar todo site em Astro estava parado desde fevereiro. Subi ele pro Astro 7 e trouxe pra dentro tudo que já tinha virado padrão nos projetos em produção: fontes self-hosted, cabeçalhos de segurança, captura de UTM, SEO absoluto. Repositório aberto no GitHub.
- [Nosso primeiro app na Shopify App Store: Simple WhatsApp Button](https://marciotoledo.com/blog/nosso-primeiro-app-na-shopify-app-store-simple-whatsapp-button.md): Publicamos nosso primeiro app na Shopify App Store. Escolhemos de propósito o escopo mais simples possível para atravessar o processo inteiro: um botão flutuante de WhatsApp, gratuito, sem servidor e sem um único script na loja. O que aprendemos, incluindo duas recusas na revisão por um bug que não existia.
- [TOIN.app: dezenas de ferramentas online gratuitas em 5 idiomas](https://marciotoledo.com/blog/toin-app-ferramentas-online-gratuitas.md): Construí o TOIN.app com Astro e Claude Code: dezenas de calculadoras e conversores gratuitos, em cinco idiomas e com zero JavaScript na home. As ferramentas que mais gente procura, e os motores de cálculo testados contra as efemérides do USNO e o catálogo de eclipses da NASA.
- [Major, minor e patch: por que o acento circunflexo do package.json decide se seu upgrade quebra](https://marciotoledo.com/blog/semver-major-minor-patch-upgrade-dependencias.md): Rodei um upgrade de dependências num projeto e nada quebrou. Não foi sorte: foi o caret do package.json travando as majors. Como o SemVer funciona, o que cada símbolo faz e por que ainda assim eu verifico o build.
- [Suporte Shopify na prática: a loja estava travando 60 segundos por causa de uma fonte](https://marciotoledo.com/blog/suporte-shopify-loja-lenta-fonte-quebrada.md): Uma loja de moda australiana no Shopify carregando em mais de 60 segundos. O culpado era um arquivo de fonte de um serviço que fechou em 2021. Como diagnostiquei, o que medi antes e depois, e o que mais encontrei no caminho.
- [Gerar mensagem de commit com IA: criei uma extensão de VS Code com Claude](https://marciotoledo.com/blog/extensao-vscode-claude-commit-button.md): Toda vez que eu parava pra pensar na mensagem de commit era um pesadelo. Criei uma extensão de VS Code que gera o commit com o Claude num clique, lendo o próprio diff. Gratuita e open source.
- [Descobri o robocopy: como migrei projetos dev entre dois PCs filtrando o que não queria](https://marciotoledo.com/blog/robocopy-migrar-projetos-dev-windows.md): Troquei de notebook pra desktop e precisava mover anos de projetos pela rede local sem arrastar node_modules, caches de build e logs. O robocopy resolve isso com uma linha.
- [Sou um problem solver, e é isso que me move](https://marciotoledo.com/blog/problem-solver-resolver-problemas-digitais.md): Resolver problemas digitais não é o que eu faço, é o que me faz sentir útil. Um texto sobre propósito, e sobre o que muda quando você contrata alguém que trata seu problema como se fosse dele.
- [Especialista Shopify no Brasil desde 2016](https://marciotoledo.com/blog/shopify-expert-brasil-parceiro-shopify.md): Shopify Partner desde 2016, atendendo lojas na Austrália, Europa, EUA e Brasil. Se você precisa de suporte Shopify ou vai abrir uma loja nova, fale comigo.
- [Para de usar Google Fonts: self-host com @fontsource é mais rápido e mais simples do que parece](https://marciotoledo.com/blog/google-fonts-self-host-fontsource.md): O argumento do cache compartilhado do Google Fonts morreu em 2020. Hoje self-host via @fontsource elimina conexões externas bloqueantes e melhora LCP sem depender de servidor externo.
- [Lighthouse Agentic Browsing: o Google agora mede se o teu site está pronto pra agentes de IA](https://marciotoledo.com/blog/lighthouse-agentic-browsing-google.md): Pontuação da navegação agêntica (Agentic Browsing) do Lighthouse liberada. Ela mede o quanto o teu site está legível e operável por agentes de IA tipo ChatGPT, Claude e o próprio Gemini. Conto como rodar, o que cada audit checa, e o que dá pra arrumar hoje.
- [Coisas que aboli da minha vida antes que virassem lágrimas de sangue](https://marciotoledo.com/blog/coisas-que-aboli-antes-que-virassem-lagrimas-de-sangue.md): WordPress, Adobe e Meta. Três ferramentas que cortei da minha vida antes que o custo de mantê-las virasse prejuízo de verdade. Um desabafo sobre saber a hora de sair.
- [Por que pausei meu CMS custom pra apostar no EmDash](https://marciotoledo.com/blog/por-que-pausei-meu-cms-custom-pra-apostar-no-emdash.md): Passei boas horas construindo um CMS na stack da Cloudflare (Workers + D1 + R2 + Hono) com Claude Code pra substituir o Keystatic. Funcionou. E mesmo assim resolvi pausar. Esse post conta o porquê, o que aprendi com a stack, e por que o EmDash chegou na hora certa.
- [Shappify Store: o comparativo definitivo de gateways de pagamento para Shopify no Brasil](https://marciotoledo.com/blog/shappify-store-gateways-pagamento-shopify.md): Decidir qual gateway de pagamento usar em uma loja Shopify brasileira é sempre delicado e trabalhoso. O Shappify Store resolve isso consolidando tudo em um só lugar, com informações atualizadas e independentes.
- [Comunicação assíncrona morreu no WhatsApp](https://marciotoledo.com/blog/comunicacao-assincrona-morreu-no-whatsapp.md): Mandar "tudo bem?" e sumir não é educação, é falta de respeito com o tempo do outro. Um desabafo (com base técnica) sobre o pior hábito da comunicação por texto.
- [Como Gerenciar e Organizar seus Favoritos: Chrome + Raindrop.io](https://marciotoledo.com/blog/como-gerenciar-favoritos-raindrop-chrome.md): Minha barra de favoritos virou um cemitério de links. A solução foi separar o operacional do conhecimento: Chrome pra acesso diário, Raindrop.io pra tudo mais. Aqui está o sistema que funciona.
- [Trailing slash no Astro com Cloudflare Pages: always, never e por que vou migrar pro never+file](https://marciotoledo.com/blog/trailing-slash-astro-cloudflare-pages.md): Cloudflare Pages força um 308 que quebra trailingSlash never no Astro. Tem duas saídas válidas. Saí do never, fui pro always pra resolver o 308, e agora vou de novo pro never+file por gosto e simplicidade. O caminho contado por inteiro.
- [Claude Code ou Crack Code?](https://marciotoledo.com/blog/claude-code-ou-crack-code.md): A IA prometeu nos deixar 10x mais produtivos. Cumpriu. O problema é o que a gente faz com esse tempo extra.
- [Como criei a marca da Selva.run, do briefing por IA até a versão final](https://marciotoledo.com/blog/processo-criacao-marca-selva-run.md): Meu amigo Túlio Faria me mandou um start de identidade gerado pelo Claude pro SaaS dele e perguntou o que eu achava. Vi potencial, topei lapidar. Esse é o passo a passo do processo, da primeira ideia até a marca final.
- [Preços e planos dos CMSs para Astro em 2026](https://marciotoledo.com/blog/precos-e-planos-de-cms-para-astro-em-2026.md): Análise dos planos e preços dos principais CMSs avaliados na comparação anterior, com foco no que realmente cabe em diferentes orçamentos.
- [Alternativas de CMS para Astro em 2026](https://marciotoledo.com/blog/alternativas-cms-astro-2026.md): Comparação técnica entre git-based, headless SaaS e self-hosted, com tabela completa de recursos e recomendação por tipo de projeto.
- [Automações que todo negócio deveria ter em 2026](https://marciotoledo.com/blog/automacoes-que-todo-negocio-deveria-ter.md): Automação não é só para grandes empresas. Com as ferramentas certas, pequenos negócios ganham horas por semana sem contratar mais ninguém.
- [Como criar um site que realmente converte](https://marciotoledo.com/blog/como-criar-um-site-que-converte.md): Um site bonito não é suficiente. Descubra os elementos que transformam visitantes em clientes e como aplicá-los no seu projeto.
- [SEO para pequenas empresas: por onde começar](https://marciotoledo.com/blog/seo-para-pequenas-empresas.md): SEO parece complexo mas os fundamentos são simples. Veja o que realmente move o ponteiro para negócios locais e pequenas empresas.

## Projetos

Portfolio completo em [Works](https://marciotoledo.com/works). Projetos de design, desenvolvimento frontend, e-commerce e Shopify, do mais recente ao mais antigo:

- Domains Toledo: sistema de landing pages para domínios estacionados (React + Tailwind + Supabase + Resend, via Lovable).
- Sheetboard: desenvolvimento de produto, um dashboard para Google Sheets (Next + Tailwind + Vercel + Edge Config).
- UseBip: suporte Shopify, correção de bugs, estrutura de produto, design, landing pages e CRO (Shopify).
- Camila Lycurgo: design de logo, design e desenvolvimento de landing page, setup de produto (Astro + Tailwind + AlpineJS + GSAP + Eduzz + TheMembers).
- OperAqui: design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + GSAP + Cloudflare Workers + Bunny Storage + Github Actions).
- Rodrigo Dutra: redesign de logo, design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + GSAP + Cloudflare).
- Kelly Rossoni: design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + GSAP + Cloudflare).
- Barthelemy: suporte Shopify, customização de tema, SEO, UX e CRO (Shopify + AlpineJS).
- Narla Aguiar: design e desenvolvimento de link page (Astro + Tailwind + AlpineJS + GSAP + Cloudflare).
- Sean Young: design de logo, design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + Cloudflare).
- Booking Boost AI: design de logo, design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + Cloudflare).
- Tríade do Milhão: design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + Cloudflare).
- Como Viralizar no Digital: design e desenvolvimento de landing page (Astro + Tailwind + AlpineJS + Cloudflare).
- Bootcamp IA para Negócios: desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Beto Pandiani: desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Leanderson Reis: desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Magno Maciel: desenvolvimento frontend (Astro + Tailwind + AlpineJS).
- Macgraw: customização de tema Shopify, suporte, edição de vídeo e atualizações de conteúdo (Shopify).
- Instituto Ikaria: design e desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Caio Hernandez: logo, design e desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Click2it Digital Agency: design e desenvolvimento frontend (Astro + Tailwind + AlpineJS + Tina CMS + Cloudflare).
- Duorama: design e desenvolvimento frontend (Figma + Hugo + Cloudflare).
- Despertar das Almas: design e desenvolvimento frontend (Astro + Tailwind + AlpineJS + Cloudflare).
- Luxe Golf Club: design e desenvolvimento frontend (Figma + Next + Cloudflare).
- Lalume: design, desenvolvimento frontend, customização de tema (Figma + Shopify).
- AGC: design de website e app, desenvolvimento frontend (Figma + Nuxt + Cloudflare).
- R.brands: design de e-commerce B2B (Figma > Magento).
- Kushaan: design, desenvolvimento frontend, customização de tema (Figma + Shopify).
- Mighty Farmer: design, desenvolvimento frontend, customização de tema (Figma + Shopify).
- Deeply: design, desenvolvimento frontend, customização de tema (Figma + Shopify).
- Portas THT: design, desenvolvimento frontend, SEO (Figma + Hugo).
- CooWe: projeto de design completo, identidade visual, website, anúncios, email (Figma).
- Entretons: design de e-commerce de moda (Figma > Shopify).
- Gandini: design de e-commerce de joias (Figma > Shopify).
- KOH Living: design, desenvolvimento frontend, customização completa de tema (Figma + Shopify Plus).
- My World Jewellery: redesign, desenvolvimento frontend, customização de tema (Figma + Shopify).
- Pendolis: design de tema Shopify (Figma + Shopify).
- Click Convenyancing: design e desenvolvimento frontend de landing page (Figma + Nuxt + Cloudflare).
- The Wood Room: suporte ao cliente e customizações de frontend (Shopify).
- Draftstars: design de website (Wordpress).
- PlayUp - Join Flow: redesign e CRO para fluxo de cadastro (Figma).
- Raw Food Hub: design para um projeto Shopify rico em funcionalidades (Figma).
- Huntley Hills Estate: design de logo e landing page (Figma).
- My Dribbble: para mais trabalhos de design e direção de arte.

## Ferramentas

- [TOIN.app](https://toin.app): coleção de calculadoras e conversores online gratuitos, em cinco idiomas (inglês, português, espanhol, alemão e francês). Datas, astronomia, números, saúde, finanças e conversores de unidade: calculadora de idade, dias entre datas, contagem regressiva, fases da lua, eclipse lunar, porcentagem, juros compostos, IMC e conversores de comprimento, peso, temperatura, área e volume.
- [Funil de Métricas Google Ads](https://marciotoledo.com/funil-google-ads): ferramenta interativa para análise de métricas e conversões de campanhas. Calcule CPC, CPL, CPA e ROAS.

## Optional

- [Blog tag: produtividade](https://marciotoledo.com/blog/tags/produtividade): posts sobre produtividade, ferramentas e processo de trabalho.
- [Blog tag: astro](https://marciotoledo.com/blog/tags/astro): posts sobre o framework Astro.
- [Blog tag: ferramenta](https://marciotoledo.com/blog/tags/ferramenta): posts sobre ferramentas que construí ou uso no dia a dia.
- [Blog tag: seo](https://marciotoledo.com/blog/tags/seo): posts sobre SEO e otimização para buscadores.
- [Blog tag: ia](https://marciotoledo.com/blog/tags/ia): posts sobre inteligência artificial e ferramentas de IA.
- [Blog tag: shopify](https://marciotoledo.com/blog/tags/shopify): posts sobre Shopify, e-commerce e suporte a lojas.
- [Blog tag: frontend](https://marciotoledo.com/blog/tags/frontend): posts sobre desenvolvimento frontend e performance.
- [Blog tag: cms](https://marciotoledo.com/blog/tags/cms): posts sobre sistemas de gerenciamento de conteúdo.
- [Blog tag: design](https://marciotoledo.com/blog/tags/design): posts sobre design, marca e identidade visual.
- [Blog tag: marketing-digital](https://marciotoledo.com/blog/tags/marketing-digital): posts sobre marketing digital.

## Versões Markdown

Toda página de conteúdo responde também em Markdown puro, no mesmo endereço com `.md` no final: [/index.md](https://marciotoledo.com/index.md), [/works.md](https://marciotoledo.com/works.md), [/blog.md](https://marciotoledo.com/blog.md), [/services.md](https://marciotoledo.com/services.md), cada post em `/blog/{slug}.md` e cada serviço em `/services/{servico}.md`. É o mesmo conteúdo do HTML, sem navegação, scripts nem CSS. As landings de serviço por cidade não têm versão Markdown: a página do serviço já lista as cidades atendidas.

## Conteúdo completo

Para acesso ao conteúdo completo de todas as páginas em formato legível por LLMs: [llms-full.txt](https://marciotoledo.com/llms-full.txt)