P R E FCI O

O modelo tradicional de web design est totalmente quebrado.

Sendo voc uma agncia ou uma empresa, isso algo que lhe
deixa extremamente vulnervel a riscos e frequentemente no
traz resultados positivos.
Growth-Driven Design o novo estandarte de ouro para a
entrega de resultados e valor de negcios mensurvel atravs
do web design. uma aproximao mais inteligente, gil e
orientada a dados que minimiza as armadilhas do web design
tradicional, produzindo sites de alta performance.
Esse livro uma leitura obrigatria para qualquer um que
tenha se deparado com o pesadelo do redesign de um site ou
simplesmente para quem no est satisfeito com os resultados
que tem obtido com seu site atual.
Luke destri exatamente o que est fundamentalmente errado
com o processo tradicional de web design e prepara o terreno
para que tudo ocorra da melhor forma, Growth-Driven Design.
Invista tempo na leitura desse livro, faa anotaes e comece a
pensar numa forma mais inteligente de abordar o web design.

Gabriel Wahhab
Director, Interactive Services,
Square 2 Marketing
@gabewahhab

HUBSPOT Uma Introduo ao Growth-Driven Design

NDICE

Introduo

Porqu o Web Design Tradicional est Quebrado

As Mudanas que os Profissionais de Marketing Precisam Fazer

O Processo do Growth-Driven Design

Consideraes Finais e Prximos Passos

pg. 4

pg. 5

pg. 8

pg. 10

pg. 24

Escrito por: Luke Summerfield | @SavvyLuke | Partner Services Program Manager, HubSpot
Editado por: Erik Devaney | @BardOfBoston | Content Strategist, HubSpot
Traduzido por: Angelo Pblio | @AngeloPublio | Inbound Leader & Professor, angelopublio.com

HUBSPOT Uma Introduo ao Growth-Driven Design

INTRODUCTION
INTRODUO
Voc est desperdiando tempo e
recursos no seu site e nem sabe disso.
Por seis anos eu comi, dormi e respirei
web design. Trabalhando tanto em
projetos pessoais quanto em agncias,
eu lancei centenas de sites e somente
h um ano atrs eu percebi que tudo
que eu achava que sabia sobre o
processo de web design estava completamente errado.
O que temos aceitado como a forma padro com que abordamos
a construo e a manuteno de um site est repleto de riscos
sistmicos e est custando tempo, dinheiro e oportunidade de seu
negcio.
Mas existe uma maneira melhor, uma nova forma de abordar seu site
que tem um tremendo potencial para voc e seu negcio. a hora
de dar um passo para trs e desafiar os pressupostos do processo
de web design tradicional.
Minha esperana com a escrita desse livro abrir seus olhos para
uma abordagem mais inteligente, de forma que voc evite os
desastres nos sites, produza melhores resultados, impressione seu
chefe e aumente seu negcio.

-Luke Summerfield

HUBSPOT Uma Introduo ao Growth-Driven Design

O WEB DESIGN TRADICIONAL

INTRODUCTION
EST QUEBRADO
Seu site o seu maior recurso de marketing e o destaque de todas as suas atividades
de marketing. frequentemente o primeiro lugar em que as pessoas vo, quando esto
em busca de mais informaes sobre seus produtos ou servios. o lugar para onde
direcionamos todos os nossos esforos de marketing e frequentemente onde os
prospects chegam buscando por informaes.
Alm disso, seu website tambm o seu melhor vendedor. J foi dito que um prospect
j percorreu 70% do processo de venda antes mesmo de chegar sua equipe de vendas.
Onde eles esto encontrando informaes antes de conversar com algum? No seu
website.
To criticamente importante quanto so os nossos sites, a maneira como abordamos a
construo e a melhoraria de nossos sites est fundamentalmente quebrada.

O Tradicional Processo de Web Design

Eu amo o olhar que as pessoas me do quando eu as pergunto sobre seu ltimo projeto
de redesign. A maioria inclina sua cabea para trs, revira os olhos e estremece de nojo
ao se lembrar que dor de cabea isso representou.
Repense no ltimo projeto de redesign que voc fez com sua empresa e pergunte-se:
Como voc descreveria a experincia como um todo?
O que deu certo e errado no processo?
Quanto tempo/energia/recursos foram necessrios para finalmente coloc-lo no
ar?
Ele foi lanado no prazo ou no budget?
Depois de ir ao ar, quantas melhorias contnuas foram necessrias?
Quo animado voc est para fazer um novo redesign?

