Foto: Bruno Capella

UX Weekend com Edu Agni

Olá, quero compartilhar aqui sobre a minha experiência no workshop UX Weekend promovido pelo iMasters nos dias 28 e 29/03/2015 em São Paulo onde tivemos como facilitador o consultor especialista em User Experience Edu Agni.

Participar do workshop e poder interagir com demais profissionais da área de design e tecnologia foi algo muito interessante para minha carreira. Além de ser uma oportunidade de testar minhas habilidades adquiridas nesses últimos 5 anos em que tenho me dedicado à criação de web sites, e mais especificamente aos últimos 2 anos como web designer em eCommerce – onde a experiência do usuário no ambiente digital tem sido assunto de bastante discussão.

Edu falou sobre o importância de fazer o design centrado no usuário; focando nas suas necessidades, desejos e limitações durante todo o projeto.

UX Weekend com Edu Agni / Foto: Bruno Capella

UX Weekend com Edu Agni / Foto: Bruno Capella

Em equipes realizamos exercícios criação de Personas, Jornada do Consumidor e Testes de Usabilidade. E isso me trouxe uma luz de recursos que podem me auxiliar na concepção de projetos.

Realizar esses exercícios durante o workshop foi interessante para perceber que podemos aplicá-los no dia-a-dia, de forma simples e objetiva. Onde nossos próprios colegas de trabalho, por exemplo, possam nos ajudar realizando um teste de usabilidade ou descrevendo a sua relação com um determinado produto.

UX Weekend / Foto: Welton Matos

UX Weekend / Foto: Welton Matos

Mais detalhes sobre o UX Weekend você pode obter aqui. Abraço! Até o próximo post.

Um forte abraço, até a próxima…

#EUQUEROCUPOM

Todo mundo gosta de Cupom de Desconto, isso não dá pra questionar. Essa tendência vem trazendo novas estratégias entre as lojas virtuais brasileiras.

Confira abaixo o hotsite da campanha de cuponagem #EUQUEROCUPOM que criei para o e-commerce das Lojas Marisa. Uma estratégia do marketing e comercial do e-commerce Marisa.com.br.

CUPOM DE DESCONTO MARISA

Criei toda arquitetura de informação, Usabilidade e design da campanha.

Cupom de Desconto Wireframe

3 Vantagens de oferecer Cupom de Desconto

Aumentar suas vendas e consecutivamente aumentar o ticket médio

O cupom de desconto causa no cliente uma sensação de satisfação. Ele está economizando, levando mais por menos, e além disso deixá-lo mais propenso a finalizar a compra.

Diminua o abandono de carrinho

Uma vez que o cupom é uma oportunidade de deixar a compra mais barata, pode facilitar a venda, sem contar que os cupons costumam ter data de validade então é até uma certa pressão para que não se perca essa oportunidade.

Viralizar campanhas e promoções

A viralização dos cupons de desconto é também uma grande vantagem dessa estratégia. Quando encontramos uma oferta boa na Internet, a tendência é que compartilhemos essa boa notícia com nossos amigos para que eles também aproveitem o desconto.

Ficha Técnica:
Welton Matos: Web Designer – Arquitetura de informação, Usabilidade e design da campanha.
Andreza C S Ferrari: SEO – Otimização da página para os buscadores.
Jana Guiotti: Front-end – Programação da página e cadastro no Admin.

Confira esse projeto no meu portfólio.

Os números de 2014

Os duendes de estatísticas do WordPress.com prepararam um relatório para o ano de 2014 deste blog.

Aqui está um resumo:

A sala de concertos em Sydney, Opera House tem lugar para 2.700 pessoas. Este blog foi visto por cerca de 9.600 vezes em Se fosse um show na Opera House, levaria cerca de 4 shows lotados para que muitas pessoas pudessem vê-lo.

Clique aqui para ver o relatório completo

Google Material design

Google Material Design

A notícia que o Google pretente priorizar sites mobile nos resultados de busca me fez lembrar de um material muito interessante para nós designers. O Google Material Design, que resumidamente, fala da importância que um site precisa oferecer a mesma experiência ao usuário, independentemente do device escolhido.

Uma pesquisa recente da comScore que diz que a maioria dos consumidores são multitela. Isso não significa que o mobile sozinho está vencendo, e sim que vários dispositivos estão sendo utilizados pelo mesmo visitante nos mesmos sites. Essa é a principal razão para valorizar experiências consistentes em múltiplos devices.

