Desafio

Criar uma plataforma web que se encaixasse e facilitasse o dia a dia de clientes ou possíveis clientes de lavanderia. Essas pessoas são geralmente ocupadas, vivem em locais com pouco espaço para lavar e secar as roupas e precisam de um serviço de lavagem de roupa mais eficiente e flexível.

Preparar

No início do projeto, tivemos que aprender sobre a rotina das pessoas que geralmente usam o serviço de lavanderia. Para isso, fizemos reuniões de briefing com os dono da Clean Express, o que ajudou a montar os mapas de empatia do Ricardo e do Mario.

Também fizemos benchmarks com os concorrentes da Clean Express, outras lavanderias que ofereciam serviço de compra online e delivery.

Mapa de empatia: Ricardo

Mapa de empatia: Mario

Filtrar

Depois de termos conhecido mais sobre a operação da Clean Express e sobre o perfil de clientes e possíveis clientes, começamos a rabistar opções de soluções.

O principal desafio foi induzir o cliente à compra recorrente e explicar todo o processo de retirada, entrega e pagamento.

As nossas personas tem vidas ocupadas, por trabalharem em cidades grandes e tem dificuldade de lavar e passar roupas, por não terem espaço para secar e tempo/habilidade para passar as roupas.

Porém, nem o Mario, nem o Ricardo usam o serviço de lavanderia frequentemente, porque não conseguem ficar levando e trazendo as roupas.

Além de não lavarem todos os tipos de roupas na lavanderia, priorizando as roupas mais difíceis de lavar e passar, como camisas sociais e ternos

Usando como base as características das personas, desenhamos uma landing page e um fluxo de checkout diferente de um fluxo tradicional de e-commerce.

A landing page tinha o objetivo de fazer com que potenciais clientes vissem se a lavanderia atendia a região deles e colher informações sobre os clientes não atendidos.

Wireframe: Landing page

Caso a região fosse atendida, o cliente entraria no fluxo de checkout, onde poderia selecionar cestos de roupas pré-montados, simular o seu uso de roupa ou responder algumas perguntas para receber recomendações de cestos de roupa personalizados.

Todo o fluxo foi pensado para dar suporte à decisão do cliente, mesmo se ele nunca tivesse usado o serviço de lavanderia ou se nunca tivesse lavado roupa sozinho.

Wireframe: Página do fluxo de cadastro

Com os wireframes terminados, já tínhamos uma ideia da estrutura das páginas, do fluxo de navegação e do conteúdo. Esse processo nos ajudou na fase de refinar, onde fizemos a criação dos mockups interativos da páginas.

Refinar

Depois de filtrar as possibilidades e criar os wireframes, começamos a desenhar os mockups interativos, definindo aspectos visuais como formas, cores e tipografia.

Transportamos a identidade visual da Clean Express para a landing page e para o fluxo de checkout, de forma a apresentar uma experiência fluida e consistente.

Mockup: Landing page

Mockup: Página do fluxo de cadastro

Nesse projeto, a 7bits não foi contratada para fazer testes de usabilidade e dar manutenção para o processo de melhoria contínua.

Nós apenas assessoramos o processo de desenvolvimento dos mockups interativos desenhados.

Gabriel Sá e Farias

Designer de Produto e fundador da 7bits (https://7bits.cc), uma consultoria especializada em UX/UI design
Publicado em . Atualizado em 12/12/2017