HUBSPOT Uma Introduo ao Growth-Driven Design

Se voc j esteve envolvido no projeto de redesign de um site, provvel que voc no

tenha usufrudo plenamente o processo.
A razo pela qual passamos a aceitar que o redesign de um site uma enorme dor de
cabea a abordagem que utilizamos para constru-lo. O processo tradicional de redesign de um site est repleto de riscos e dores de cabea sistmicos.

Riscos do Web Design Tradicional

Grande Investimento Inicial: A mdia de custo do site de uma
empresa pequena a mdia custa, tipicamente, algo entre US$15.000
e US$80.000, um custo inicial considervel para a maior parte das
empresas.
Muito Tempo & Comprometimento de Recursos: Em complemento
despesa inicial, o site das pequenas a mdias empresas, costuma
levar em torno de trs meses para ser concludo e requer uma grande
quantidade de recursos e energia de sua equipe.
Esse monte de tempo a ser investido - sem resultados a serem
apresentados at que o site v ao ar - o suficiente para deixar
qualquer chefe inquieto.

HUBSPOT Uma Introduo ao Growth-Driven Design

Alm do Budget, Fora do Prazo e Sem Flexibilidade: Mesmo que o

budget e o prazo estejam aprovados, existem tantas mudanas, pessoas
e passos envolvidos num projeto grande que fica extremamente difcil
citar com preciso o custo e determinar quanto tempo ser necessrio.
Isso faz com que seja muito comum um projeto de site atrasar e/ou
ultrapassar o budget. Isso no s afasta os resultados de seu site, mas
tambm reflete negativamente na viso que seu chefe e os gestores
de outros departamentos tm de voc.
Designs Subjetivos e Nenhuma Garantia de Melhoria do Desempenho:
No final do dia, voc est sendo responsabilizado por seu chefe pelo
aumento mensurvel nos resultados do redesign do site.
Ento a Questo se Torna: depois de todo o tempo, dinheiro e recursos que voc colocou
no redesign de seu site, como voc (ou a agncia que voc contratou) sabe que o que
voc est finalmente lanando o melhor site possvel?
A resposta que voc no sabe, impossvel.
Tudo o que voc pode fazer olhar atravs de todos os seus dados de uso e formular
uma hiptese sobre o que voc acredita que seja um site de alta performance. Em
seguida, esta hiptese lanada e nunca validada para ver se o que pensvamos estava
realmente correto.
Todos ns j ouvimos histrias de horror sobre um site sendo lanado e, ento, seu
desempenho falhando completamente por uma razo ou outra.

Depois de lanado, um site normalmente fica sem grandes

atualizaes de 1,5 a 2 anos.
Seja qual for a desculpa; Falta de Tempo, Gastamos todo nosso budget, Outros
Focos, etc. Ns deixamos nosso site, nosso recurso de marketing N1 e nosso melhor
vendedor parado e relativamente inalterado por anos. Essa, claramente, no a forma
ideal de maximizar o desempenho do site, mas, ainda assim, continuamos fazendo isso.
Sim, pode haver algumas atualizaes ou melhorias, juntamente com a incluso de
blogs ou landing pages para o site, mas o ncleo e a vasta maioria do site permanecem
intocados.

HUBSPOT Uma Introduo ao Growth-Driven Design

AS MUDANAS QUE OS PROFISSIONAIS

INTRODUCTION
DE MARKETING
PRECISAM FAZER
hora de darmos um passo para trs e olharmos como podemos abordar o processo de
redesign de um site atravs de um ngulo diferente.
Ns precisamos encontrar um processo superior que evite todos os riscos que ns
esboamos no processo tradicional de web design e produzir um site com pico de
desempenho; Um processo de web design que seja rpido, gil e produza melhores
resultados e ROI.
O que esse processo? - Growth-Driven Design.

Um Jeito Mais Inteligente de Pensar sobre Web Design

Growth-Driven Design uma abordagem completamente nova e uma forma de pensar
sobre construir e fazer seu site crescer.

