Piranha Supplies: Shopify Plus wholesale integrado com Sage X3
Uma loja wholesale pensada para profissionais e feita para vender
- Cliente
- Piranha Supplies
- Tecnologia
- Shopify Plus
- Serviços
- Migração
- UX/UI
- Desenvolvimento à medida
- Integrações
Migrámos a Piranha Supplies para Shopify Plus com uma experiência desenhada para tatuadores, piercers e profissionais de PMU e uma integração profunda com o Sage X3.
A Piranha é uma marca de arte e, como qualquer marca que se leva a sério, não vive apenas de um nome. Vive de um ecossistema. Por trás do nome "Piranha" existe um conjunto de submarcas e negócios que orbitam à volta da mesma visão: arte, tatuagem e cultura. Entre eles estão o Studio, a Meta, a Revolution Needles e a estrela deste projeto, a Supplies.
A Supplies é o coração do negócio wholesale. É aqui que tudo se junta: vendem‑se todas as marcas Piranha e também marcas parceiras, num modelo pensado para profissionais. É onde estúdios, tatuadores, piercers e profissionais de PMU vão buscar o que precisam para trabalhar. E isso muda tudo na forma como se pensa uma loja online.
O desafio
A Piranha chegou à Skrey com um objetivo muito claro: elevar a sua loja online migrando para Shopify Plus. Mas, mais do que mudar de plataforma, queria resolver uma série de dores acumuladas ao longo dos anos.
A experiência do utilizador. A Supplies não fala com qualquer utilizador, fala com profissionais. Desde cedo identificámos os três grandes grupos que moldaram todo o projeto: tatuadores, piercers e profissionais de PMU. Tudo, da categorização de produto à navegação, tinha de nascer a pensar nestas personas. A integração com o negócio real. A Piranha já tinha uma ligação entre a loja online e o ERP (Sage X3), mas era limitada e não acompanhava a complexidade do negócio. No X3 estava toda a estrutura de produto, logística, OMS, pick & pack, tudo a funcionar. Mas a integração antiga não chegava: faltava profundidade, fiabilidade e escalabilidade.
A missão estava lançada: criar uma loja que não fosse só bonita, mas que funcionasse de verdade.
Análise: a base de tudo. Começámos pelo início: sentámo‑nos com a Piranha para levantar requisitos e percebemos logo que não estávamos a falar com amadores. Era uma equipa madura, que sabia exatamente o que precisava, com clareza nas dores e nos objetivos. Com timings apertados e prioridades bem definidas, organizámos tudo em três níveis: crítico, importante e nice to have.
Na Skrey, a fase de análise não é um formalismo, é a base. Os designers não desenham no escuro: tudo nasce com os pés assentes no chão técnico. Levantámos requisitos de tudo: UX, financeiro, logística, shipping e legislação, incluindo a isenção de IVA para países intracomunitários.
UI/UX: começar pelo tablet
A Piranha é uma marca exigente, visual e estrategicamente. Mas o Pedro Dias, CEO da Piranha Global, deixou logo clara a prioridade número um: UX. "Vou ter oportunidade de vender marca nos outros websites das submarcas", disse. E depois, com um sorriso confiante: "A Supplies é para vender."
Sabíamos que os tatuadores usam o iPad todos os dias para trabalhar, por isso fizemos algo que não é o nosso padrão: começámos o design pelo tablet. Normalmente seguimos uma abordagem mobile first, mas aqui fazia mais sentido começar pelo dispositivo que os utilizadores usam no dia a dia.
No total, desenhámos quatro experiências distintas: duas para tablet (em resoluções diferentes), uma para mobile e uma para desktop. Cada uma pensada ao detalhe, não como simples adaptação, mas como uma experiência real e otimizada para conversão.
Componentes desenhados para vender
O CTA "Adicionar ao carrinho" está presente em todos os cards de produto, da homepage ao carrinho com cross‑sell, para reduzir cliques e acelerar a compra; Quando um produto tem variantes e não pode ser adicionado diretamente, entra o componente Quick Buy: não é uma PDP em miniatura, é uma experiência ágil com toda a informação necessária para o utilizador decidir ali mesmo; As promoções não estão escondidas numa secção: um toggle no catálogo mostra apenas os produtos em promoção, para o utilizador identificar rapidamente as melhores oportunidades.
Catálogo e experiência de compra
O catálogo da Piranha é grande e detalhado, e a forma como o mostramos faz toda a diferença. A nossa abordagem foi simples: a diversidade do catálogo é uma vantagem competitiva, não um problema. Com o sistema de templates do Shopify, desenhámos páginas específicas por tipo de produto, com experiências diferentes para cada categoria.
Na reunião de kickoff, o Pedro falou‑nos de uma dor antiga: "O catálogo de piercings é um caos. Os produtos são quase iguais, a experiência é má e as pessoas não conseguem escolher o que querem." E tinha razão. Os filtros antigos não ajudavam, as imagens eram muito parecidas e as formas de pesquisa variavam muito: uns procuravam pelo nome técnico (argola, barbell), outros pela parte do corpo (nariz, umbigo). E, para complicar, muitos piercings servem para várias zonas do corpo.
Desenhámos um bloco de collection cards que agrupa os produtos por parte do corpo ou por nome técnico. Com Liquid e CSS, cada produto pode pertencer a várias coleções, e o utilizador encontra o que precisa sem fricção. Como acreditamos em blocos reutilizáveis, aproveitámos o mesmo componente para criar as páginas de promoções, também organizadas por categoria.
Produtos e estrutura de dados
O catálogo da Piranha não é leve: é denso e complexo. E isso não é um problema, é uma oportunidade para estruturar bem. Trabalhámos lado a lado com a nossa equipa de integração para criar uma estrutura de metaobjects e metafields capaz de alimentar páginas de produto diferentes para produtos diferentes.
Uma agulha Revolution não tem nada a ver com um power supply Meta, e a página também não devia ser igual. Cada PDP foi pensada para comunicar valor de forma clara e funcional, respeitando a identidade visual da marca e, acima de tudo, a forma como o profissional compra.
Implementação frontend
Aqui a loja ganhou corpo. A estrutura frontend foi construída sobre as quatro media queries definidas no início e sobre um sistema de blocos reutilizáveis, flexível e escalável. A lógica de dados, pensada desde a análise, garantiu que cada componente tinha um propósito: vender mais e melhor.
Shopify Plus: pensar no futuro
A escolha do Shopify Plus foi estratégica. Desde o primeiro dia sabíamos que este projeto tinha de estar pronto para escalar, e toda a configuração da loja foi feita a pensar no crescimento: shopify Markets com taxas de envio e métodos de pagamento adaptados a cada mercado; temas diferentes para diferentes geografias; integração com uma app avançada de shipping para cenários complexos, como a proibição de envio aéreo de produtos em aerossol; apps de descontos para campanhas, promoções e até descontos de rappel, essenciais para o modelo wholesale da Piranha; isenção de IVA para clientes de países intracomunitários.
Integração com o ERP: onde a magia acontece. A loja não podia ser uma ilha. Desenvolvemos uma integração robusta entre o Shopify Plus e o Sage X3 que transformou a operação logística da Piranha, com tempos de operação reduzidos em até 50%. Alguns dos pontos críticos que resolvemos: atributos de catálogo sincronizados; lógica de validade e acondicionamento de produtos, bundles incluídos; gestão de traduções e mercados; integração instantânea de encomendas; encomendas com pagamento instantâneo ou métodos alternativos (pagamento na entrega, transferência, Multibanco).
Resultados
O projeto da Piranha não foi só mais uma loja online. Foi a construção de uma experiência pensada para profissionais, suportada por uma estrutura técnica sólida e preparada para crescer a sério.
A Supplies deixou de ser uma plataforma estática e passou a ser o coração do negócio online da marca.
- Redução nos tempos de operação logística
- Até 50%
- Redução nos tempos de operação logística
Ver mais casos de sucesso
Darty
- Engenharia de e-commerce
- Design
- UX/UI
E-commerce de alta performance focado em automação, escala e experiência do utilizador
Tupperware
- Loja Shopify
- Desenvolvimento à medida
- Integrações
Comunidade, tradição e um modelo de negócio único
Quebramar
- Migração
- Custom Storefront
- UX/UI
Uma migração feita ao detalhe, para uma marca com 54 lojas e uma comunidade fiel