Voltar
Spark · Product Design · 2026

Chat
Redesign.

A Spark tem o chat como ponto central da relação creator–fã — e ele quebrava padrões que 95% dos usuários mobile já aprenderam com Instagram, WhatsApp e Telegram.

Product Design UX/UI Spark 2026
Meu papel
Product Designer
Estudo autoral — identificação de problemas, análise e redesenho completo.
Tipo
Estudo de Caso
Projeto individual desenvolvido como exercício de análise e redesign.
Problema

Um chat que
pedia redesign.

Com mais de 95% dos usuários acessando via mobile, qualquer desvio do comportamento esperado num chat tem impacto direto na experiência. O chat da Spark tinha seis problemas que afetavam creators e assinantes — desde decisões de layout que desperdiçavam espaço até comportamentos que destoavam do padrão de mercado.

01
Botão Enviar superdimensionado
Ocupava toda a largura da tela mesmo sem texto digitado — desperdiçando espaço e dando peso excessivo a uma ação contextual.
02
Sem separação visual no input
Campo de digitação sem borda ou divisor — sem distinção visual entre área de composição e histórico de conversa.
03
Excesso de ícones na toolbar
7 ícones expostos simultaneamente com tamanho e espaçamento excessivos — gerando poluição visual e dificultando identificação das ações.
04
Funcionalidades enterradas
GIF, Gift e Solicitar mídias escondidos num segundo nível de navegação — reduzindo a descoberta e o uso dessas funcionalidades.
05
Emoji picker fora do padrão mobile
Modal próprio que substituía o teclado nativo, sobrepondo a conversa e impedindo digitação simultânea. Comportamento oposto ao Instagram, WhatsApp e Telegram.
06
Galeria de GIFs com área insuficiente
Faixa estreita exibindo apenas 2 GIFs por vez — scroll vertical dentro da faixa, experiência lenta e visualmente quebrada.
Hipóteses

O raciocínio
antes da solução.

Três hipóteses guiaram o redesign — a última vai além do design e identifica um erro de lógica de produto.

H1
Padrão mobile existe por um motivo
Instagram, WhatsApp e Telegram convergiram para os mesmos padrões de chat porque eles funcionam. Alinhar a Spark a esses padrões reduziria a curva de aprendizado e aumentaria o engajamento.
H2
Menos é mais na toolbar
7 ícones expostos não aumentam o uso das funcionalidades — ao contrário, criam paralisia visual. Uma toolbar mais limpa elevaria o uso das ações realmente importantes.
H3
Gift na visão Creator é erro de produto
O fluxo de Gift é unidirecional: assinantes enviam para creators. Manter a opção de enviar Gift na toolbar do creator não é problema de design — é erro de lógica de negócio. Removê-la é correção, não simplificação.
Solução

Chat alinhado
ao padrão mobile.

As soluções foram organizadas por área de impacto — cada uma resolvendo um problema específico sem criar novos. O princípio guia: o chat deve se comportar como o usuário já espera que um chat se comporte.

Toolbar
Input compacto e contextual
Botão de envio substituído por ícone de seta à direita do campo — só ativo com conteúdo digitado. Área de input com fundo diferenciado. Altura reduzida de 180px para 117px.
Ícones
Toolbar revisada e enxuta
Ícones redimensionados, espaçamento ajustado. Menu "..." removido da visão Creator. Gift removido — ação que não faz sentido no modelo de negócio da funcionalidade.
Emojis
Unificados no padrão nativo
GIF e Emoji unificados num único ícone de sticker. Teclado nativo do dispositivo substituiu o modal próprio — sem sobreposição da conversa.
GIFs
Grid expandido de 2 colunas
Faixa estreita substituída por grid completo — múltiplos GIFs visíveis simultaneamente, com barra de pesquisa e tab switcher Emojis/GIFs.
Toolbar e botão Enviar — antes e depois
Toolbar redesenhada — comparativo Creator e Assinante
Emojis e GIFs — teclado nativo
Emoji e GIF unificados — teclado nativo
Galeria de GIFs — grid expandido
Galeria de GIFs — grid de 2 colunas
Impacto esperado

Menos fricção,
mais engajamento.

O redesenho cobre as visões de Creator e Assinante — com ajustes específicos para cada perfil, respeitando as diferenças de ações disponíveis em cada contexto. A validação viria de métricas de uso do chat antes e depois: frequência de uso de emojis e GIFs, tempo de composição de mensagem e taxa de abandono do fluxo.

Aprendizado central
Às vezes o melhor design é o que o usuário já conhece. Alinhar ao padrão de mercado não é falta de criatividade — é respeito pelo modelo mental de quem usa. Identificar que o Gift na toolbar do Creator era um erro de produto, não de design, foi a decisão mais importante desse estudo.
Outros projetos
UX Research · 2026
Fast Shop
Redesign
UX Research · Benchmarking · UI
UX Study · 2026
Cury
Estudo
Construtora · UX · Redesign
Product Design · 2026
wave.bio
Link in bio · Conceito · Pesquisa