HUBSPOT Uma Introduo ao Growth-Driven Design

Os Trs Pilares
do

Growth-Driven Design
1

Diminuio dos riscos com web design tradicional.

Ns trabalhamos para evitar os riscos do web design tradicional adotando
uma abordagem sistemtica para diminuir o tempo de lanamento, focando
no impacto real e no contnuo aprendizado e aprimoramento.

Aprender e aprimorar continuamente.

Ns estamos constantemente pesquisando, testando e aprendendo sobre
nossos visitantes para informar melhorias em curso no site. Atravs de
melhorias contnuas, ns podemos alcanar o pico de desempenho.

Conforme voc aprende, informe marketing e vendas (e vice-versa)

Growth-Driven Design est totalmente integrado com as reas de marketing
e vendas. O que aprendemos sobre nossos visitantes ajuda a informar e
melhorar estratgias e tticas de marketing e vendas (e vice-versa).

HUBSPOT Uma Introduo ao Growth-Driven Design

O PROCESSO
DO GROWTH-DRIVEN DESIGN
INTRODUCTION
O processo do Growth-Driven Design est dividido em duas fases principais:

FASE1:

ESTRATGIA

WISHLIST

SITE DE LANAMENTO

ESTRATGIA
Muito como no tradicional processo de web design, o primeiro estgio do Growth-Driven
Design a estratgia.
Nesse estgio ns vamos desenvolver uma fundao slida sobre a qual podemos
construir nosso processo de Growth-Driven Design seguindo os seguintes passos:
Metas: Quais so as metas de performance que estamos tentando alcanar com nosso
site? Como foi nossa performance histrica, onde ns gostaramos de melhorar e como
isso impactar as metas do departamento de marketing de forma geral?
Para ajudar com a criao e o acompanhamento das metas, faa o download gratuitamente
do modelo Excel de metas de marketing da HubSpot S.M.A.R.T. (Especfico, Mensurvel,
Atingvel, Relevante e Prazo-Definido)..
Personas: Em seguida voc vai desenvolver perfis de persona detalhados para diferentes
tipos de grupos que visitam o site.
Persona uma representao fictcia do seu consumidor ideal. Voc pode criar diferentes
grupos de pesonas baseado em caractersticas comuns que o seu pblico compartilha.
Pode ser um ponto sensvel, ramo, cargo, etc.
Como voc vai aprender mais tarde no livro, o Growth-Driven Design est focado no
usurio, ento criticamente importante pesquisar e desenvolver seus perfis de persona
no comeo, pois eles definiro o cenrio para todas as atividades futuras.
Para aprender como criar personas para o seu negcio, faa o download gratuitamente
do modelo PowerPoint da Hubspot de persona compradora.
HUBSPOT Uma Introduo ao Growth-Driven Design

10

Pesquisa Quantitativa - Site & Auditoria Analtica: hora de comear a vasculhar os dados.
Realizar uma auditoria quantitativa de como o site existente est se desempenhando,
revisando o que est e o que no est desenvolvendo bem, onde os usurios esto
caindo fora, etc.
Enquanto voc estiver completando a auditoria do site, voc vai comear a identificar
onde esto as oportunidades de melhorias para o seu trabalho futuro.

Nossos usurios esto constantemente nos contando do que eles gostam e

do que no gostam nos nossos sites e aplicativos atravs das aes que
tomam. Pesquisa quantitativa quando ns ouvimos nossos usurios atravs
da coleta de dados para essas aes e interpretamos de forma agregada o
que os dados representam sobre a base de usurio ou produto.
Atravs da interpretao dos dados quantitativos, ns podemos
criar uma hiptese ao redor do que podemos melhorar, como
podemos melhorar e relativamente quanto impacto ou
melhoria pode ter. Podemos, ento, testar nossa hiptese
com uma experincia e usar nossos dados quantitativos
para medir os resultados.
Matthew Rheault
Sidekick, Growth Team - Lead Developer

Pesquisa Quantitativa - Pesquisa de Usurio: Depois que voc identificar algumas

