AO·dev

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.

Empresa

K13

Período

2021 – 2022

Papel

Frontend Developer

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.

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

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ô

CamadaTecnologia
E-commerceMagento
JavaScriptPrototype.js (nativo do Magento), jQuery, core-js
CarrosselSlick
Galeria/lightboxFancyBox, elevateZoom
Framework CSSBootstrap
ÍconesFont Awesome
E-mail marketingMageMail
Analytics/AdsGoogle Analytics, Google Tag Manager, Google Ads, Facebook Pixel

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.

Página de produto com seletor de tamanho em grade de botões
Página de produto com seletor de tamanho em grade de botões
Página de produto sem seletor de variação, indo direto para o WhatsApp
Página de produto sem seletor de variação, indo direto para o WhatsApp

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.

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

Quem somos

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

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