top of page
cabecalho copy.png

tons&tramas

Mobile • Desktop • Responsivo • User Interace

Tons&Tramas é uma marca de personalização de blusas de moletom, que tem um público jovem adulto, geralmente da faculdade ou profissionais em início de carreira. O objetivo é que o usuário tenha uma compra personalizada, rápida e divertida.

📄 Clique para ver o estudo de caso completo.

Pesquisa

O processo de pesquisa foi conduzido com um público variado de 19 até 46 anos residentes da cidade de São Paulo que geralmente compram online.

Conduzi entrevistas com usuários, que depois transformei em mapas de empatia para entender melhor o usuário-alvo e suas necessidades. Descobri que muitos usuários-alvo tratam as compras on-line como uma atividade divertida e relaxante quando precisam de uma pausa da escola ou do trabalho.

No entanto, muitos sites de compras são cansativos e confusos de navegar, o que frustrou muitos usuários-alvo. Isso transformou uma experiência agradável em um desafio para eles, acabando com o propósito do relaxamento.

Etapas do design

O processo de design teve início no papel, com wireframes projetados pensando na facilidade do usuário em se cadastrar,  visualizar os produtos e suas variações. A página do produto foi pensada para tornar intuitiva a escolha da cor e da música por parte do usuário, assim como rápido acesso ao carrinho ao finalizar a personalização.

A ideia do fluxo do usuário teve como objetivo a personalização dos produtos e a estrutura que optei por implementar foi concebida com o intuito de simplificar e tornar as operações mais limpas e acessíveis.

Variações 
de telas

Eu incluí considerações para tamanhos de tela adicionais nos mockups com base em wireframes anteriores. Como os usuários compram através de diversos dispositivos, senti que era importante otimizar a experiência de navegação para uma variedade de tamanhos de dispositivos, como celular e tablet, para que os usuários tenham a melhor experiência possível.

Captura de Tela 2023-11-23 às 00.14_edited.jpg
bottom of page