reas de oportunidade atravs de sua auditoria, o prximo passo alcanar de forma
proativa seus usurios existentes para aprender mais sobre eles, obtendo um melhor
entendimento sobre quem eles so e encontrando formas de melhorar.
Como voc est colhendo a pesquisa de novo usurio, isso vai ajudar-lhe a validar as
premissas que voc colocou nos seus perfis de persona originais e vai, provavelmente,
lhe dar informaes adicionais a serem includas.

Atravs da pesquisa qualitativa, podemos observar as metas, motivaes

e as necessidades do usurio em ao. Isso nos ajuda a desenvolver
um entendimento dos comportamentos humanos que esto ligados aos
pontos de dados quantitativos que coletamos.
Como resultado, ns podemos comear a simpatizar e criar
para o humano do outro lado do monitor, melhorando, assim,
a experincia como usurio e movendo a agulha para
indicadores de desempenho como converso e reteno.
Austin Knight
HubSpot - UX Designer

HUBSPOT Uma Introduo ao Growth-Driven Design

11

Suposies Fundamentais: Usando o que voc aprendeu em todos os passos anteriores,

voc pode agora comear a formar algumas suposies fundamentais sobre seus
usurios.
Alguns exemplos de suposies fundamentais incluem:

Propostas de valor para cada produto, servio e oferta

As variadas localizaes e dispositivos de onde seus usurios acessaro seu site

Por quais informaes seus usurios esto procurando.
Essas suposies fundamentais vo ajudar voc a explicar o comportamento e as
motivaes de seu usurio e sero influncias para a estratgia global do site e por
pgina e tambm para os ciclos futuros do Growth Driven Design.
Estratgia Global & Por Pgina: O ltimo passo na fase estratgica desenvolver tanto
uma estratgia global para o site como um todo como uma estratgia especfica pginapor-pgina para cada pgina importante no site.
Ambas as estratgias, global e pgina individual, devem incorporar todos os passos
anteriores e configurar uma estratgia detalhada sobre exatamente como melhor
engajar e influenciar os usurios para atingirem suas metas.

Quer aprender sobre esses passos com mais detalhes?

Assine gratuitamente o curso de treinamento Growth-Driven Design Deep Dive. Voc
vai aprender e ganhar acesso a:

O exato passo-a-passo do processo do GDD

Modelos e documentos do GDD
Exemplos de etapas concludas

REGISTRE-SE GRATUITAMENTE

AGORA

HUBSPOT Uma Introduo ao Growth-Driven Design

12

WISHLIST - Sua lista de desejos

A prxima etapa no processo de Growth-Driven Design desenvolver sua wishlist.
Considerando o que voc aprendeu no seu planejamento estratgico, rena sua equipe
e debata cada ideia de impacto, criativa e inovativa que voc gostaria de incluir no site.
O segredo entrar na sua sesso de brainstorming com a ficha limpa e no ficar
pendurado no site existente. Pense sobre quais itens deveriam estar na lista para alcanar
suas metas num mundo ideal, se dinheiro, tempo e habilidade de desenvolvimento no
fossem um problema.
Isso inclui debater ideias como:

Sees e pginas chave de impacto no site

Ativos, ferramentas e recursos de marketing

Caractersticas especficas, mdulos e funcionalidades

Elementos de design

Mudanas na experincia baseadas em dispositivos, pas, etc.
Depois de algumas horas de debate com sua equipe, voc ter uma lista com 50 a
150 ideias para o novo site. Entretanto, nem todos esses itens sero implementados
imediatamente. importante dar corpo a tantas quantas forem possveis logo de cara.
Sua lista de desejos ser usada para determinar os itens de ao inicial para implementar
no novo site, mas tambm uma lista gil e flexvel onde voc continuar adicionando
(e excluindo) conforme voc mudar a prioridade de ao dos itens ao longo do tempo.

SITE DE LANAMENTO
No processo tradicional de web design, ns pensamos
no lanamento do site como o fim. No Growth-Driven
Design completamente o oposto.
Nessa etapa ns vamos construir e lanar o que
chamamos de Site de Lanamento. O Site de
Lanamento o ponto de partida de onde todos as
suas atividades e melhorias do Growth-Driven Design
comeam.
O Site de Lanamento deve ser lanado rapidamente e no ser perfeito. Ns queremos
evitar ficar presos em anlises, recursos ou contedos enquanto construmos nosso
Site de Lanamento. Ele pode no ser perfeito no lanamento, mas nenhum site . Ele
provavelmente vai ser uma grande melhoria para o seu site atual e dar um ponto de
partida a partir do qual voc poder melhorar continuamente.
HUBSPOT Uma Introduo ao Growth-Driven Design

