Apresentamos Vectary Canvas, um novo espaço para ideação acelerada por AI. → Canvas

Configurador de power bank

Explica todos os benefícios do teu design de power bank graças ao 3D interativo.

O que é um configurador de power bank?

Um configurador de power bank é uma ferramenta digital interativa concebida para explicar as partes internas do design do produto num espaço 3D. Esta ferramenta permite que vários stakeholders no processo de desenvolvimento do produto explorem detalhadamente todas as funcionalidades e elementos de design. Pode fazer parte do processo de tomada de decisão na seleção da cor da caixa ou para usar a vista explodida para revelar peças e componentes internos. O acesso fácil a uma explicação detalhada de cada elemento interno pode ser utilizado para formação ou para ajudar em reparações.

Desenvolvimento de conceito

O principal objetivo deste projeto era mostrar as partes internas do power bank que não podem ser vistas a partir do exterior. Ao utilizar a vista explodida como animação principal, as informações fornecidas mostrariam os materiais utilizados, as dimensões e as especificações técnicas. Isto significa que cada camada teria de ser feita de forma a que fosse possível recolher todas as partes, bem como separá-las. Como o principal componente interativo é abrir e fechar o power bank, não há necessidade de adicionar hotspots. Uma interação ao clicar é suficiente neste caso.

Como fazer um configurador 3D de power bank

Preparar o modelo



‍

Este modelo foi criado no 3Ds Max e depois importado para o Vectary como um ficheiro .FBX. O foco principal foi modelar todos os componentes internos com precisão.

‍

Texturas e materiais

‍

A maioria dos materiais foi adicionada no Vectary, exceto o chipset. A textura do chipset foi criada no Substance Painter e importada para o Studio, juntamente com os mapas de roughness e normais. A oclusão de ambiente e os lightmaps foram mais tarde gerados no Vectary para melhorar o aspeto geral.

Configuração de iluminação Para este projeto, o nosso objetivo era um cenário mais escuro. O fundo e o plano do chão são quase pretos. Usámos uma configuração de três luzes com luz principal, luz de preenchimento e luz de contorno para destacar o modelo de forma eficaz.



‍

Animações



‍

Este projeto inclui várias animações. Primeiro, há uma vista explodida animação que abre o power bank, revelando todos os componentes internos. Cada componente tem também uma animação de deslizamento independente para melhor visibilidade e inspeção.

‍

Além disso, existem animações para planos com imagens .PNG que mostram as especificações dos componentes. Estas especificações estão ocultas dentro do objeto e são ampliadas e reposicionadas através de animações.

Interactions


‍

Todas as interações foram configuradas com um acionador ao clicar para diferentes componentes do power bank. Clicar num componente ativa a sua animação de deslizamento para fora, juntamente com a animação das imagens .PNG de especificações técnicas. Clicar novamente no componente faz com que este deslize para dentro, juntamente com as especificações.



‍

Esta interação funciona de forma semelhante ao clicar noutros componentes, fazendo deslizar para dentro o primeiro componente e as suas especificações, enquanto desliza para fora aquele em que clicaste.

‍

Realidade Aumentada

‍

Ter a opção de gerar uma pré-visualização em AR que mostra a vista explodida do power bank proporciona uma experiência visual imersiva, para um maior envolvimento com o produto se o configurador for usado como uma ferramenta online voltada para o cliente.

Os benefícios de ter um configurador de power bank

Visualização

Multifuncional

Experiência

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board