Google Material design

Google Material design

O Google já vem trabalhando nesta necessidade há anos e acredito eu ainda falta muito, pelo menos no Brasil, a gente estar adequado a essas exigências. O trabalho será duro e a caminhada será longa… mas estamos mais atentos a isso.

Google Material Design

Vejam alguns tópicos do Google Material Design compartilhado pela empresa.

METAS – Criar uma linguagem visual que sintetiza os princípios clássicos de um bom design com a inovação e a possibilidade de tecnologia e ciência. Desenvolver um sistema único subjacente que permite uma experiência unificada entre plataformas e tamanhos de dispositivos. Preceitos móveis são fundamentais, mas toque, voz, mouse e teclado são todos os métodos de entrada de classe primeiros.

Google Material Design - METAS

Google Material Design – METAS

COR – Criar uma linguagem visual que sintetiza os princípios clássicos de um bom design com a inovação e a possibilidade de tecnologia e ciência. Desenvolver um sistema único subjacente que permite uma experiência unificada entre plataformas e tamanhos de dispositivos. Preceitos móveis são fundamentais, mas toque, voz, mouse e teclado são todos os métodos de entrada de classe primeiros.

Google Material Design - COR

Google Material Design – COR

PALETA DE CORES – Esta paleta de cores inclui cores primárias e segundárias que podem ser utilizados para ilustração ou desenvolver as suas cores de marca. Elas foram projetados para trabalhar em harmonia umas com as outras. Clique aqui e baixe a paleta de cores sugerida pelo Google.

Google Material Design - PALETA DE CORES

Google Material Design – PALETA DE CORES

IMAGEM – As imagens não servem apenas de decoração. Ela realiza o papel importante de se comunicar e diferenciar o seu produto. Imagens impactantes, gráficas, e intencionais ajuda a envolver o usuário. Se o clima é suave e silenciado ou brilhante e colorido, os seguintes princípios e melhores práticas podem ajudá-lo a incorporar com sucesso as imagens e levar seus aplicativos para a vida, não importa o que a marca visual.

Google Material Design - IMAGEM

Google Material Design – IMAGEM

 

Veja o material completo aqui e e observe pontos bem interessantes sobre tipografia, usabilidade, acessibilidade e padrões.

Fonte:
Google
ProXXIma – Meio e Mensagem


 

Obrigado e até a próxima pessoal…

Curta a página Welton Matos no Facebook

Curta a página Welton Matos no Facebook

O futuro do Photoshop

Com o surgimento dos smartphones, o touchscreen se tornou o futuro da tecnologia. Por tornar muito mais fácil manipularmos as coisas com os dedos. A Adobe já entendeu isso e em parceria feita com a Microsoft irá transformar toda a suíte Creative Cloud em modo tela tátil para o sistema Windows 8.

As novidades foram apresentadas na conferência anual Adobe Max, em Los Angeles. O primeiro a ser transformado foi o Photoshop, ferramenta muito utilizada por fotógrafos, designers, artistas, entre outros, para manipular imagens, além dos demais aplicativos gráficos como Illustrator, Premiere Pro e After Effects, sendo agora otimizados para tablets e laptops touchscreen, com auxílio das canetas stylus, que permitem maior precisão na hora de desenhar e editar.

Entre as mudanças, botões maiores para melhor resposta ao toque, gestos para editar curvas e sombras e outros recursos que permitem a navegação por várias camadas de um arquivo através da ponta dos dedos dos usuários. Uma versão minimalista dentro do programa Photoshop se chamará Playground e permite muito mais interação do que a versão tradicional, com uma facilidade maior.

Nesse vídeo você pode conferir:

Confira a galeria com imagens do Reprodução do Futuro.


Foto: Reprodução

O que é Marketing Digital e quais as técnicas para aplicá-lo.

Marketing Digital

O Marketing Digital é o conjunto da aplicação de técnicas de SEO, o uso de links patrocinados em canais como o Google Adwords de forma planejada e otimizada, além de e-mail marketing, campanhas em mídias sociais e marketing viral, com foco na divulgação de seu site, marca, produtos e/ou serviços. O Marketing Digital é também conhecido como Web Marketing. Atualmente os sistemas de busca desempenham papel fundamental no relacionamento ‘empresa e cliente’, o que faz inverter a forma de marketing tradicional, fazendo com que o cliente procure sua empresa, e não o contrário.