13

O tamanho e a complexidade do Site de Lanamento vai variar dependendo do que

voc tem em sua wishlist e de que tipo de site voc tem. No entanto, extremamente
importante que voc seja capaz de reduz-lo aos 20% que causaro impacto e propiciaro
um lanamento rpido, de forma que voc continue a aprender sobre seus usurios e
melhore o site.

Execute uma Anlise 80/20 em Sua Wishlist

Na fase da wishlist ns compilamos uma longa lista de todos os itens de aes que
idealmente gostaramos de ter no site. Agora hora de fazer a triagem e priorizar esses
itens na wishlist para determinar quais itens sero os primeiros a ser implementados no
nosso Site de Lanamento.
Reveja a lista com sua equipe toda e identifique os 20% dos itens que produziro 80%
do impacto e do valor para os usurios do seu site. Uma vez que voc tenha identificado
esses 20%, coloque-os de lado e faa um filtro adicional se perguntando: Esse item de
ao

Uma necessidade ou, na verdade, algo legal de ter? - Se sua resposta for legal
de ter, ento este item volta para a lista principal.
Ento, com os itens remanescentes, pergunte:

Isso absolutamente necessrio para o Site de Lanamento inicial ou podemos
construir isso no site dentro de 2 ou 3 meses?
A meta de perguntar essas questes adicionais realmente estreitar seu foco apenas
no ncleo, nos itens necessrios que traro o maior impacto. Estreitar os itens de ao
essencial para garantir um lanamento rpido.

Demonstraes de hipteses para Cada Item de Ao

Uma vez que tenhamos reduzido nossa lista de itens de ao para o Site de Lanamento
para os 20% mais impactantes, itens necessrios, ns vamos criar uma demonstrao de
hipteses para cada uma dessas aes.
Essa demonstrao de hipsteses nos permite ter clareza sobre como cada item de
ao remete para as metas que estamos tentando alcanar, a persona na qual estamos
focando e pela qual estamos esperando.
HUBSPOT Uma Introduo ao Growth-Driven Design

14

Aqui est um exemplo de demonstrao de hipteses

TEM DE AO 1
Demonstrao de hipteses
Para [ Maria Marketing ] visitar a [ Pgina de Preos ],
ns acreditamos que mudar [ Preos da Empresa ] para
[ Solicitar um oramento ] trar [ impulso da converso MQL
Marketing Qualified Lead em 10% ]
Ns acreditamos que isso seja verdade porque [ pesquisa ou suposio previamente validado ]

Impacto Esperado + Esforo Requerido + Mtricas de Medida + Definio de Completo

Na parte inferior de cada informao, h quatro importante itens:

Impacto Esperado - O valor de impacto deve ser um nico nmero, baseado no valor que
o visitante vai ganhar pelo item de ao e o impacto que isso ter em seu direcionamento
para suas metas.
Esforo Requerido - O esforo requerido tambm deve ser um nico nmero que
representa a combinao de nmero de horas, recursos e dificuldade de implementar
esse item em particular.
Mtricas de Medida - Que mtricas especficas voc vai precisar para medir esse
item de ao especificamente e avaliar se a sua hiptese estava correta? Quanto mais
especficas forem as mtricas que voc listar, melhor.
Definio de Completo - Quais so todos os passos que voc precisa completar para
considerar esse item de ao como completo? Definir isso a princpio importante
porque apagar quaisquer zonas cinzentas que possam surgir mais tarde quando estiver
revendo resultados ou eficincia.
HUBSPOT Uma Introduo ao Growth-Driven Design

15

Etapas do Processo Web

Depois de ter identificado os itens de ao mais crticos que voc deve incluir em seu Site
de Lanamento, voc pode execut-los atravs do processo padro de implementao
do site, incluindo:

Mensagem e Contedo
Experincia do Usurio (UX) & Arquitetura do Site
Alinhamento Estratgico de Inbound Marketing
Wireframes
Designs
Desenvolvimento
Garantia de Qualidade e Teste

