Guia de Marca Ecommerce na Prática

Wireframes

57+ wireframes em 18 categorias. Templates prontos para construção de páginas no modo institucional.

Seções primárias

Hero

Top 10 por conversão mobile

Features

Stats, steps, tabs, checklist grid, deep content

Testimonial

Carousel, grid, stat+quote, masonry, single case

Pricing

3 colunas, toggle, single plan, value stack, +FAQ

CTA

Dark centered, dual, social proof, image, banner strip

Conteúdo e navegação

Headers

Large (2), medium (2), small (2) — páginas internas

FAQs

Single column accordion, tabbed accordion

Navigation

Logo + links + CTA — referência estrutural

Conversão e captura

Banners

Email capture, announcement, cookie, top bar

Signup / Login

Split form, centered form

Contact

Simple form — entrada de leads para consultoria

Prova e credibilidade

Integrations

Logo strip + headline, integration cards

Comparison

Comparison table — EnP vs. sem método

Gallery

Masonry grid, image carousel

Logo

Static logo grid, marquee — pós D2C Summit

Estrutura e utilidades

Footer

Four-column footer, compact footer

Legal

Legal page — termos e privacidade LGPD

Transitions

Section transition — gradiente entre blocos

Cada wireframe abre em página própria com botão Copiar HTML em cada variante. O snippet copiado é auto-contido (HTML + tokens.css) — pronto pra colar em qualquer projeto.