O poder do SEO

O SEO é a otimização de sites para resultados orgânicos na busca, os resultados naturais da listagem. O SEO possuí diversas vantagens sobre outras estratégias de marketing digital, como exemplo: Investimento a longo prazo tende a ser muito menor do que seria com links patrocinados; Resultados terem maior durabilidade (caso resolva parar de investir em links patrocinados seus resultados irão sumir imediatamente); Existe maior índice de cliques em resultados orgânicos, ou seja, nos resultados naturais da busca. Estar bem posicionado, se possível na primeira página e melhor ainda se entre os cinco primeiros colocados, lhe trará muitos visitantes e consequentemente retorno com uma boa taxa de conversão.

Links Patrocinados

Embora o SEO seja a melhor solução a longo prazo, ele não é aplicável a todas necessidades de uma campanha de marketing digital. No caso de por exemplo a divulgação de uma promoção, seria impraticável a utilização de SEO, pois até se conseguir o resultado esperado com resultados orgânicos, provavelmente se perderia o foco da mesma. Outro exemplo é o de empresas que não podem esperar pelos resultados de SEO e necessitam de uma rápida divulgação através de marketing digital. Nestes casos é extremamente válido investir em links patrocinados, principalmente no canal Google Adwords. Em uma campanha bem planejada, conduzida por uma consultoria especializada, os gastos tendem a não ser tão grandes pois você irá pagar apenas pelos cliques em seus anúncios e o retorno sobre investimento tende a ser excelente, com uma taxa de conversão mais alta do que em SEO, uma vez que irá estar atraindo um público melhor selecionado ao seu segmento e que tem maior provabilidade de estar interessado em seus serviços ou produtos.

Mídias Sociais, Marketing Viral

O uso das Mídias Sociais como estratégia de marketing, consiste em divulgar a marca da empresa agregando valor e conteúdo a mesma. Desta forma, devemos divulgar conteúdo original e criativo, que desperte a atenção dos usuários das redes sociais para a meta pretendida pela empresa. O marketing viral é uma estratégia um pouco mais complexa, pois depende de um excelente planejamento para se ter êxito. O que se pretende através do marketing viral é a divulgação da marca, de forma progressiva, contando que para isso haja uma redistribuição por parte dos usuários, imitando a ação de um vírus, que ao infectar um computador tem poder de infectar mais dez, esses dez teriam poder de infectar mais cem, e assim progressivamente. Daí o nome Marketing Viral.

E-mail Marketing

Investir em e-mail marketing sem qualquer planejamento pode ser uma furada, principalmente pelo fato de ser comum a prática de compra de listas de e-mails e o disparo de e-mails sem qualquer tipo de filtragem, o que certamente pode denegrir a imagem de uma empresa e ainda ser caracterizado spam. É necessário todo um planejamento e seguir as boas práticas de e-mail marketing para obter algum sucesso. Entre as práticas de marketing digital, considero essa a menos eficiente, pois nela estamos voltando ao marketing tradicional, onde a empresa procura o cliente. E neste caso específico você pode estar batendo na “porta” de milhares de pessoas que podem querer não ser seus clientes e ainda corre o risco de ter seu endereço de e-mail bloqueado como spam por muitas dessas pessoas.

Investir em marketing para seu site é fundamental, pois um site vive de divulgação. Ter um bom posicionamento nos sites de busca trás muito resultado, podendo aumentar em muito a lucratividade de qualquer negócio.

portfólio

Em 2010 quando ainda ainda cursava a faculdade de design gráfico eu fiz uma série de postagens sobre como ‘montar seu portfólio sem cliente‘. Com a ajuda de professores, colegas e referências que tinha na época eu fiz uma mega postagem dividida em 3 partes (Parte I – Parte II – Parte III). Nessa época eu não tinha um portfólio e com as iniciativas que apresentei consegui entrar no mercado… aprendi muito com as experiências que tive, com os profissionais que me direcionaram e estou mais confiante em apresentar alguns trabalhos.

Veja mais aqui no Behance.

#SHOP DO INOX

Layout

Layout

#ANGELA ROSSI

Layout

Layout

#JÓIAS BRASIL

Layout

#GABRIEL & LUIZ

Welton_Matos_Gabriel e Luis