Configurar Coleta de Dados

O ltimo passo do Site de Lanamento montar a coleta de dados qualitativa e quantitativa
em torno de:

Sua metas definidas na fase estratgica

Cada um de suas suposies fundamentais
--e- Cada demonstrao de hiptese de seus itens de ao implementados no Site
de Lanamento.
Configurar a coleta de dados um passo importante, pois permite que voc comece a
aprender sobre seus visitantes quando seu Site de Lanamento estiver no ar.

Acabou de lanar um novo site?

Voc lanou recentemente um site, mas quer implementar o modelo de
implementao contnua do Growth-Driven Design? Sem problemas!
Voc pode usar seu site pr-existente como seu Site de Lanamento
e partir direto para a segunda fase, o ciclo contnuo do Growth-Driven
Design.

HUBSPOT Uma Introduo ao Growth-Driven Design

16

FASE 2:

O Ciclo do Growth-Driven Design

2:

Melhoria contnua
Depois de ter lanado seu Site de Lanamento, ser hora de comear seus ciclos em
curso para experimentar, aprender e melhorar seu site continuamente.
Saindo de seu Site de Lanamento, voc ainda tem uma longa wishlist com itens de
impacto que voc gostaria de implementar no site. Essa lista gil e deve ser atualizada
regularmente.

Isso Gira em Torno da Persona

Esse ciclo inteiro comea e gira em torno das personas que esto vindo para seu site.
Em cada etapa do ciclo, ns devemos nos perguntar continuamente como isso associa
e proporciona valor para as personas que esto visitando seu site.
A qualquer momento, se no ficar claro como uma ao vai proporcionar valor ou associar
a persona, voc deve dar um passo para trs e reavaliar no que voc est trabalhando.

HUBSPOT Uma Introduo ao Growth-Driven Design

17

1 Etapa do Ciclo: Plano

O primeiro passo do Growth-Driven Design o planejamento. Nessa etapa voc vai
identificar os itens mais impactantes no momento atual e planejar a implementao dos
mais importantes no ciclo atual.
H uma srie de etapas a serem percorridas na fase de planejamento:
Desempenho vs. Metas: Rever a performance atual do site e compar-la com as metas
que voc est tentando alcanar. Isso vai informar onde h oportunidade de melhorar.
Dados Adicionais ou Pesquisa: Saindo do ltimo ciclo, enquanto revisa sua performance
vs. metas, muitas vezes h dados adicionais e pesquisas que voc pode precisar fazer
para lhe ajudar a esclarecer quais itens de ao voc deve adicionar sua wishlist.
Aprendendo com Marketing & Vendas: Conecte-se com as equipes de marketing e
vendas e observe quais itens chave eles aprenderam sobre o usurio desde o seu
ltimo ciclo.
Essa informao pode conter pepitas de ouro de percepo que voc pode transferir
para os itens de ao que voc est implementando no seu programa de Growth-Driven
Design.

Aqui est um exemplo...

A equipe de marketing pode ter escrito um blog sobre um tema especfico
que teve grande popularidade e resultou em um grande nmero de
visitantes orgnicos e sociais.
Ns agora aprendemos que esse tema importante para as suas
personas. Como voc pode levar esse conhecimento e adicionar novos
itens sua wishlist influenciando seu programa de Growth-Driven Design?

Debata e Priorize a Wishlist: Baseado em todos os novos dados, pesquisas e aprendizados

que voc teve at agora, voc far uma nova sesso de brainstorm para determinar
quaisquer novos itens de ao para serem adicionados wishlist.

HUBSPOT Uma Introduo ao Growth-Driven Design

18

De uma maneira geral, os itens de ao vo se encaixar nesses quadros:

Impulsione Converses: O primeiro quadro de atividades da wishlist so aqueles

