Quick Market
Do Acadêmico ao High-Fidelity: A Evolução de uma Interface de Consumo em Grupo
Contexto
O Quick Market é uma solução de interface desenhada para resolver o caos das compras em grupo. Seja para um churrasco entre amigos ou uma festa surpresa, o app centraliza a lista de compras, o chat e a divisão de custos.
Este projeto nasceu em 2016 como um desafio acadêmico e foi completamente reconstruído em 2025. O foco desta atualização foi aplicar padrões contemporâneos de UI Design, acessibilidade e uma arquitetura de informação mais fluida.
O Problema
Compras em grupo geralmente são fragmentadas entre três apps: WhatsApp (conversa), Notas (lista) e Splitwise (divisão).
A fricção
A perda de informação entre essas plataformas gera estresse, erros nos cálculos e esquecimento de itens.
O objetivo
Criar um ecossistema único que unifica a jornada: do planejamento à prestação de contas.
Benchmarking & Referências Visuais
Para construir a nova interface, analisei os pontos fortes e as fricções de players estabelecidos:
Referência em taxonomia e categorias, mas com excesso de ruído visual (pop-ups e avaliações).
Excelente lógica de cálculo, porém com interface datada e anúncios que interrompem o fluxo.
O padrão ouro em rapidez de comunicação, mas ineficiente para gestão de inventário e privacidade de dados financeiros.
Arquitetura e Ideação
O redesenho priorizou a economia cognitiva, organizando a jornada do usuário em 4 fluxos essenciais:
1. Onboarding
2. Shopping Flow
Cadastro simplificado.
Seleção de itens e gestão da lista colaborativa.
3. Checkout
4. Split
Fluxo de pagamento integrado.
Divisão inteligente e transparente do valor final.
Funcionalidades de Destaque
Comunicação Contextual
Diferente de um chat comum, aqui a conversa acontece dentro do evento. Os participantes visualizam o status da lista ("Alguém já pegou o carvão?") em tempo real, evitando compras duplicadas.
Registro Híbrido (On/Off)
A interface permite o registro de compras feitas fora do app via upload de comprovante, convertendo automaticamente a imagem em dados de gasto para o grupo através de OCR (reconhecimento óptico).
Transparência Financeira
Um dashboard limpo que responde instantaneamente: Quem pagou o quê? Quanto eu devo? Quem me deve?
Design System
Como o briefing original fornecia apenas o logotipo, desenvolvi um Design System escalável do zero.
Tokens
Cores
Paleta principal
Chalet Green 600
HEX #507140
Shark 900
HEX #1F1E20
Shark 50
HEX #FAF9F9
Paleta secundária
Shark 200
HEX #E6E5E6
Shark 700
HEX #424144
Fuchsia Pink 600
HEX #D12FBE
Picton Blue 50
HEX #F0FAFF
Picton Blue 400
HEX #2EC1F2
Chalet Green 100
HEX #E2EBDC
Buttercup 400
HEX #F2B02E
Flamingo 500
HEX #F25B2E
Mexican Red 800
HEX #9C2323