Jared Simplicio | Web Designer de Landing Pages e Sites

<!doctype html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width">
  <link rel="preload" as="font"
    href="manrope.woff2">
</head>
<body>
  <section class="hero">
    <h1>{{ headline }}</h1>
    <p class="lead">{{ lead }}</p>
    <a class="btn" href="#oferta">
      {{ cta }}
    </a>
  </section>
  <section id="oferta">
    <div class="card">
      <span class="price">
        {{ price }}
      </span>
    </div>
  </section>
  <!--@js-->
</body>
</html>

:root {
  --black: #0a0a0a;
  --white: #fdfdfd;
  --ease: cubic-bezier(.16,1,.3,1);
}
.hero {
  display: grid;
  place-items: center;
  min-height: 100svh;
}
.btn {
  border-radius: 999px;
  transition:
    transform .45s var(--ease);
}
.btn:hover {
  transform: translateY(-3px);
}
.card {
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
@media (max-width: 640px) {
  .hero { padding: 24px; }
}

const io = new IntersectionObserver(
  (entries) => {
    entries.forEach((e) => {
      if (!e.isIntersecting) return;
      e.target.classList.add("is-in");
    });
  },
  { threshold: .12 }
);

document
  .querySelectorAll("[data-reveal]")
  .forEach((el) => io.observe(el));

zaraz.track("Lead", { value: 1 });

fetch("/api/lead", { method: "POST" })
  .then((r) => r.json())
  .then(render);

$ ./build.sh
✓ styles.css      18.2 KB
✓ main.js          6.4 KB
✓ index.html      72.0 KB
✓ sitemap.xml
✓ deploy/site.zip

$ lighthouse --mobile
Performance      96
Accessibility   100
Best Practices  100
SEO             100

LCP   0.8 s
CLS   0
TBT   0 ms

{
  "workflow": "lead-to-crm",
  "nodes": [
    { "type": "webhook" },
    { "type": "zaraz.track" },
    { "type": "crm.upsert" },
    { "type": "whatsapp.send" }
  ],
  "active": true
}

<script type="application/ld+json">
{
  "@type": "Person",
  "jobTitle": "Web Designer"
}
</script>

<figure class="frame">
  <img src="hero.webp"
    width="1920" height="1080"
    fetchpriority="high">
</figure>

@font-face {
  font-family: "Manrope";
  font-display: swap;
}

.dock__item {
  width: calc(var(--base)
    * var(--s));
}

<dialog class="modal">
  <form method="dialog">
</dialog>

Hero · Desktop

Sales page · 1920

Mobile · 390

Jared

Design tokens

Aa Manrope · 200 / 500

Landing page · v2

Web designer · Desenvolvedor · Automações Do Figma ao ar.
Em código puro.

Eu desenho, desenvolvo, automatizo e trackeio. Páginas de lançamento e sites que unem bom design, alto connect rate e tracking confiável.

Falar comigo Ver portfólio

Olá, eu sou o Jared

CEO & Diretor Criativo · INOVAWEB

200+Projetos entregues
R$ 20M+Faturados pelos clientes
2022Trabalhando com web desde

Projetos selecionados

Páginas que sustentaram
lançamentos de verdade.

Sales pages, páginas de captura e sites institucionais. Desenhados no Figma, construídos para converter e para aguentar pico de tráfego no dia da abertura do carrinho.

Tudo no Behance

Adv Sustentável

Página de vendas

Start Magnético

Página de vendas

HealthyCann

Site institucional + portal

Bettina Rudolph

Página de vendas

Comunicadores Magnéticos

Página de vendas

Imersão Magnética

Página de vendas

Sistema Magnético

Página de vendas

+ Mais cases Portfólio completo e processo no Behance

Clientes

Quem confia na INOVAWEB.

Aberto para novos projetos e contratos mensais

Anderson VanolliInfoprodutor
HealthyCannHealthtech
NexpureFarmacêutica
Marcelo BraggionInfoprodutor
Thassia PiezzarolliInfoprodutora
Natalia BeautyInfoprodutora
Giullya BeckerInfoprodutora
Karen QueirozInfoprodutora
Isa MinatelInfoprodutora
Bruna AbrãoInfoprodutora
Bettina RudolphInfoprodutora
Luz da SerraInfoprodutores
Rafa BrazInfoprodutor
Will ArnholdInfoprodutor
Mutante DigitalAgência de lançamentos
Elton EullerInfoprodutor
Ramon GalimbertiInfoprodutor

Serviços

Do criativo do anúncio
até a página no ar.

Design & Direção de Arte

Identidade aplicada, wireframe, UI e protótipo no Figma. Cada seção desenhada com uma função clara dentro da página.

Landing Pages & Sites

Captura, vendas, obrigado, institucional e portais. Código puro por padrão; WordPress ou builder quando o time do cliente precisa editar sozinho.

Criativos, Carrosséis & Slides

Peças para tráfego pago e orgânico, decks e apresentações de aula alinhados à mesma linguagem da página.

Desenvolvimento & Infra

Publicação, domínio, DNS, CDN, cache, SSL e monitoramento. A página sobe pronta para pico de tráfego na abertura do carrinho.

Automações & Trackeamento

Meta Pixel e demais tags via Cloudflare Zaraz, eventos de conversão, integrações e fluxos no n8n ligando checkout, CRM e WhatsApp.

Um parceiro só, do anúncio ao domínio.

Um único parceiro para design, código, infra e dados. Sem agência de um lado, dev de outro e ninguém respondendo pelo resultado.

Falar comigo

Por que código puro

Builder é conveniência.
Código é performance.

Page builder empilha plugin, script e CSS que ninguém usa — e você paga isso em segundos de carregamento, em Core Web Vitals e em CPA no tráfego pago. Por isso minhas páginas saem escritas à mão: só o que a página precisa, nada além. E quando o projeto realmente pede WordPress, Elementor ou outro builder, eu domino esse caminho também e entrego limpo.

HTML

CSS e JS escritos à mão, sem dependência morta

90+

É a régua de PageSpeed que eu persigo em cada entrega

Plugin desnecessário rodando na sua página

Stack

As ferramentas que
eu opero no dia a dia.

Design, front-end, infraestrutura, dados e automação. Você não precisa contratar quatro fornecedores para cobrir essa lista.

Figma
HTML · CSS · JS
GSAP
Cloudflare Zaraz
Meta Pixel + CAPI
GA4
Google Tag Manager
n8n
WordPress
Elementor
Webhooks & APIs
Photoshop
Illustrator
After Effects

Processo

Quatro etapas,
nenhuma surpresa.

Etapa 01
Diagnóstico
Entendo oferta, público, funil e números atuais. Saio dessa conversa com o escopo exato do que a página precisa ter.
Etapa 02
Design no Figma
Wireframe, copy estruturada e layout desktop e mobile. Você aprova vendo exatamente o que vai para o ar.
Etapa 03
Implementação
Código puro, responsivo e otimizado. Publicação, DNS, cache e CDN configurados por mim, do zero ao domínio ativo.
Etapa 04
Trackeamento e ajustes
Tags via Zaraz, eventos validados, automações no n8n. Depois do ar, acompanho os dados e ajusto o que está travando conversão.

Contato

Tem um projeto em mente?

Me conta o que você está construindo e eu te digo exatamente o que essa página precisa para converter. Disponível para projetos pontuais e contratos mensais.

Falar no WhatsApp E-mail

Diagnóstico gratuito
Resposta em até 2h
Sem compromisso

Perguntas frequentes

Antes de me chamar.

Não achou a sua dúvida? Me chama no WhatsApp: respondo em até 2h.

Falar comigo

Porque builder carrega scripts e estilos que a sua página não usa, e isso custa tempo de carregamento — que custa conversão no tráfego pago. Escrevendo à mão eu controlo cada requisição.

Sem problema. Trabalho com WordPress, Elementor e outros builders quando o seu time precisa editar sozinho — e entrego dentro deles do jeito mais leve possível.

Sim. Instalo Meta Pixel, GA4 e demais tags via Cloudflare Zaraz, configuro os eventos de conversão e valido se estão disparando certo antes de você subir campanha.

Dá. Monto fluxos no n8n ligando formulário, checkout, CRM, e-mail e WhatsApp — o lead entra e segue o caminho sem ninguém copiando planilha.

Os dois. Projeto pontual quando você tem um lançamento ou site específico, e contrato mensal quando precisa de alguém fixo cuidando de páginas, criativos e automações.

Web designer · CEO da INOVAWEB Prazer, JaredSimplicio!

Web designer · Desenvolvedor · Automações Do Figma ao ar.Em código puro.

Páginas que sustentaramlançamentos de verdade.

Adv Sustentável

Start Magnético

HealthyCann

Bettina Rudolph

Comunicadores Magnéticos

Imersão Magnética

Sistema Magnético

Quem confia na INOVAWEB.

Do criativo do anúncioaté a página no ar.

Design & Direção de Arte

Landing Pages & Sites

Criativos, Carrosséis & Slides

Desenvolvimento & Infra

Automações & Trackeamento

Builder é conveniência.Código é performance.

As ferramentas queeu opero no dia a dia.

Quatro etapas,nenhuma surpresa.

Diagnóstico

Design no Figma

Implementação

Trackeamento e ajustes

Tem um projeto em mente?

Antes de me chamar.

Por que código puro e não page builder?

E se eu já uso WordPress?

Você cuida do pixel e das tags?

Dá para automatizar o pós-conversão?

Você trabalha por projeto ou mensal?

Web designer · CEO da INOVAWEB Prazer, Jared
Simplicio!

Web designer · Desenvolvedor · Automações Do Figma ao ar.
Em código puro.

Páginas que sustentaram
lançamentos de verdade.

Do criativo do anúncio
até a página no ar.

Builder é conveniência.
Código é performance.

As ferramentas que
eu opero no dia a dia.

Quatro etapas,
nenhuma surpresa.