Visão geral
Este é um projeto de estudo, feito dentro de um desafio público de UI, sem cliente e sem métricas de negócio.
O desafio
#desafioui10: 10 dias para criar as telas de um e-commerce, proposto por Larissa Brancalhão e Isabella Oliveira.
Meu papel
UI Design: desenhei todas as telas do fluxo de compra com foco em consistência visual e usabilidade.
O escopo
Home, categorias, detalhes do produto, filtros, carrinho, pagamento e acompanhamento do pedido.
O tema
Music House: uma loja de instrumentos musicais, com identidade escura e vibrante.
O produto
Sintonize sua jornada musical
Do primeiro acesso à finalização da compra, uma interface escura e vibrante que faz a busca por instrumentos parecer leve.
O desafio
10 dias, um fluxo inteiro
O #desafioui10 propõe telas a cada dia; o objetivo é aperfeiçoar o processo e as habilidades de design de interface, mantendo tudo coeso.
Prazo intenso
Uma tela nova a cada poucos dias exigiu decisões visuais rápidas e um sistema que escalasse.
Consistência
Cada tela precisava conversar com as anteriores: mesma grade, cor e tipografia.
Fluxo completo
Não telas soltas: uma jornada de compra ponta a ponta, do splash ao acompanhamento do pedido.
Identidade visual
A cara do Music House
Uma base escura e sofisticada com o rosa como cor de energia, o contraponto vibrante que guia ações e destaques.
Tipografia e cores: a base da identidadeAs telas
O fluxo de compra, tela a tela
Do splash ao acompanhamento do pedido, a jornada completa desenhada com o mesmo sistema visual.
Decisões de UI
Escolhas de interface
O que dá personalidade e clareza à experiência.
Escuro com propósito
O fundo navy funciona como um palco: destaca os instrumentos e dá sofisticação à vitrine.
Rosa para agir
A cor de marca fica reservada para CTAs e destaques: o olho sabe onde tocar.
Cards que vendem
Cards de produto com foto, preço e avaliação claros, otimizados para a decisão de compra.
Os elementos de interface que sustentam as telasAprendizados
O que levo desse desafio
Ritmo de entrega
10 dias ensinaram a decidir rápido sem abrir mão da consistência entre as telas.
Sistema salva tempo
Grade, cor e componentes definidos cedo aceleraram cada nova tela.
Contraste é hierarquia
O par escuro + rosa organiza a atenção e cria ritmo visual na jornada.
Ficha técnica
- Tipo de projeto
- Projeto de estudo: e-commerce de instrumentos musicais para iOS
- Ano
- 2023
- Papel no projeto
- UI Design, em projeto individual, dentro do formato do desafio
- Status
- Projeto de estudo, criado para o #desafioui10
