1. Reunião de Kickoff
Descobrir: Início do Processo de Double Diamond
Iniciamos o projeto com uma reunião de kickoff, utilizando técnicas de design de serviços como co-criação e brainstorming com a squad para que o Product Owner (PO) apresentasse a demanda. A proposta era criar uma landing page para a campanha institucional da Confederação Nacional da Indústria (CNI), englobando as entidades CNI, SESI, SENAI e IEL, formando o Sistema Indústria.
2. Recebimento de Materiais
Descobrir: Exploração Inicial
Recebi um documento intitulado "Manifesto sobre a campanha" e um vídeo exemplo que seria utilizado na campanha. Utilizei a técnica de análise documental para entender a narrativa central do manifesto.
Texto do Manifesto:
"A Indústria que Cria e Transforma..."
3. Criação de Personas
Descobrir: Compreensão do Público-alvo
Utilizando técnicas de entrevistas com stakeholders, pesquisa de mercado e mapeamento de empatia, desenvolvi personas para garantir que a landing page atendesse às necessidades e expectativas do público-alvo. Exemplos de personas criadas incluem:
Fernanda
Jovem profissional que busca oportunidades de crescimento e inovação na indústria.
Jovem profissional que busca oportunidades de crescimento e inovação na indústria.
Idade: 28 anos
Profissão: Engenheira de Produção
Objetivos: Buscar oportunidades de crescimento e inovação na indústria.
Desafios: Equilibrar as demandas de um ambiente de trabalho dinâmico com o desenvolvimento profissional contínuo.
Motivações: Interesse em tecnologia de ponta e em contribuir para projetos inovadores.
Citação: "Quero crescer na minha carreira e fazer parte de projetos que façam a diferença."
Miguel
Trabalhador em busca de estabilidade e novas oportunidades de emprego.
Idade: 45 anos
Profissão: Operário de Produção
Objetivos: Encontrar estabilidade e novas oportunidades de emprego.
Desafios: Adaptar-se às mudanças tecnológicas e aos novos métodos de produção.
Motivações: Segurança no emprego e desenvolvimento de novas habilidades.
Citação: "Preciso de um emprego estável que me permita aprender e crescer."
Luiza
Criadora de conteúdo digital interessada em tecnologia e inovação industrial.
Idade: 24 anos
Profissão: Criadora de Conteúdo Digital
Objetivos: Explorar novas tecnologias e inovações industriais para criar conteúdos impactantes.
Desafios: Manter-se atualizada com as últimas tendências tecnológicas e industriais.
Motivações: Paixão por tecnologia e desejo de inspirar sua audiência com inovações.
Citação: "Quero usar a tecnologia para criar conteúdos que inspirem as pessoas."
Fernanda
Miguel
Luiza
Este processo detalhado de criação de personas garantiu que a landing page fosse desenhada de forma a atender às necessidades e expectativas dos usuários, resultando em uma experiência mais eficaz e engajadora.
4. Research e Levantamento de Pontos Importantes
Definir: Síntese das Descobertas
Realizei um processo de research utilizando técnicas de análise contextual e mapeamento de insights. Identifiquei os seguintes pontos principais, categorizando-os para melhor visualização e compreensão:
1. Capacidade de criar e transformar:
A indústria molda o cotidiano.
Impacto nos pequenos momentos e grandes conquistas.
2. Responsabilidade da indústria:
Facilita e melhora o dia a dia.
Criação e inovação como principais características.
3. Inovação e desenvolvimento:
Tecnologia de ponta.
Brasil entre os 50 países mais inovadores do mundo.
Produção verde e sustentável.
4. Geração de empregos:
Milhões de empregos gerados.
Impulsiona a economia.
Criação de oportunidades.
5. Visão para o futuro:
Pronta para inventar e reinventar.
Atenta a novas demandas e tecnologias.
Inovação contínua.
6. Contribuição além da inovação:
Fortalece o Brasil.
Melhora a eficiência e competitividade global.
Melhora a qualidade de vida.
Proporciona capacitação para novas gerações.
5. Levantamento de Palavras-chave
Definir: Identificação de Temas Principais
Com base nos pontos levantados, identifiquei palavras-chave utilizando técnicas de brainstorming e card sorting:
Criação, Transformação, Inovação, Tecnologia, Sustentabilidade, Empregos, Oportunidades, Economia, Futuro, Competitividade, Qualidade de Vida, Capacitação, Evolução Industrial, Progresso Social, Eficiência, Produção Verde, Desenvolvimento
6. Categorizações das Palavras-chave
Definir: Estruturação da Informação
As palavras-chave foram organizadas em categorias usando técnicas de agrupamento por afinidade:
Criação e Transformação: Criação, Transformação, Inovação, Evolução Industrial
Tecnologia e Inovação: Tecnologia, Inovação, Eficiência
Sustentabilidade e Produção Verde: Sustentabilidade, Produção Verde
Empregos e Oportunidades: Empregos, Oportunidades, Capacitação
Economia e Competitividade: Economia, Competitividade, Progresso Social
Futuro e Desenvolvimento: Futuro, Desenvolvimento, Qualidade de Vida
7. Criação do Storytelling
Desenvolver: Construção da Narrativa
Desenvolvi um storytelling para a landing page, destacando o impacto da indústria no cotidiano e sua importância em áreas de inovação, sustentabilidade e desenvolvimento. A narrativa foi estruturada para atrair a atenção da nova geração e encorajar a participação no movimento industrial.
Frase de destaque: "A Indústria que Cria e Transforma o Futuro"
8. Pontos-chave a partir do Vídeo
Desenvolver: Integração de Insights Visuais
Identifiquei e integrei pontos-chave do vídeo recebido, garantindo coerência entre os materiais visuais e textuais. Utilizei técnicas de análise de conteúdo audiovisual.
9. Arquitetura da Informação
Desenvolver: Estrutura da Página
Defini a arquitetura da informação da landing page com as seguintes seções, utilizando técnicas de card sorting e wireframing:
1. Header (Cabeçalho)
Logo, Menu de Navegação, Chamada Principal com título e subtítulo.
2. A Indústria Cria o Futuro
Vídeo, itens em destaque sobre inovação e competitividade.
3. Inovação e Tecnologia
Imagem de fundo, parágrafo sobre tecnologia e inovação, itens em destaque.
4. Sustentabilidade
Imagem de fundo, parágrafo sobre práticas sustentáveis, itens em destaque.
5. Oportunidades e Desenvolvimento
Vídeo, itens em destaque sobre geração de empregos e capacitação.
6. Conectando com os Jovens
Imagem de fundo, parágrafo sobre oportunidades para a nova geração, itens em destaque.
7. Chamada para Ação
Texto convidativo para envolvimento no movimento industrial.
8. Footer (Rodapé)
Menu de navegação e ícones de redes sociais.
10. Interações de User Interface
Desenvolver: Design de Interações
Defini as interações de UI para cada seção, garantindo uma experiência de usuário envolvente e intuitiva, com elementos como:
1. Header (Cabeçalho)
Menu de navegação fixo, imagem de fundo em alta resolução.
Título grande, centralizado, com tipografia marcante.
Subtítulo abaixo do título, com tamanho de fonte menor.
2. A Indústria Cria o Futuro
Título destacado, tipografia grande.
Texto breve, com espaçamento adequado.
Vídeo embed com controles minimalistas.
Ícones ou imagens pequenas com texto curto, apresentados em formato de cards.
3. Inovação e Tecnologia
Título destacado, tipografia grande.
Imagem fullscreen com efeito de paralaxe.
Texto claro, sobreposto à imagem com fundo semitransparente.
Cards interativos com pequenas animações.
4. Sustentabilidade
Título grande e visível.
Imagem de fundo com paralaxe.
Texto sobreposto à imagem.
Ícones circulares com animação.
5. Oportunidades e Desenvolvimento
Título destacado.
Imagem fullscreen com leve zoom.
Texto claro e espaçado.
Vídeo embed com estilo minimalista.
Cards interativos com animações.
6. Conectando com os Jovens
Título grande e visível.
Imagem fullscreen.
Texto claro.
Animações de entrada para cada item.
Chamada para Ação
Título grande.
Texto claro e convidativo.
7. Footer (Rodapé)
Menu de navegação simples e bem espaçado.
Ícones de redes sociais com efeitos de hover.
11. Benchmarking
Desenvolver: Análise Competitiva
Realizei benchmarking com projetos internos e na web, utilizando técnicas de comparação competitiva para identificar boas práticas de usabilidade e interações para landing pages.
Imagem demonstrativa da documentação dos itens descobertos em Benchmarking que estão documentos no FigJam do projeto.
12. Documentação
Desenvolver: Organização do Processo
Documentei todo o processo e insumos na ferramenta FigJam, utilizando diagramas de fluxo e mapas de processo para facilitar a colaboração e o acompanhamento do projeto.
13. Protótipo em Baixa Fidelidade
Desenvolver: Prototipagem Inicial
Criei um protótipo em baixa fidelidade no Figma para versões desktop e mobile, utilizando técnicas de wireframing e mockups. O protótipo foi apresentado para validação e aprovação.
15. Conclusão
Este case de design para a criação da landing page institucional da Confederação Nacional da Indústria (CNI) ilustra um processo meticuloso e centrado no usuário, seguindo as melhores práticas de design de serviços e a metodologia Double Diamond. Através de etapas bem definidas, desde a reunião de kickoff até a implementação e documentação final, cada aspecto do projeto foi cuidadosamente planejado e executado.
A criação das personas – Fernanda, Miguel e Luiza – permitiu uma compreensão profunda das necessidades e expectativas dos diferentes perfis de usuários. Essas personas guiaram todas as fases do design, garantindo que a landing page fosse relevante, envolvente e eficaz.
A pesquisa inicial, análise de dados e mapeamento de insights forneceram uma base sólida para o desenvolvimento do storytelling e da arquitetura da informação. A integração de pontos-chave do vídeo e a categorização das palavras-chave ajudaram a construir uma narrativa coerente e impactante.
As interações de User Interface foram projetadas para proporcionar uma experiência de usuário fluida e intuitiva, utilizando elementos visuais e animações para destacar informações importantes. O benchmarking realizado garantiu que a landing page estivesse alinhada com as melhores práticas de usabilidade e design moderno.
O protótipo em baixa fidelidade permitiu ajustes rápidos e efetivos com base no feedback dos stakeholders, enquanto o protótipo em alta fidelidade finalizou o design, pronto para desenvolvimento. A documentação completa no FigJam assegurou que todas as etapas fossem bem registradas e facilmente acessíveis para futuras referências.
Em resumo, este case demonstra não apenas a capacidade técnica de gerenciar e executar um projeto complexo de design de produto, mas também a habilidade de manter o foco nas necessidades do usuário final. A landing page resultante é um exemplo de como o design centrado no usuário, combinado com uma execução precisa e colaboração eficaz, pode criar soluções digitais que realmente fazem a diferença.
