Edgard Genaro Curitiba, BR

Todos os cases

Case 02 / 11

Suporte Eventos

Uma locadora de 722 peças vendia pelo WhatsApp. Agora o cliente monta a cena e a relação de itens se forma ao lado.

Cliente
Suporte Eventos, Lauro de Freitas (BA)
O que faz
Aluga mobiliário e decoração para casamentos, eventos corporativos, 15 anos e formaturas
Meu papel
Diagnóstico, UX/UI, sistema visual da interface e o editor de moodboard
Entregas
Site, acervo, moodboard no computador e no celular, orçamento e painel do time
JornadaDa home ao acervo e ao moodboard: duas peças entram no quadro e a relação de itens se forma ao lado.

Problema e solução

Problema

Site em Wix com preço de R$ 0,01, carrinho improvisado como pedido e fotos com marca d’água. O cliente escolhia peça por peça, sem ver as peças juntas antes de pedir.

Solução

Um acervo pesquisável e um moodboard aberto: o cliente monta a cena com peças reais em escala, a relação de itens se forma ao lado e o pedido chega ao time com o quadro.

(01)

Pesquisa

Li o site antigo e abri o moodboard.

Três slides: o site antigo e o que levantei, o que decidi depois de ver o concorrente e o que construí.

O que levanteiO site antigo, as peças e as fotos.
O que levanteiO site antigo, as peças e as fotos.
O que decidiO concorrente pedia login; eu abri o moodboard.
O que decidiO concorrente pedia login; eu abri o moodboard.
O que construíO acervo e o quadro em escala real.
O que construíO acervo e o quadro em escala real.

(02)

Arquitetura

Três estruturas, um orçamento só.

O processo em cinco passos e o mapa das três estruturas: o site leva ao editor, e o painel do time recebe cada pedido com a cena que o cliente montou.

ProcessoDo pedido no WhatsApp ao pedido com a cena, em cinco passos.
ProcessoDo pedido no WhatsApp ao pedido com a cena, em cinco passos.
ArquiteturaO site leva ao editor, e o editor manda o pedido ao painel do time.
ArquiteturaO site leva ao editor, e o editor manda o pedido ao painel do time.

(03)

Estilo

Um visual à altura do acervo.

O vinho e o âmbar vieram do site antigo; o resto do sistema foi construído em volta deles, com tipografia editorial e fotos de eventos reais. A marca deixa de parecer loja com preço falso e passa a vender pela cena.

AntesA home antiga, em Wix: busca e chamada para o WhatsApp.
DepoisA home nova: foto de evento real e os dois caminhos.

  1. Visual de marca de alto padrão.

    Fotografia de evento, peças recortadas e muito respiro, no lugar de uma grade com o selo Novidade em quase tudo.

  2. Uma marca reconhecível em qualquer tela.

    Todos os tons ficam na faixa quente do vinho, sem cinza frio. O âmbar aparece pouco, só para marcar o que importa.

  3. Reposicionamento pela experiência digital.

    Montar a cena e ver a relação de itens na mesma tela coloca a Suporte como quem ajuda a compor o evento, não como um catálogo.

PaletaVinho #61160A e âmbar #FF9F24 da marca; os neutros são todos quentes.
PaletaVinho #61160A e âmbar #FF9F24 da marca; os neutros são todos quentes.
TipografiaMona Sans em toda a interface; a Fraunces só dentro do moodboard, para o nome do evento.
TipografiaMona Sans em toda a interface; a Fraunces só dentro do moodboard, para o nome do evento.
ComponentesOs componentes do site em uso, com os estados de cada um.
ComponentesOs componentes do site em uso, com os estados de cada um.
ComponentesRecortes do site no ar, sem retoque. Cada componente existe e é usado em pelo menos uma tela.

(04)

Telas

Do evento real à peça certa.

A home abre com uma festa de verdade e dois caminhos. O acervo busca por nome, material e cor, e a ficha leva a peça direto ao orçamento ou ao quadro.

InícioFoto de evento real e os dois caminhos, montar o moodboard ou ver o acervo.
Acervo14 categorias, busca que entende material e cor e a referência de cada peça.
FichaFoto sem fundo, medidas e os dois caminhos, orçamento direto ou moodboard.
MoodboardO quadro, o catálogo ao lado e a relação de itens.

(05)

Celular

O mesmo moodboard, na mão.

Um dedo arrasta a peça e dois dão zoom. Catálogo e orçamento abrem em gavetas, e todo toque do editor tem pelo menos 40 px.

JornadaGravação real: do início ao moodboard, passando pela ficha.
MoodboardGravação real: catálogo, peça no quadro, zoom e orçamento.
JornadaA jornada em cinco telas: início, acervo, ficha, moodboard e orçamento.
CelularO editor no celular: quadro, catálogo e orçamento, cada um numa gaveta.

(06)

Moodboard

Você monta a cena. O orçamento se monta junto.

Peças reais em escala, páginas por espaço do evento e uma relação de itens que acompanha o quadro. Montar é livre; a conta só entra para salvar, baixar o PDF, compartilhar ou enviar o pedido.

CompondoGravação do editor, sem cortes: da folha vazia à cena Lounge natural.
RecursosOs recursos do editor, numerados na ordem da lista abaixo.

  1. Catálogo ao lado do quadro

    Busca por nome, material e cor, 14 categorias e a medida em cada card.

  2. Relação de itens ao vivo

    Cada peça desenhada vira uma linha. A quantidade é livre: desenha 2 puffs e orça 6.

  3. Pedido com contexto

    Datas de entrega e retirada, dados do evento e o quadro vão junto para o time.

  4. Quadro em escala real

    Uma mesa de 2,40 m entra maior que uma almofada. Arrastar, girar, espelhar e alinhar.

  5. Páginas por espaço

    Lounge, buffet, cerimônia: uma página para cada ambiente, e a relação soma todas.

  6. Salvar, PDF e compartilhar

    PDF com uma folha por página e link só para leitura, para quem decide junto.

  7. Ferramentas do quadro

    Texto, formas, cor de fundo e formato da folha, com desfazer e refazer.

SaídasSalvar, baixar e compartilhar pedem conta, sem perder o quadro. O orçamento também pode ser montado sem passar pelo quadro.

Painel do time

O pedido chega ao painel com a cena desenhada página por página. Ele exige login e não aparece aqui.

(07)

Resultado

Pronto para lançar, com o pedido chegando completo.

Por decisão da Suporte, nenhuma tela do cliente mostra preço: o valor vem na proposta. Cada pedido chega ao painel com o quadro, os itens e as datas.

ResultadoQuatro números e o que mudou para o cliente.
ResultadoQuatro números e o que mudou para o cliente.