← Voltar aos estudos
Estudo de web design / WAYSETEstudo interativo

Uma mala para o dia.
Uma loja que ajuda a escolher.

Um estudo de web design para uma marca fictícia de malas. Compare o mesmo catálogo, agora com mais informação nos produtos e um guia interativo para escolher.

Negócio fictício · Demonstração interativa

01 / O negócio

Começar pelo negócio.

O negócio

Eva trata da informação dos produtos e das perguntas dos clientes; Tomás prepara encomendas duas vezes por semana. A marca fictícia de Lisboa tem três malas para freelancers e quem se desloca pela cidade: Daypack 16 (98 €), Cross Tote 10 (74 €) e Pocket 02 (32 €). Mercado inicial: Portugal e Espanha continentais.

Onde surge o problema

A loja precisa de responder a três perguntas antes da compra: cabe o portátil, o que consigo levar e quanto custam os portes?

Como funcionava antes

Uma loja funcional, com a mesma marca, fotografias, produtos, preços e políticas. Já há conselhos sobre medidas e informação sobre portes. O visitante compara as dimensões dos compartimentos por si; os cartões dos produtos têm menos informação.

O que define um resultado útil

Uma loja com medidas nos cartões dos produtos, um guia para verificar se o portátil cabe e portes junto às opções de compra.

O que importava neste caso

O tamanho do ecrã não chega.

Dois portáteis de 14 polegadas podem ter medidas diferentes. O guia compara o comprimento, a largura e a espessura com cada compartimento.

Três produtos fáceis de comparar.

A capacidade e as medidas aparecem junto de cada mala. A bolsa pequena cabe dentro das duas malas maiores.

Os pormenores da compra, no sítio certo.

Os portes aparecem junto às opções de cor e quantidade. As duas versões usam as mesmas regras de stock e envio.

02 / A melhoria

Ver o que mudou.

Comparação manual de medidas

Um guia interativo

Introduza as medidas do portátil e o que costuma levar. O guia compara esses dados com os limites de cada mala.

Medidas na ficha de produto

Medidas nos cartões dos produtos

Compare os compartimentos sem ter de abrir cada produto.

Portes na secção de envios e no saco

Portes junto às opções do produto

Os mesmos valores de 6 € / 9 € e o envio gratuito a partir de 150 € também aparecem junto à cor e à quantidade na versão melhorada.

Experimentar o resultado ↗

03 / O resultado

Experimente o resultado.

Comece pelo guia para o portátil. Depois, compare os cartões dos produtos e o percurso de compra nas duas versões.

Abrir a demonstração completa ↗

Experimente aqui ou abra a demonstração com mais espaço.

WAYSET · Depois

A moldura adapta-se à largura disponível. Abra a página completa para ver a versão de computador sem limites. Mudar de versão repõe os dados não guardados da demonstração.

Produtos fictícios e imagens de produto geradas por IA. Este estudo de web design simula compras; não cria encomendas nem pagamentos.

O que gostaria
de simplificar?

Conte-me uma tarefa. Podemos falar dos pormenores por email.

Conte-me o que quer melhorar ↗