relacionados diretamente otimizao da taxa de conversao.
Melhore a Experincia do Usurio: Melhorias ao site que proporcionam ao usurio uma
melhor experincia e tornam mais fceis a navegao, a localizao do que eles buscam
e a soluo de seus problemas.
Personalize para o Usurio: Adaptao do site, calls-to-action, ofertas de contedo, etc.
para o visitante especfico com base nos dados que sabemos sobre ele. Isso inclui, mas
no se limita a, personalizao baseada nos interesses, persona, dispositivo, localizao
geogrfica, fonte de referncia ou aes prvias no seu site
Construa Ativos de Marketing: Ativos de marketing so itens que contm grande valor
para o seu programa de marketing como listas de e-mails, contas em redes sociais, seu
blog, etc.
Construa novos ativos de marketing no site como ferramentas, sees de pesquisa
aprofundada, treinamentos on-line, diretrios, etc. - qualquer item que v propiciar
grande valor tanto para o usurio final como para sua empresa.
Um grande exemplo de ativo de marketing o HubSpots Marketing Grader. Os usurios
recebem um relatrio detalhado de seus esforos de marketing digital e a HubSpot
ganha links, dados e leads.
Atualizaes Gerais do Site: Com certeza haver atualizaes gerais do site de tempos
em tempos e elas podem ser adicionadas sua wishlist tambm.

HUBSPOT Uma Introduo ao Growth-Driven Design

19

Priorize Sua Wishlist

Depois de ter adicionado todos os novos itens wishlist, voc priorizar todas as aes
com base no impacto (Alto / Mdio / Baixo) que elas tero nas metas do site e no valor
para o usurio.
Planeje o Ciclo de Corrida: Com uma wishlist atualizada e priorizada, voc pegar os
itens com mais impacto que voc quer implementar nesse ciclo.
O nmero de itens que voc vai escolher vai depender do quo longo o clico . melhor
voc pegar menos itens e realmente focar em fazer o seu melhor trabalho neles. Se
acontecer de voc complet-los mais cedo, voc sempre pode voltar wishlist e pegar
outros.

PASSO 2 DO CICLO: DESENVOLVA

Passando para a fase de desenvolvimento do ciclo, voc
agora tem os itens de ao de mais impacto para trabalhar e
hora de comear a implement-los no site.
aqui que o trabalho comea para valer e todos na sua equipe
unem-se para comear a completar cada item de ao que
voc selecionou na fase de planejamento.
Cada item de ao que voc implementar, deve ser
considerado uma experincia para ver o impacto que ele teve
na performance do site. Para medir suas experincias, voc
deve configurar a validao do rastreamento ao redor das
mtricas descritas no item de ao.
Depois que sua experincia colocada no ar, voc pode
querer desenvolver uma campanha de marketing (social,
PPC, blogs, etc) especificamente para direcionar trfego para
aquela seo do site de forma que voc consiga comear a
coletar dados.
Durante a fase de desenvolvimento do ciclo, voc vai construir
e programar a campanha de marketing enquanto trabalha com
sua equipe de marketing.

HUBSPOT Uma Introduo ao Growth-Driven Design

20

PASSO 3 DO CICLO: APRENDA

Depois que suas experincias tiverem tido tempo suficiente para correr e coletar dados,
voc pode passar fase de aprendizado. Na fase de aprendizado voc vai rever quais
informaes voc coletou sobre os visitantes de seu site.
Com base nas informaes que voc coletou, voc pode validar ou refutar suas hipteses
em seu carto de itens de ao. Suas mudanas tiveram o impacto que voc esperava
ou no? Com base nos resultados, o que isso lhe ensinou sobre seu visitante? O que
voc aprendeu sobre eles que voc no sabia antes?
Depois de determinar se sua hiptese estava correta e expor o que voc aprendeu
sobre seus usurios, voc vai querer publicar essa informao em um lugar central para
que todos da organizao possam tirar vantagem disso. Ter um sistema estruturado
para publicar suas descobertas tambm uma grande referncia para o futuro, se voc
sempre precisa olhar para as tendncias ou procurar experincias anteriores.

Cada site ou aplicativo tem um nico subconjunto de usurios que

