# Expressiva Modas

> E-commerce Magento de uma loja de moda multimarcas de Guarapuava, fundada em 1990 — hoje uma vitrine que virou motor de vendas via WhatsApp, atendida por um time de consultoras e consultores.

Toda vez que passo em frente à loja física da Expressiva, no centro de Guarapuava, lembro desse projeto — foi um dos e-commerces que fiz na K13, e ficou bonito de verdade.

<figure className="rehype-figure">

![Home da Expressiva Modas, com carrossel de destaques e mais vendidos](/images/pages/projects/expressiva-modas/expressiva-modas-home.png)<figcaption>

Home da Expressiva Modas, com carrossel de destaques e mais vendidos

</figcaption>
</figure>

## Uma multimarcas desde 1990

A Expressiva nasceu em 1990, do desejo de empreender de três irmãs apaixonadas por moda — hoje uma das lojas multimarcas mais conhecidas de Guarapuava. O catálogo é dominado pela Colcci, com peças também de Carrano, Farm, Dudalina, Luiza Barcelos, Lacoste e Morena Rosa.

## Por baixo do capô

<table>
<thead>
  <tr>
    <th>
      Camada
    </th>
    
    <th>
      Tecnologia
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      E-commerce
    </td>
    
    <td>
      <a href="https://developer.adobe.com/commerce/" rel="nofollow" target="_blank">
        Magento
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      JavaScript
    </td>
    
    <td>
      <a href="http://prototypejs.org/api/" rel="nofollow" target="_blank">
        Prototype.js
      </a>
      
       (nativo do Magento), <a href="https://api.jquery.com/" rel="nofollow" target="_blank">
        jQuery
      </a>
      
      , <a href="https://github.com/zloirock/core-js" rel="nofollow" target="_blank">
        core-js
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Carrossel
    </td>
    
    <td>
      <a href="https://kenwheeler.github.io/slick/" rel="nofollow" target="_blank">
        Slick
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Galeria/lightbox
    </td>
    
    <td>
      <a href="https://fancyapps.com/docs/ui/fancybox" rel="nofollow" target="_blank">
        FancyBox
      </a>
      
      , <a href="https://github.com/igorlino/elevatezoom-plus" rel="nofollow" target="_blank">
        elevateZoom
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Framework CSS
    </td>
    
    <td>
      <a href="https://getbootstrap.com/docs/" rel="nofollow" target="_blank">
        Bootstrap
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Ícones
    </td>
    
    <td>
      <a href="https://docs.fontawesome.com/" rel="nofollow" target="_blank">
        Font Awesome
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      E-mail marketing
    </td>
    
    <td>
      <a href="https://docs.magemail.co" rel="nofollow" target="_blank">
        MageMail
      </a>
    </td>
  </tr>
  
  <tr>
    <td>
      Analytics/Ads
    </td>
    
    <td>
      <a href="https://developers.google.com/analytics" rel="nofollow" target="_blank">
        Google Analytics
      </a>
      
      , <a href="https://developers.google.com/tag-platform/tag-manager" rel="nofollow" target="_blank">
        Google Tag Manager
      </a>
      
      , <a href="https://support.google.com/google-ads" rel="nofollow" target="_blank">
        Google Ads
      </a>
      
      , <a href="https://developers.facebook.com/docs/meta-pixel/" rel="nofollow" target="_blank">
        Facebook Pixel
      </a>
    </td>
  </tr>
</tbody>
</table>

## Do carrinho pro WhatsApp

O Magento por trás da Expressiva nasceu com carrinho e checkout de verdade — dá pra ver isso ainda hoje na página de dúvidas do site, que descreve um fluxo de "Carrinho de Compras" com cálculo de frete por CEP. Só que esse fluxo não existe mais: em nenhum produto do catálogo atual aparece um botão de comprar. Em todos eles, o CTA é **"Falar com um Consultor"**, que abre uma lista de oito vendedoras e vendedores reais, cada um com uma mensagem pré-preenchida do WhatsApp já citando o produto. A loja virou vitrine — a venda em si acontece no chat.

## Um catálogo sem padrão único de variação

Um jeito de ver isso de perto: nem todo produto tem seletor de tamanho ou cor. Um tênis com mais de uma numeração em estoque mostra "Selecione Tamanho" em grade de botões — mas a maior parte do catálogo (vestidos, camisetas, cintos, óculos) não tem seletor nenhum, porque cor e tamanho já vêm embutidos no nome e na URL de cada produto. Um cinto em quatro cores/tamanhos diferentes vira quatro produtos cadastrados separadamente, não uma variação de um produto só. Nunca vi um swatch de cor clicável em produto nenhum — a cor é sempre parte do nome.

<figure className="rehype-figure">

![Página de produto com seletor de tamanho em grade de botões](/images/pages/projects/expressiva-modas/expressiva-modas-produto-tenis.png)<figcaption>

Página de produto com seletor de tamanho em grade de botões

</figcaption>
</figure>

<figure className="rehype-figure">

![Página de produto sem seletor de variação, indo direto para o WhatsApp](/images/pages/projects/expressiva-modas/expressiva-modas-produto-vestido.png)<figcaption>

Página de produto sem seletor de variação, indo direto para o WhatsApp

</figcaption>
</figure>

## Categorias

Roupas, Calçados, Acessórios e Praia, cada uma com filtro por subcategoria, faixa de preço e cor — sem alternância entre grid e lista.

<figure className="rehype-figure">

![Categoria de roupas com filtros de subcategoria, preço e cor](/images/pages/projects/expressiva-modas/expressiva-modas-categoria.png)<figcaption>

Categoria de roupas com filtros de subcategoria, preço e cor

</figcaption>
</figure>

## Quem somos

<figure className="rehype-figure">

![Página institucional Quem Somos, contando a origem da loja em 1990](/images/pages/projects/expressiva-modas/expressiva-modas-quem-somos.png)<figcaption>

Página institucional Quem Somos, contando a origem da loja em 1990

</figcaption>
</figure>

A história das três irmãs fundadoras, contada em primeira pessoa pela marca, com a hashtag de campanha #AmoExpressiva.