Um configurador de malas de designer é uma ferramenta digital versátil que serve tanto para processos internos como para fins comerciais. Permite a designers, fabricantes e equipas de vendas adaptar e visualizar a mala de acordo com os materiais ou fechos necessários. Internamente, simplifica os processos de design e produção, promovendo a colaboração, a criação de protótipos e a tomada de decisões entre os membros da equipa. Externamente, funciona como uma ferramenta de vendas robusta, permitindo aos compradores personalizar e visualizar a mala de designer ideal antes de a comprarem. Ao oferecer uma experiência fluida e interativa, o configurador aumenta a eficiência, reduz os tempos de produção e eleva o envolvimento e a satisfação dos clientes.
O objetivo deste configurador de malas de designer é mostrar as variações do produto e informações detalhadas que sejam visualmente complementares à apresentação do produto. Isto significa que houve uma ênfase na utilização de execuções gráficas criativas para a UI flutuante e para o seu funcionamento.
A Floating UI deve:
A mala de designer foi modelada no 3D Studio Max e importada para o Vectary Studio, onde foi dividida em várias peças, texturizada e feito o bake. O ambiente still life foi modelado do zero no Studio.
A iluminação é crucial neste projeto devido à projeção de sombras. Uma luz retangular principal ilumina a mala de designer, enquanto uma luz direcional projeta sombras de uma planta num ângulo específico no fundo. Esta configuração é dinâmica.
Os elementos da cena que criam o ambiente still life apresentam uma paleta de cores pastel, permitindo que o objeto principal se destaque. Todos os objetos foram submetidos a bake para aumentar o realismo. A mala de designer está disponível em quatro variantes de cor diferentes, cada uma delas uma cópia de um material com a cor modificada, ajudando a manter o tamanho do ficheiro reduzido. Podes encontrar várias texturas de pele na biblioteca de materiais do Studio, entre outras categorias de materiais.
Dica: Mantém o tamanho do fundo reduzido e usa-o em combinação com o desvanecimento para obteres uma resolução menor nas texturas com bake.
Uma pequena UI flutuante ativa a visibilidade de outras três UIs flutuantes. Partilham definições semelhantes, com a posição definida à direita e a altura para preencher, obtendo um layout semelhante ao de sites de e-commerce. A FUI de descrição consiste apenas em elementos de texto alinhados em diferentes contentores. A FUI com imagens, que servem de triggers para o seletor de materiais, está dividida em contentores por uma grelha de 2x2. A FUI com Realidade Aumentada inclui um código QR com texto que ativa a AR.
Por predefinição, apenas a FUI com o menu, a marca de água e o logótipo está visível, enquanto as outras estão ocultas. Clicar em diferentes botões no menu alterna a visibilidade das FUIs selecionadas.
Eis o que é usado:
