Direção de arte na Di Gaspi: Desafios e Conquistas
UX/UI DESIGNÍCONESIDENTIDADE VISUALREDES SOCIAIS
8/13/20244 min read


Criação de KVs e Desdobramentos Multiplataforma
A Di Gaspi é uma reconhecida loja de varejo com sede em São Paulo, Brasil, especializada em moda e calçados. Com uma forte presença no mercado, a empresa tem constantemente buscado se atualizar, criando um e-commerce para a venda de produtos.
Minha jornada é como home office na empresa Di Gaspi, uma das responsabilidades mais destacadas foi a criação de Key Visuals (KVs), elementos visuais cruciais em qualquer campanha de marketing, e a adaptação deles a várias plataformas para estratégias promocionais. A criação de KVs envolveu uma combinação de criatividade, planejamento e conhecimento técnico para produzir visuais que fossem não apenas visualmente atraentes, mas também eficazes na comunicação da mensagem da campanha.
O processo começa com a compreensão essencial dos objetivos da campanha e da identidade da marca. Desenvolvi KVs que captassem a essência da marca Di Gaspi, garantindo que todos os elementos visuais, desde cores até tipografia, estivessem alinhados com nossa identidade visual.
Uma vez criados os KVs, o próximo passo foi garantir que estes fossem desdobráveis para se adequar a diversos meios digitais, os KVs foram adaptados para formatos de redes sociais, banners de websites, e-mail marketing e anúncios online, cada plataforma digital possui requisitos específicos de tamanho e resolução.
Criei também as novas embalagens dos produtos e-commerce, com aspecto clean e alegre que transmitissem confiança na chegada do produto ao consumidor, para que a experiência de compra seja agradável e completa.
Layout do E-Commerce e Migração para VTEX IO
A migração para a plataforma VTEX IO representou uma mudança significativa no projeto. A VTEX IO é conhecida por suas capacidades avançadas de personalização e flexibilidade, o que permitiu integrar novas ferramentas e funcionalidades que otimizassem a experiência de navegação.
Os ganhos obtidos com essa migração foram substanciais. Observamos uma redução nos tempos de carregamento do site, uma navegabilidade mais fluida e consistente, e um incremento na taxa de conversão devido à personalização mais eficaz do layout. A capacidade da VTEX IO de integrar aplicações de forma modular também facilitou a adição contínua de melhorias e inovações ao longo do tempo, garantindo que a plataforma permanecesse atual e competitiva no mercado.
A medida que o novo site ia sendo utilizado, tive contato direto com o desenvolvimento para alinharmos melhorias na usabilidade do e-commerce e assim facilitar a Jornada do Usuário.
Desenvolvimento de Páginas e Reformulação com HTML e CSS
Em alguns momentos desenvolvi páginas web utilizando HTML e CSS. Esse trabalho era fundamental para manter nossas comunicações digitais alinhadas aos padrões modernos e garantir que os usuários tivessem uma experiência de navegação eficiente e agradável.
O processo teve início com a criação de wireframes e a estrutura semântica no HTML, utilizei técnicas de grid layout e Flexbox para criar layouts responsivos que se adaptam a diferentes tamanhos de tela, proporcionando uma experiência consistente em dispositivos móveis e desktop. A implementação de variáveis CSS foi bastante útil na manutenção da consistência dos estilos e na facilidade de realizar mudanças globais em cores e tipografia.
Para os e-mails de marketing, era essencial manter um design que fosse não apenas atraente, mas também compatível com os diferentes clientes de e-mail utilizados pelo nosso público. Isso envolveu conhecimento específico sobre as limitações e peculiaridades do CSS nos diversos clientes de e-mail e a implementação de técnicas como o uso de tabelas para garantir a consistência do layout.
Colaboração e Auxílio aos Profissionais da Equipe
Minha experiência no home office com a Di Gaspi, a colaboração com a equipe foi um aspecto fundamental. Desde o primeiro dia, ficou evidente que um ambiente de trabalho cooperativo seria essencial para alcançar nossos objetivos. A comunicação fluida, apesar da distância física, foi crucial para garantir que todos estivessem na mesma página e pudessem contribuir de maneira eficaz.
Meu papel incluía não apenas o entendimento claro dos briefings, mas também garantir que outros membros da equipe tivessem uma compreensão igual dos projetos em andamento. Isso envolveu participar de reuniões virtuais para discutir detalhes dos projetos, alinhar expectativas e resolver quaisquer dúvidas que surgissem. Frequentemente, ofereci auxílio na resolução de problemas técnicos e no compartilhamento de dicas para melhorar a produtividade. Além disso, enaltecer as boas práticas de trabalho em equipe se mostrou fundamental para a manutenção da moral e do entusiasmo dos colegas.










@mirbrasil