19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site, edição marília

19 dicas arrasadoras para ousar e abusar na experiência das pessoas em seu site

DHIEGO BICUDOAgência ICOMP

6º SEMINÁRIO LOCAWEB • MARÍLIA, SP

BIM DIIII MIRÍLII

www

NADA VAI SUBSTITUIR SEU PRÓPRIO SITE. NEM O FACE.

FICIBIIK I DI MIRK ZICKIRBIR

APLICATIVO NÃO É SITE. NUNCA SERÃO.

PARE DE TRATAR APENAS COMO UM SITE.

WebmasterCara que fazia

o site com fundo preto.

WebdesignerCara que fazia

o site com fundo branco.

FLASHeiroCara que hoje participa das

corridas de São Silvestre.

USUÁRIOS CADA VEZ MAIS RÁPIDOS.

SITES CADA VEZ MAIS SIMPLES.

SEMPRE VAI EXISTIR O MAIS BARATO. E O WIX.

POR FAVOR, NÃO USE TEMPLATES

+ de 8mil sites estão usando este template

custo do template

+ 8 mil downloads

QUE VAI COMER

ALGUMA COISA, NÉ?

DIGA NÃO AOS TEMPLATES.

HOJE TENHO DICAS19

1 MOSTRARDEFINIR O QUE AS PESSOAS VÃO PODER VER

INFORMAÇÕES SOBRE A EMPRESA • OS SERVIÇOS QUE OFERECE •

OS PRODUTOS QUE VENDEM • FOTOS DE EQUIPAMENTOS • SEDE E EQUIPE •

OS DIFERENCIAIS • COMPARATIVOS • LISTA DE CLIENTES

2 FAZERDEFINIR O QUE AS PESSOAS PODEM FAZER

SOLICITAR ORÇAMENTO• CADASTRAR E-MAIL •

COMPARTILHAR • CURTIR • COMENTAR • COMPRAR

COMPARAR • PERSONALIZAR • ENTRAR EM CONTATO

“Recomendo o uso da metodologia de Jesse James Garrett baseada nos Elementos da Experiência do Usuário. Dhiego Bicudo

Agência ICOMP

http://www.jjg.net/elements/translations/elements_pt.pdf

3RESPONSIVOPREPARAR OS CONTEÚDOS PARA CADA DISPOSITIVO

http://mediaqueri.es

PRECISO AINDA FALAR DO MOBILE?

“Recomendo a leitura e estudo sobre o método de Mobile First.

Dhiego BicudoAgência ICOMP

4 FLATDEIXE INFLUENCIAR SUA LINHA CRIATIVA

CORES • ÍCONES • ELEMENTOS • TIPOGRAFIAS • CONCEITO • BOTÕES

http://www.flatvsrealism.com/

5ONE PAGEOS CONTEÚDOS E EXPERIÊNCIAS EM UMA PÁGINA

FAÇA UM ROTEIRO SOBRE OS CONTEÚDOS E EXPERIÊNCIAS

QUE DESEJA MOSTRAR DE SUA MARCA EM UMA ÚNICA PÁGINA

6ANIMAÇÕESEXPERIÊNCIA AO NAVEGAR NA PÁGINA

SCROLLING • PARALLAX • TRANSIÇÕES • MOVIMENTOS • GIFS ANIMADOS

http://www.manuegabriel.com.br

http://le-mugs.com/

7BIG IMAGESUTILIZE IMAGENS E VÍDEOS GRANDES PARA ILUSTRAR

http://www.fernandoesorocaba.com.br/

http://www.clustersisters.com/

http://www.paulafernandes.com.br

8 DIVIDIRCONDUZIR O USUÁRIO A FAZER ESCOLHAS

http://www.brunoebarretto.com.br/

9ESCONDERREDUZIR OS ESPAÇOS COM MENUS E INFORMAÇÕES

10DIAGONAISUSE FORMAS DIAGONAIS NA COMPOSIÇÃO

http://www.bielmusic.com/

11FORMASUSE E ABUSE DAS FORMAS GEOMÉTRICAS

12ILUSTRAÇÕESNO LUGAR DE TEXTOS E LEGENDAS, USE

ÍCONES, INFOGRÁFICOS E MUITOS VETORES

http://www.gabrielfarias.com.br

13FIXOSUSE ELEMENTOS FIXOS NAS BORDAS DO NAVEGADOR

http://www.wagnerbarreto.com

14MICROINTERAÇÕES

USE PEQUENOS GATILHOS PARA AS PESSOAS

CADASTRAR E-MAIL • PEDIR O NOME, E-MAIL E WHATSAPP • SEGUIR • FECHAR

http://www.kauaoliveira.com.br

15INTEGRARORGANIZE E ADICIONE TODOS OS LINKS EXTERNOS

MÍDIAS SOCIAIS (FACEBOOK, INSTAGRAM) • PLATAFORMAS DIGITAIS •

SERVIÇOS (TRIPADVISOR, VAGALUME, LETRAS, CIFRAS) • YOUTUBE/VEVO •

16MÉTRICASNUNCA SE ESQUEÇA DO GOOGLE ANALYTICS

AUDIÊNCIA • PÁGINAS DE ENTRADA E SAÍDA • CONVERSÕES • FUNIS • UTMs

19GRAND3 S3GR3DO3 minutos para o sucesso de seu site

SEU SITE PRECISA SER ATRAENTE E FÁCIL DE USAR. 1'

A PESSOA PRECISA ENTENDER O QUE FAZ OU VENDE.

2'

ALGO PRECISA ACONTECER. A FAMOSA CALL TO ACTION.

3'Ligar, enviar um e-mail, pedir um orçamento ou comprar.

EXTRASDESIGN USABILITY CREATIVITY CONTENT

AWWWARDS.COM

www

OBRIGADO

@dhidhi

fb.com/dhiegobicudobr.linkedin.com/in/dhidhi

slideshare.net/professordhiegodhiegobicudo

Agência ICOMPDHIEGO BICUDO

icomp.com.brdhiego@icomp.com.br

Quanto cobrar?DHIEGO BICUDO Agência ICOMP

https://www.eventials.com/locaweb/e-hora-de-cobrar-pelos-servicos-ideias-e-esforcos-com-dhiego-bicudo-2

É hora de cobrar pelos serviços, ideias e esforços.

SURPRESAAA Uma palestra adicional que fiz para o projeto Apreendedorismo pela Locaweb. Aproveite e envie seu feedback.