Brand New Edge
Brand New Edge
Fale connosco
Todos os casesTetra Pak
Industrial · 8 meses · 5-person team

Tetra Pak

A Tetra Pak é a maior empresa mundial em processamento, embalagem e distribuição alimentar, presente em mais de 160 países. Concebemos e desenvolvemos o catálogo digital da sua divisão Plant Components, cobrindo mais de 30 000 itens de parceiros qualificados.

30 000+ Componentes industriais no catálogo
30 000+
Componentes industriais no catálogo
160+
Países onde a Tetra Pak opera
2
Idiomas (inglês e português)

O desafio

Um catálogo de mais de 30 000 componentes industriais, abrangendo válvulas, bombas, instrumentos de medição, componentes de integração e componentes de automação e eléctricos, exige muito mais do que um PDF ou uma lista estática.

A Tetra Pak precisava de uma experiência de catálogo digital que permitisse a engenheiros e equipas de aprovisionamento navegar em hierarquias de produtos complexas, explorar especificações técnicas em detalhe, pesquisar por múltiplos parâmetros, solicitar orçamentos e aceder ao catálogo a partir de qualquer dispositivo, em múltiplos idiomas. O sistema precisava também de ser totalmente gerível pela equipa interna da Tetra Pak sem dependência de programadores.

O que fizemos

A Brand New Edge concebeu e desenvolveu o Catálogo Plant Components da Tetra Pak de raiz utilizando a metodologia Design Thinking: compreender como diferentes perfis de utilizadores, de engenheiros de campo a gestores de aprovisionamento, interagiriam com o sistema e o que precisam em cada etapa do processo de decisão. Fluxos e protótipos foram criados em Photoshop, Illustrator e Adobe XD antes de uma única linha de código ser escrita.

A navegação no catálogo permitia aos utilizadores percorrer cinco categorias principais, com cada produto a apresentar especificações técnicas detalhadas (denominação, dimensões, estado do comutador multi-gama, saída de temperatura, número de referência) juntamente com fotografia de alta resolução e zoom de desenhos técnicos com a ficha técnica completa acessível em linha.

A Ferramenta de Pesquisa dava aos utilizadores a possibilidade de filtrar produtos por múltiplos parâmetros em simultâneo: tipo de válvula, modelo, modo de caudal, modelo de extremidade, cidade, tamanho, manípulo ou actuador, tornando prático encontrar o componente certo entre dezenas de milhares de artigos.

Os pedidos de orçamento eram tratados directamente no catálogo: os utilizadores podiam construir uma lista de produtos com múltiplos artigos e submeter um pedido com os seus dados de contacto num único formulário.

As páginas de parceiros davam espaço dedicado a cada fornecedor (Lanner, WIKA, Danfoss, Endress+Hauser, Grundfos, Netzsch, APS e Samson) com descrições e ligações directas.

O Painel de Administração dava aos próprios colaboradores da Tetra Pak controlo total sobre o catálogo sem intervenção de programadores: adicionar, editar e eliminar produtos, gerir tópicos e categorias.

O suporte multilingue foi integrado desde o início, com a interface disponível em inglês e português.

O design responsivo garantiu que a experiência completa funcionasse em todos os tamanhos de ecrã, desde postos de trabalho de secretária a dispositivos móveis no terreno.

Como trabalhámos

A comunicação ao longo do projecto foi gerida através de Zoom, Skype, Slack e Jira, com reuniões semanais para alinhar o estado e as tarefas em cada fase.

O catálogo foi construído com múltiplos módulos em Laravel e JavaScript, estruturado em torno de uma cascata de categorias de produtos com um indicador de página em cada nível a mostrar aos utilizadores onde se encontravam dentro da taxonomia completa.

Resultado
  • Um catálogo digital completamente funcional, pesquisável e multilingue para um dos clientes industriais mais exigentes do mundo, construído para gerir mais de 30 000 componentes com a navegabilidade, profundidade de pesquisa, fluxo de orçamentos e controlo administrativo que uma operação global exige. Tudo concebido e desenvolvido por uma equipa sediada no Brasil.
Tech stack
LaravelJavaScriptAdobe XDPhotoshopIllustratorZoomSlackJiraResponsive web
Entregas
01
UX/UI e Prototipagem
Fluxos completos do catálogo em Adobe XD antes de qualquer linha de código
02
Sistema de Catálogo em Laravel
30 000+ componentes com pesquisa, orçamento, páginas de parceiros e painel de administração
03
Administração Multilingue
Interface EN/PT totalmente gerível pela equipa da Tetra Pak sem programadores