compartilham traos comuns. uma meta primria das experincias do
Growth-Driven Design responder questes sobre nosso subconjunto nico
de usurios.
Vamos imaginar que temos um blog de alimentao e queremos saber
como melhor engajar nossos leitores. D uma olhada nos seguintes
ensinamentos que tivemos durante nossas experincias quantitativas:
Aprendemos que nossos usurios querem comidas que tragam conforto
no inverno, mas querem perder peso no restante do ano.
Aprendemos que nossos usurios preferem ler um artigo inteiro se o
primeiro pargrafo contiver menos do que 120 caracteres e for precedido
por uma imagem full width.
Aprendemos que nossos usurios esto mais engajados com nosso
contedo, s 9 a.m., durante a semana.
Todos esses aprendizados combinados nos ajudam a aprimorar em
quem so nossos usurios e o que exatamente funciona melhor
para engaj-los. Com esses trs principais aprendizados,
saberemos o que escrever periodicamente, como formatar
nosso contedo e quando enviar nossa newsletter.
Matthew Rheault
Sidekick, Growth Team - Lead Developer

HUBSPOT Uma Introduo ao Growth-Driven Design

21

PASSO 4 DO CICLO: TRANSFIRA

O ltimo passo do ciclo agora transferir qualquer informao impactante que voc
tenha aprendido no seu ciclo para outras partes de seu negcio.
Tire um tempo para rever o que voc aprendeu de cada item de ao concludo e
debata como isso pode ser normal para os outros. Reveja os itens de ao anteriormente
concludos para ver se consegue encontrar quaisquer padres sobre seus usurios.

Aqui est um exemplo...

Vamos dizer que em sua experincia voc estava testando duas variaes
diferentes de uma landing page. Uma variao utilizava seu evidncia
social como uma varivel independente e a segunda variao utilizava
autoridade.
Depois de rodar a experincia, voc revisou os dados para descobrir
que, para seus usurios irem ao seu site, evidncia social foi um fator
muito mais influente para a converso.
Agora que voc aprendeu que evidncias sociais so um melhor gatilho
para a sua audincia, voc pode informar suas outras equipes para
que comecem a incorporar evidncias sociais em outras partes de suas
atividades de marketing e vendas como e-mails ou script de vendas.or
sales scripts.

Uma vez que voc tenha reunido suas informaes para os outros na organizao,
promova uma reunio para educ-los e debater maneiras para que eles integrem e
transfiram essas ideias em itens de ao tticos dentro de seus departamentos.

HUBSPOT Uma Introduo ao Growth-Driven Design

22

Ento, repita...
Depois de voc ter concludo o ciclo com um conjunto de itens de ao, volte ao comeo
e comece a planejar seu prximo ciclo.
E ento, o ciclo se repete novamente e novamente, cada vez com um resultado melhor
e mais aprendizado sobre seus visitantes. Quanto mais ciclos voc completar, mais
impacto seu site ter.

ESTRATGIA

SITE DE
LANAMENTO

Fase um: 1 ms

HUBSPOT Uma Introduo ao Growth-Driven Design

Fase dois: ciclo mensal

(por 11 meses)

23

CONSIDERAES FINAIS
INTRODUCTION
E PRXIMOS PASSOS
Se voc leu o livro at aqui, voc experimentou alguns dos riscos e armadilhas com o
tradicional processo de web design e, provavelmente, esperava que isso fosse parte do
processo de redesign.
A realidade que esses pesadelos so totalmente evitveis se voc simplesmente der
um passo para trs e reavaliar a maneira como voc est abordando seu site existente
e como voc abordar futuros redesigns.
As empresas que esto adotando a metodologia do Growth-Driven Design esto
encontrando um grande sucesso na flexibilidade e nos resultados que esto obtendo.
hora de voc crescer como profissional de marketing e adotar uma abordagem mais
inteligente para seu site. hora de voc comear a implementar o Growth-Driven Design.
Pronto para Aprender Mais?
Voc comprou a ideia do Growth-Driven Design e quer saber como implement-la na
sua agncia ou empresa?
Quando voc assinar gratuitamente o Deep Drive Trainig Course em GrowthDrivenDesign.
com, voc vai aprender e obter acesso a:

Implementao detalhada passo a passo do processo do GDD

Modelos e documentos do GDD
Ferramentas para usar
Melhores prticas e ideias

Se voc uma agncia interessada em oferecer o Growth-Driven Design como um

servio recorrente, registre-se gratuitamente em nosso treinamento Agency GDD
Blueprint para aprender como comercializar, vender e executar Growth-Driven Design.

HUBSPOT Uma Introduo ao Growth-Driven Design

24

OBRIGADO
POR LER!
INTRODUCTION

HUBSPOT Uma Introduo ao Growth-Driven Design

25