1) O documento apresenta três personas de profissionais de marketing, finanças e tecnologia que buscam soluções e informações sobre tendências tecnológicas.
2) É descrito o cenário e jornada de uma dessas personas, Carlos, CIO de uma empresa varejista que precisa apresentar soluções tecnológicas para o marketing.
3) Há uma seção de benchmarking de designs de cards e menus para inspiração na interface da revista.
Artigo Final - Branding - Posicionamento de Marca - Humberto WaltrickHumberto Waltrick
Branding significa “trabalhar a personalidade e fixação da marca, não busca um método específico, mas sim uma maneira de pensar, uma filosofia de trabalho que utiliza conceitos de design, marketing, administração, antropologia, psicologia, arquitetura e propaganda para operar com um universo de valores que representem sua empresa para consolidá-la perante seus clientes.
Branding é mais do que apenas se certificar de que os clientes reconheçam a logomarca ou o nome de um produto; mas sim uma associação emocional entre o cliente e um produto, serviço ou empresa por meio de uma mensagem transparente, clara que desperte o real interesse do consumidor. Uma marca forte é requisito básico para competir e se sobressair num mercado tão dinâmico em que vivemos atualmente – vai mais longe quem inova, renova e busca principalmente entender e compreender seus clientes. O programa bem sucedido de branding é baseado no conceito da singularidade, onde cria-se na mente do potencial consumidor uma sensação de que não existe nenhum outro produto no mercado como o seu produto.No fim dos anos 90 foi que o branding passou a ser conceituado como “next big thing” do marketing. Proporcionam-lhe a perspectiva de que necessita para construir a marca que se distinguirá no extremamente confuso e povoado mercado concorrencial.
Acadêmico: Humberto Waltrick
Faculdades Estácio de Sá
São José, S.C., 28 de dezembro de 2008
Artigo: Estratégia de Dados e Marketing Digital - Novas Formas de Aumentar Re...Clayton de Almeida Souza
Trabalho de Conclusão de Curso de Pós Graduação em Sistemas e Desenvolvimento Web, Universidade Nove de Julho 2016-2017 Professora Orientadora: Olívia Braga
Autor: Clayton de Almeida Souza
Marketing relacionamento e mídias sociais by sérgio oliveiraSérgio Oliveira
Artigo sobre as mídias sociais como ferramenta de marketing de relacionamento com o cliente. Estratégias de relacionamento e o uso das mídias sociais como vantagem competitiva para as pequenas empresas.
MÍDIAS SOCIAIS – Ferramentas de estratégia de marketing de relacionamento par...Sérgio Oliveira
Artigo que fala sobre a utilização das mídias sociais para a implantação do marketing de relacionamento, como estratégia de ampliação de negócios, satisfação das necessidades do cliente e superação nas suas expectativas de compras, trará benefícios para o negócio na forma do boca-a-boca positivo e recomendações realizadas em redes sociais
A Navegg disponibilizou para download o Guia Definitivo de Data-Driven Marketing, que utiliza dados de forma inteligente para auxiliar na tomada de decisão e geração de insights.
Os Benefícios do Agile Marketing nas Agências de PublicidadeCinthia Mendonça
Diante da necessidade de melhorar e aumentar suas entregas em torno de um consumidor ávido por mudanças e clientes muito mais exigentes, o Agile Marketing tem sido visto como uma alternativa para que times de marketing consigam fazer melhores entregas e aumentem sua eficiência utilizando metodologias ágeis. O presente trabalho pretende explorar os benefícios do Agile Marketing para os times nas agências de publicidade.
Artigo Final - Branding - Posicionamento de Marca - Humberto WaltrickHumberto Waltrick
Branding significa “trabalhar a personalidade e fixação da marca, não busca um método específico, mas sim uma maneira de pensar, uma filosofia de trabalho que utiliza conceitos de design, marketing, administração, antropologia, psicologia, arquitetura e propaganda para operar com um universo de valores que representem sua empresa para consolidá-la perante seus clientes.
Branding é mais do que apenas se certificar de que os clientes reconheçam a logomarca ou o nome de um produto; mas sim uma associação emocional entre o cliente e um produto, serviço ou empresa por meio de uma mensagem transparente, clara que desperte o real interesse do consumidor. Uma marca forte é requisito básico para competir e se sobressair num mercado tão dinâmico em que vivemos atualmente – vai mais longe quem inova, renova e busca principalmente entender e compreender seus clientes. O programa bem sucedido de branding é baseado no conceito da singularidade, onde cria-se na mente do potencial consumidor uma sensação de que não existe nenhum outro produto no mercado como o seu produto.No fim dos anos 90 foi que o branding passou a ser conceituado como “next big thing” do marketing. Proporcionam-lhe a perspectiva de que necessita para construir a marca que se distinguirá no extremamente confuso e povoado mercado concorrencial.
Acadêmico: Humberto Waltrick
Faculdades Estácio de Sá
São José, S.C., 28 de dezembro de 2008
Artigo: Estratégia de Dados e Marketing Digital - Novas Formas de Aumentar Re...Clayton de Almeida Souza
Trabalho de Conclusão de Curso de Pós Graduação em Sistemas e Desenvolvimento Web, Universidade Nove de Julho 2016-2017 Professora Orientadora: Olívia Braga
Autor: Clayton de Almeida Souza
Marketing relacionamento e mídias sociais by sérgio oliveiraSérgio Oliveira
Artigo sobre as mídias sociais como ferramenta de marketing de relacionamento com o cliente. Estratégias de relacionamento e o uso das mídias sociais como vantagem competitiva para as pequenas empresas.
MÍDIAS SOCIAIS – Ferramentas de estratégia de marketing de relacionamento par...Sérgio Oliveira
Artigo que fala sobre a utilização das mídias sociais para a implantação do marketing de relacionamento, como estratégia de ampliação de negócios, satisfação das necessidades do cliente e superação nas suas expectativas de compras, trará benefícios para o negócio na forma do boca-a-boca positivo e recomendações realizadas em redes sociais
A Navegg disponibilizou para download o Guia Definitivo de Data-Driven Marketing, que utiliza dados de forma inteligente para auxiliar na tomada de decisão e geração de insights.
Os Benefícios do Agile Marketing nas Agências de PublicidadeCinthia Mendonça
Diante da necessidade de melhorar e aumentar suas entregas em torno de um consumidor ávido por mudanças e clientes muito mais exigentes, o Agile Marketing tem sido visto como uma alternativa para que times de marketing consigam fazer melhores entregas e aumentem sua eficiência utilizando metodologias ágeis. O presente trabalho pretende explorar os benefícios do Agile Marketing para os times nas agências de publicidade.
Mercado de trabalho marketing e vendas- artigoDeborah Moreira
Projeto de Pesquisa apresentado ao Instituto de Engenharia e Tecnologia, Curso de Ciência da Computação, como requisito para a aprovação na disciplina TIG II.
Área de Concentração: Centro Universitário de Belo Horizonte
Orientador: Prof. Mário Marcos Brito Horta
Apresentação para sala de aulaUnidade Curricular "Cibercultura e Economia Digital", no curso de Pós-Graduação em Mídias Digitais e Interativas do SENAC-Rio.
O turbulento cenário económico vivido pelo mundo na primeira década do século XXI desafiou muitas empresas a prosperar financeiramente e, em alguns momentos, até mesmo a sobreviver.
Este estudo apresenta a importância do Marketing Digital no ambiente corporativo, alguns conceitos e das ferramentas usadas pelas organizações, que para manterem suas posições ou então para entrarem no mundo empresarial precisam se adaptar aos tempos atuais, onde a Internet tomou conta do mercado com websites e redes sociais, para divulgar seus produtos e serviços, fazendo com o Marketing seja repensado e planejado de forma diferente, visto que a informação está se propagando em uma velocidade surpreendente com o surgimento de novos dispositivos, como tablets, smartphones e ultrabooks, que permitem que a divulgação da empresa seja ainda mais atraente aos olhos do público consumidor.
Apresentação dos conceitos de branding e inteligência de mercado, bem como a conjunçã deles, através de casos de clientes desenvolvidos pela Chebante Inteligência de Marca e Mercado - projeto ao qual lidero há 3 anos.
Além de clientes, mostro como Red Bull, Embraer, Heineken e Starbucks desenvolveram seus casos de sucesso através de ferramentas das duas disciplinas, dando base e direcionamento para toda a atividade estratégica/tática destas empresas.
ESTRATÉGIA E NEGÓCIOS PARA PRODUTOS DIGITAIS — PRODUTOS PARA HUMANOS.pdfPaulo Floriano
Ebook sobre Estratégia e Negócios pensado e escrito de maneira totalmente autoral, para pessoas que trabalham com produtos e serviços digitais. Por Paulo Floriano e Carolina Tod. Produtos para Humanos.
http://produtosparahumanos.cc
Na cadeia Logística existe cinco Processos: Serviços ao Cliente, Transportes, Armazenagem, Produção e Distribuição. Mostro neste trabalho que cada um desses cinco Processos pode se tornar um Modelo de Negócio sob a perspectiva Canvas para desenvolver estrategicamente um Projeto Logístico.
Como turbinar a expansão de franquias, por Erick Vils, fundador SoluttoErick Vils
Como turbinar a expansao da franquia.
Palestra proferida por Erick Vils, fundador Solutto - Softwares especializados em franquias, na ABF-Rio em 24/7/2018.
Mercado de trabalho marketing e vendas- artigoDeborah Moreira
Projeto de Pesquisa apresentado ao Instituto de Engenharia e Tecnologia, Curso de Ciência da Computação, como requisito para a aprovação na disciplina TIG II.
Área de Concentração: Centro Universitário de Belo Horizonte
Orientador: Prof. Mário Marcos Brito Horta
Apresentação para sala de aulaUnidade Curricular "Cibercultura e Economia Digital", no curso de Pós-Graduação em Mídias Digitais e Interativas do SENAC-Rio.
O turbulento cenário económico vivido pelo mundo na primeira década do século XXI desafiou muitas empresas a prosperar financeiramente e, em alguns momentos, até mesmo a sobreviver.
Este estudo apresenta a importância do Marketing Digital no ambiente corporativo, alguns conceitos e das ferramentas usadas pelas organizações, que para manterem suas posições ou então para entrarem no mundo empresarial precisam se adaptar aos tempos atuais, onde a Internet tomou conta do mercado com websites e redes sociais, para divulgar seus produtos e serviços, fazendo com o Marketing seja repensado e planejado de forma diferente, visto que a informação está se propagando em uma velocidade surpreendente com o surgimento de novos dispositivos, como tablets, smartphones e ultrabooks, que permitem que a divulgação da empresa seja ainda mais atraente aos olhos do público consumidor.
Apresentação dos conceitos de branding e inteligência de mercado, bem como a conjunçã deles, através de casos de clientes desenvolvidos pela Chebante Inteligência de Marca e Mercado - projeto ao qual lidero há 3 anos.
Além de clientes, mostro como Red Bull, Embraer, Heineken e Starbucks desenvolveram seus casos de sucesso através de ferramentas das duas disciplinas, dando base e direcionamento para toda a atividade estratégica/tática destas empresas.
ESTRATÉGIA E NEGÓCIOS PARA PRODUTOS DIGITAIS — PRODUTOS PARA HUMANOS.pdfPaulo Floriano
Ebook sobre Estratégia e Negócios pensado e escrito de maneira totalmente autoral, para pessoas que trabalham com produtos e serviços digitais. Por Paulo Floriano e Carolina Tod. Produtos para Humanos.
http://produtosparahumanos.cc
Na cadeia Logística existe cinco Processos: Serviços ao Cliente, Transportes, Armazenagem, Produção e Distribuição. Mostro neste trabalho que cada um desses cinco Processos pode se tornar um Modelo de Negócio sob a perspectiva Canvas para desenvolver estrategicamente um Projeto Logístico.
Como turbinar a expansão de franquias, por Erick Vils, fundador SoluttoErick Vils
Como turbinar a expansao da franquia.
Palestra proferida por Erick Vils, fundador Solutto - Softwares especializados em franquias, na ABF-Rio em 24/7/2018.
Indústrias e marcas: Como tornar seu site imbatívelArank
Guia para indústrias e marcas de produtos em geral conceberem sites superiores em seus mercados. Orienta inclusive sobre como aparecer nas buscas (SEO) e avaliar fornecedores.
O Guia de Boas Práticas em Social Media propõe apresentar como estruturar processos, fluxo de trabalho, equipes e entregas dentro de quatro especialidades: conteúdo, mídia, atendimento SAC 2.0 e inteligência.
Como você, CIO, gerencia a TI de sua empresa ?Mario Faria
Como você, CIO, gerencia a TI de sua empresa?
Quantos CIOs foram os responsáveis por redução de custos de compras de material direto ou indireto ou projetos que aumentaram o ticket médio dos clientes?
Chegou o Open Maker Industrial Challenge 2021! Programa de inovação direcionado aos desafios das indústrias participantes do hub.
Se você e seu negócio dominam as tecnologias 4.0 e pode resolver essas dores, esse é o seu momento!
Você terá a chance de escalar seu produto e ajudar empresas de grande referência desse segmento criando POCs pagas!
Guia produzido pelo IAB Brasil (http://iabbrasil.net) que traz informações importantes para planejar e operacionalizar a atuação de uma organização em redes sociais.
Aula 8 - Planejamento Estratégico de Marketing Digital - Disciplina Planejame...Pedro Cordier
Depois de conhecer todas as ferramentas e possibilidades do marketing digital é preciso entender qual o melhor caminho a seguir, quais são os objetivos da empresa para essa área, que escolhas podem trazer o melhor resultado, qual o investimento de tempo e dinheiro necessário, que ferramentas e serviços será preciso contratar.
É um grande desafio fazer escolhas no meio de tantas opções. Por isso esta é a hora de aprender a planejar a execução e o acompanhamento de resultados.
Objetivo:
1. Apresentar os passos do planejamento de marketing digital;
2. Falar sobre ferramentas de gestão de marketing digital e outras que auxiliam tarefas específicas.
Conheça o digi turbo, a plataforma do digitaliza.ai foca em turbinar os negócios de empresas de software e soluções digitais B2B.
Nascemos como um serviço adicional ao digitaliza.ai, a loja de soluções para digitalizar negócios.
Nosso objetivo é acelerar a digitalização das empresas, especialmente as PME's, facilitando a descoberta, análise, comparação e contratação de novas tecnologias.
Semelhante a Online magazine wireframe (Lisandra Maioli)) (20)
Don't let ux ui be a block_ embedding development on product design process _Lisandra Maioli
Lecture for https://www.chicagocloudconference.com/
One of the biggest challenges when a company - from a start up to an enterprise - brings UX/UI onboard, it is related to the transition between product design and development. Making sure that the tech department doesn't get included just at the end, is crucial to have a more effective delivery process. Collaboration and good communication are the foundation to this.
Defining the touch points during the design process; Setting the right communication channels for delivery and support; Choosing the best software tools to deliver; The importance of talking the "same language"; Awareness of tech constraints and limitations; Preparation during the design process. These will be a few of the topics which we will discuss during this lecture with practical examples.
(Do you want to know more? Message Manuel Gonzalez - manugonzalez1987@gmail.com )
My lecture about UX which I gave through Google Hangout thanks to a invente by GDGSSA - Google Developers Group from Salvador, Brazil.
You can watch it here (in Portuguese, sorry!): https://t.co/rhci1FrVQK
UX - Experiência do Usuário com foco em Alta PerformanceLisandra Maioli
Capítulo do livro "Marketing de Alta Performance", editado pela ComSchool.
"Proporcionar uma experiência agradável e fácil para o cliente final é fundamental no negócio de qualquer empresa, seja ela física ou virtual. (...) E é aí que entra UX (User Experience ou, simplesmente, Experiência do Usuário): ao entender o usuário e seu modelo mental, o profissional de UX tem o papel de desenhar as melhores experiências para o cliente de seu negócio, facilitando sua vida e desburocratizando tarefas simples como encontrar um produto na sua loja virtual ou mesmo seguir ao checkout para finalizar a compra."
Confira dicas práticas e de ferramentas para aplicar UX com foco em Alta Performance.
New Website Architecture (by Lisandra Maioli)Lisandra Maioli
Website redesign with a new IA structure heavily based on UX Research findings:
- User Interview
- Usability Test
- Task Analysis
- Card Sorting
- Tree Testing
- Online Survey
- Website analysis
Workshop realizado na Conferencia Anual Acelera Startup 2016. http://bit.ly/AceleraStartup-SocialMediaLis
5% de desconto para participantes da Conferência Acelera Startup em qualquer curso da ComSchool:
http://www.comschool.com.br/afiliado/lis/
For this individual project I really focused in all kid of UX Research methodologies and techniques that I could to be able to have the best Design decisions: from users observation at the LACMA physical museum, task analysis to User testings and Image Carding Sorting.
Presentation for UXDI class (General Assembly) about the Software Alchemist Alan Cooper, inventor of design "Personas" methodology, Founder of @Cooper, 'Father of Visual Basic.
See this presentation on Prezi: https://prezi.com/tx3pxjel0mst/who-is-who-in-ux-alan-cooper/
Talenthouse is an online platform for creative competition. The UX challenge was redesigning the website to let the users have easy access to the 3 areas of the website: Creative Invites, Artists Artwork and Blog.
This is a UX final project/homework for a UCLA class.
The project was built during 11 weeks (Fall 2014).
3. João Carlos, CMO, 35 anos
João Carlos é CMO em uma empresa multinacional na área de Bebidas.
Com o desafio de criar novas experiências para os clientes, João tem
buscado soluções de tecnologia para extrair dados e informações que
posam contribuir para decisões estratégicas, as quais também irão
influenciar decisões de negócios. Temas como Big Data e Analytics tem
sido constantes nas estratégias da área de Marketing e Desenvolvimento
de Negócios da empresa. Tem como objetivo ampliar a capacidade
analítica da sua área, investindo em Analytics e integrando fontes de
informação diferentes em busca dos melhores insights. Nesta busca de
soluções mais focadas, João tem trabalhado muito próximo da equipe de
TI da empresa que tem dado suporte neste sentido.
Por mais que algumas boas revistas e publicações,
nacionais e internacionais, tenham ajudado João a
se manter informado sobre as principais tendências
em Tecnologia que possam lhe ajudar em suas
decisões estratégicas, sente que estas publicações
são muito focadas em Marketing e Comunicação e
ainda tratam os assuntos de forma superficial.
João busca conteúdo que possam ajudá-lo a
não só mantê-lo informado sobre as principais
tendências em Tecnologia que possam lhe
ajudar a tomar decisões estratégicas, mas
também que o ajudem a demandar soluções
da área de Tecnologia mais assertivamente.
Pain Point Objetivo
“Para se ter sucesso na era digital, você precisa estar totalmente sincronizado com o
comportamento e preferências de seus clientes num ambiente em que tudo muda muito
rapidamente. É necessário ser rápido e adaptável”
“Para se ter sucesso na era digital, você precisa estar totalmente sincronizado com o
comportamento e preferências de seus clientes num ambiente em que tudo muda muito
rapidamente. É necessário ser rápido e adaptável”
4. Antônio Silva, CFO, 45 anos
Antônio é CFO da maior rede de educação e ensino do país. Com foco em
aumentar a performance da empresa, ele tem percebido que, diferente de
alguns anos atrás, as decisões de Tecnologia tem sido feitas de maneira
cada vez mais estratégica. Por conta disso, tem havido uma maior
necessidade de uma participação mais atuante de sua área nas decisões
estratégicas em relação à area de Tecnologia.Entende que está mais
próximo das decisões que envolvem aquisição de soluções de tecnologia,
desde a terceirização da plataforma de tecnologia com pessoas, máquinas
e programas (ITO), passando pela terceirização de processos (BPO), até o
desenvolvimento de aplicações e soluções em Meios Digitais para ganho
de competitividade e geração de valor agregado.
Antônio tem sido envolvido cada vez mais em decisões
importantes e estratégicas da área de Tecnologia. Com
o objetivo de mensurar e gerir informações de
performance, ele sente a necessidade de estar mais
informados sobre as diferentes soluções em Tecnologia
do mercado e suas tendências para que possa ter
também um papel mais assertivo na decisão e
aprovação de aquisições tecnológicas da empresa.
Para Antônio é importante entender não só as
tendências, mas também as diferentes soluções
oferecidas pelo mercado em termos de custos e
relevância estratégica para que possa atuar de
forma mais assertiva nas decisões da empresa
para aquisição de serviços de TI.
Pain Point Objetivo
“Precisamos ter as informações corretas no momento certo e investir o esforço necessário para
interpretá-las"
5. Carlos Almeida, CIO, 39 anos
Com uma carreira de 25 anos, Carlos é CIO em uma das maiores
empresas de varejo do país. ELe tem percebido que nos últimos
anos, que sua área tem sido demandada por diferentes setores da
empresa como a área de Finanças e a de Marketing. Cada vez mais
parte do processo de decisão estraégica da empresa, Carlos tem
dado suporte a estas áreas na implementação de soluções
tecnológicas que ajudem a aumentar a eficiência operacional.
Diferente de alguns anos atrás, Carlos tem sentido
cada vez mais a importância em estar atualizado
não somente em relação às tendências na área de
Tecnologia, mas entender mais profundamente
quais são as melhores e principais soluções
tecnológicas que possam ser implementadas de
forma eficiente.
Carlos busca uma publicação que possa não só
mantê-lo atualizado sobre as principis tendências
de Tecnologia, mas também em diferentes áreas de
Negócios. É importante que a publicação ofereça
formas facilitadas de se cruzar, filtrar e buscar
informações de uma maneira ágil e focada.
Pain Point Objetivo
"Estamos adotando uma abordagem em duas vertentes: em primeiro lugar, fazer o nosso
processamento de transações mais eficiente possível, usando processos globais e serviços
partilhados; e segundo, a formação de nossa equipe financeira a ser parceiros de negócios real, não
apenas os analistas financeiros. "
6. Cenário
Carlos acabou de sair de uma reunião de Diretoria em que foi
demandado a buscar uma solução em Tencologia que seja uma
uma ferramenta de apoio para decisões estratégica da área de
Marketing e de Novos Negócios para aumentar a competitividade
de mercado (serviços mais eficientes ou diferenciais em produtos).
Eles terão uma nova reunião de tomada de decisão em 15 dias e
Carlos precisa estar preparado para apresentar prós, contras e
valor de investimento de cada uma das soluções. Além destas
informações fundamentais para decidirem pela melhor plataforma,
Carlos quer também ter a certeza de apresentar soluções que
estejam alinhadas com as tendências de mercados.
7. User Journey
Carlos participa
de uma reunião
estratégica sobre
demanda de
solução
Tecnológica para
a área de
Marketing e
Novos Negócios
Busca de
informações
relevantes para
poder decicir
pela melhor
decisão
Acessa Portal
Trends para
saber de novas
tendências do
mercado
Compila
informações
comparativas
com apoio da
equipe de
Finanças e de
Marketing
Participa de
reunião de
apresentação
das soluções
para a demanda
da área de
Marketing
Passa a
consultar e ler o
portal Trends
frequentemente
para se manter
atualizado
Acessa portal
Institucional
Stefanini para
saber mais das
Soluções
Tecnológicas
9. No Benchmarking a seguir, buscamos inspirações para as seguintes soluções:
• Destaques em cards dinâmicos (Wired, ofertas Fiat)
• Menu fixo estilo filtro (ofertas VW): editorias e formatos (Wired)
• Identificação de editoria por cores (Pravda)
• Identificação de formatos por ícones (Linkedin)
• Possibilidade de visualização por cards e por lista (Proxxima e Klout)
• Internas com labels (rótulos) que funcionarão como filtros (Proxxima)
Benchmarking
10. Destaques em cards dinâmicos
• A ideia é ter os destaques da revista
apresentados na home seguindo a
tendência de design “cards-based”,
assim como a usada pela wired.com
• A publicidade aparece também em
formato card misturado ao conteúdo
editorial, aumentando as chances de ser
visto e clicado, uma vez que o olhar do
usuário tem a tendência de “escanear" o
conteúdoevitando as posições “padrões”
de publicidade (como banner no topo e
na lateral direita)
11. Destaques em cards dinâmicos
• A inspiração aqui é a navegação por filtro e não por
menu, promovendo uma reorganização dinâmica do
conteúdo (cards) assim como acontece no site
ofertas.fiat.com.br (filtro por preço) e
ofertas.renault.com.br . O usuário tem, assim, a
possibilidade de ver conteúdo com mais de dois tipos
de seleção (no nosso caso, “editorias" e "formatos".
• Outro ponto interessante, assim como mencionado no
slide anterior, é a possibilidade de destacar alguns dos
cards, possivelmente com conteúdo especial ou
Publicidade.
12. Destaques em cards dinâmicos
• E por falar em menu, além da
possibilidade de se selecionar
mais de uma opção de editoria,
que permitirá a reoganização
dinâmica dos cards de conteúdo,
como acontece no
ofertas.vw.com.br , destaca-se
também o menu da wired.com
que apresenta uma navegação
primária por editoria e uma
secundária por formato, entre
outros.
13. - “editoria” por cores e de “formatos" por ícones
• O tema para Wordpress Pravda apresenta os cards
identifica as editorias por cores.
• Já um estudo de design em formato cards para o
Linkedin utiliza ícones para identificar os diferentes
formatos de conteúdo.
Identificação Visual
14. - “editoria” por cores e de “formatos" por ícones
• O tema para Wordpress Clippy vai além e identifica os
formatos de mídia (artico, vídeo ,galeria de imagem,
áudio etc) por ícone.
Identificação Visual
15. Visualização em grid e em lista
• A revista Proxxima (Meio e Mensagem)
também optou pelo formato cards para o seu
website e oferece a opção de visualizar o
conteúdo por lista.
• Outra boa apresentação de coteúdo por listas é
o da plataforma Klout que integra os labels
(tags) das editorias na chamada em lista.
16. Labels (tags)
como filtro adicional
• E por falar em labels (tags), há ainda a
possibilidade de se utilizar labels
(tags) para o cruzamento de conteúdo
nas editorias.
• O resultado dos labels, geralmente,
aparecem em formato de lista, como
em um resultado de busca
17. Além das inspirações vistas anteriormente, vale contemplar ainda os seguintes aspectos:
• Conteúdo relacionado nas internas (Institucional)
• Destaques também para: Veja versão mobile, Conheça o site Institucional
• Rodapé: Institucional, Editoria, Contato, versão Mobile
• Internas: Título, Data, SM share, Comentários
Cards contemplam:
• identificação visual por cor (editoria)
• identificação visual por ícone (formatos)
• media (quando aplicável)
• título
• labels (tags)
• data
• resumo
Outros pontos
20. –Johnny Appleseed
Home - cards - default
Canais de Mídias Sociais
Editorias
Formatos
Visualização por
“grid" e por "lista"
Chamadas por
cards
Scroll infinito
Outras chamadas,
widgets etc
Menu "Filtros"
45. Não logado
Por default, o
usuário
encontrará a
página com todo
o conteúdo
organizado por
cards
A coluna da
direita
apresentarão
widgets e
publicidade
47. Pode-se também
optar-se pela s
opções de se
organizar o
conteúdo por
“todos”, “online”
ou “revista”, este
último exibirá todo
o conteúdo
replicado das
revistas
Organizar por
48. Organizar por
Todo o conteúdo
replicado das
revistas serão
exibidos por
ordem
cronológica a
partir do mais
recente. Haverá a
sleção de se filtrar
por edição.
49. Ao se clicar em
uma das
seleções, todo o
conteúdo
replicado daquela
edição será
exibido
Edições
das Revistas
54. Busca
O texto buscado é
destacado no
texto onde foi
encontrado
O conteúdo
também pode ser
exibido/filtrado
por tag
55. Busca por tag
Ao se clicar na
tag selecionada, é
exibido
novamente todo o
conetúdo
56. Ao se selecionar
uma das opções
do menu, neste
caso formato
“video”, os cards
são reorganizados
e apenas exibidos
os que apresentam
formato “vídeo”,
selecionado no
menu.
Menu-filtro
63. Não logado
Fazer login/
cadastro
Ao clicar na
edição da Revista
à direita, se o
usuário não
estiver logado, ele
será convidado a
fazer login/
cadastro. Caso
esteja logado,
poderá clicar e ter
ao o conteúdo
filtrado por edição
79. Conteúdo
O conteúdo abre
em popup, que
pode ser fechado
a qualquer
momento pelo
usuárioO topo do
conteúdo é fixo
A barra de Mídias
Sociais será
exibido durante
toda a rolagem do
conteúdoO usuário poderá
navegar também
pelas opções de
âncora, ao clicar
na opção, o texto
será rolado para o
ponto correto
O usuário poderá
ver algumas
imagens do
conteúdo em
formato carrossel
80. Exibição cards
Ao fechar o pop
up que exibe o
conteúdo, o
usuário volta a
visualizar a
navegação
anterior