Webflow para Landing Pages: a ferramenta para criar páginas matadoras

Com o Webflow é possível criar diversos tipos de páginas web sem usar código.

[{"selector":"#anim-b8326110-cba9-41a5-9ed7-f33ee175cc3e","keyframes":{"opacity":[0,1]},"delay":300,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-76b4fe93-bbfc-4269-a4a9-7f725df1e6b6","keyframes":{"transform":["translate3d(114.46153%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":1200,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Isso inclui, é claro. As Landing Pages. Esse tipo de página é crucial para uma boa estratégia de marketing.

[{"selector":"#anim-28a6678e-0e50-4a92-bc70-1684f41bdc20 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-cc9d66d8-f07d-43e6-b293-dda8a18c7452","keyframes":{"transform":["translate3d(-114.86069%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6921d4e-7ab6-4e3b-8390-9d89550fad2d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f2a0e0e-9fbc-46b2-a137-3b9ef9dfe648","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Com poucos elementos para não tirar o foco do usuário, as Landing Pages são voltadas para conversão.

[{"selector":"#anim-42b463f3-5ac4-4f00-a4c7-40eff82caa66 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-691ef41a-183c-4aa0-bb23-c5c5beb6fc13","keyframes":{"transform":["translate3d(-115.43409%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dff5f2a6-d71e-4493-81d7-a901da478ef7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef874886-3bac-4867-b5c4-d5b3faca6511","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Na maioria dos casos, uma LP pede o preenchimento de um formulário em troca de algum conteúdo de valor.

[{"selector":"#anim-3f634895-614f-47e9-9f19-464b5cbb50b7 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ac3fe3eb-fcb7-4bcb-b238-1357c8a9bd81","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5db8834-1f8b-460b-9c91-9f416deb093a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f5b5717-af54-4a60-923e-d93920c6cbcc","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Os dados fornecidos são vitais para o time de vendas: são o mapa para chegar aos leads.

[{"selector":"#anim-c0525356-7943-4776-8f8f-9c83953719b8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-0cf05682-9e01-45ff-9a8b-6ef2a65234c9","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9a755f0-788e-4d17-9635-19dc7f2de936","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c48da007-94d7-46fc-a3a6-4c32ba57acfd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Então, se for para criar uma página de tamanha importância, nada melhor do que usar uma ferramenta de ponta, certo?

[{"selector":"#anim-b2e6efdf-e236-4ec1-9379-94101cadadc3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e688f0f7-4a52-4aa8-a67d-740fc763bb29","keyframes":{"transform":["translate3d(-115.45741%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c6b4e48-60d2-4088-91ba-e9d14e407f6a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7aec565f-ab78-473f-bc67-eae8a11fc3fc","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Com o Webflow dá para ser ao mesmo tempo criativo e assertivo. Ou seja, não criar só pela estética, mas criar para atingir o alvo.

[{"selector":"#anim-fc7b4d55-b60b-40e9-b692-57b6e7b1bcce [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7b518b5e-5eab-4c50-8e7b-b28503ce7910","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c751a766-2ec3-4b5c-934c-a7294f7d2df2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e7a3d5d9-dd5d-4659-8652-0c535f8a553b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Sempre focados, é isso o que nós, da Via, fazemos.

[{"selector":"#anim-b2346bc2-651e-4b57-9b15-e145eeb64a01 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-bdce6671-6fb5-457a-a23f-1f087b3a7659","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6391fb8e-8485-41f6-a465-6bd3cdd52c0d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb90d5b2-ed22-4364-bb50-4cbc7e849bec","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Veja um pouco do que podemos fazer por você:

[{"selector":"#anim-4cf07344-9e48-4989-89d3-6e0fbc8e40b5","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31e5ebf1-2ddc-45d1-9ebc-f8ba52440b39","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ef4916e-1b42-46ee-9458-92190f7f0e07","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e77e181-3cbe-4fab-8e92-0ebb9bf88370","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-438fceb5-9ca9-4970-931a-5e985ebf2b37","keyframes":{"opacity":[0,1]},"delay":900,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a85767aa-6aa6-43bb-8c8d-df1561a8bbce","keyframes":{"opacity":[0,1]},"delay":900,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bd0c4fff-6413-4b08-9859-914954146887","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43ae4cd5-d31c-48c0-8500-d4d22549db49","keyframes":{"opacity":[0,1]},"delay":1200,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7096bd48-bca9-49d9-9cd7-7c2108264c1f","keyframes":{"opacity":[0,1]},"delay":1500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ccf3aab9-9a5e-4e05-9b75-cf3b9de17a6d","keyframes":{"opacity":[0,1]},"delay":1500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-68755fbb-7de8-4435-b773-313d1b4e334f","keyframes":{"opacity":[0,1]},"delay":1800,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bd430ba-77a3-4d4b-9292-fb38bc5faaf0","keyframes":{"opacity":[0,1]},"delay":1800,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] ● Websites Profissionais ● Inbound Marketing ● Otimização de sites ● Publicidade Online ● ● Design Interface, Experiências Automação de Marketing

Saiba mais sobre a gente:

[{"selector":"#anim-8d639bc3-31ec-4d32-aed7-7be388175bb1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cc9530a-58e4-4a13-a820-dfcc08c8ea18","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d71c213d-bf48-4db6-870f-631ff52c29d1","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] ACESSE

Veja outros Web Stories

[{"selector":"#anim-f572c1a3-3710-42bf-bc1c-58469fa33603","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1138d692-a301-4ed8-a737-2b0b2932351f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-232cf9eb-15fe-4dca-990f-4158b84210e5","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] ACESSE