TM-2026 ▪ Projetos ▪ Out of Box
03
Out of Box
E-commerce
PAL
Out of Box
E-commerce de arte para um nicho sem loja especializada, guiado por pesquisa com usuários.
▲ Guiado por pesquisa com usuários
Dispositivo
Web & Mobile
Plataforma
B2C
Período
2023 — 2024
TM-003 ▪ SLUS
B2C
■ Case 03 — Out of Box
Out of Box
Site de arte para design de interiores, com foco em decorações abstratas e minimalistas.
Um projeto para amantes de arte minimalista, esculturas e pinturas abstratas. A ideia era um site que destacasse a estética e o conceito da arte, para não ser só uma loja de quadros, mas uma referência.
Cargo
Product Designer
Atuação
Pesquisa, interação, UI, protótipo e testes
Período
Jan 2023 — 2024
Plataforma
B2C · Web e mobile
Abrir no figma
■ Entendendo o produto
Pesquisa inicial
Conduzi um desk research para entender tendências, necessidades e concorrentes, pesquisei o perfil de usuário e entrevistei pessoas do nicho em que o conceito seria aplicado.
104%
foi o crescimento de busca por “decoração industrial”, tendência no Pinterest em 2021.
92%
das pessoas que procuram esse tipo de loja disseram que é difícil achar um site especializado.
Principal problema
Falta de um site especializado nesse tipo de arte.
■ Personas
Para quem desenhamos
Persona
Juliana Corsel
Juliana Corsel, 27 anos
“Adoro arte minimalista, principalmente a abstrata e a industrial. A essência que esse tipo de arte exala é muito profunda.”
Motivações
▪ Melhorar o ambiente da casa
▪ Inspiração para trabalhar
Frustrações
▪ Falta de locais especializados
▪ Difícil achar um estilo específico
Persona
Joana
Joana, 25 anos
“Quero ter inspiração todos os dias para o meu trabalho, e nada melhor do que o meu tipo de arte favorito.”
Motivações
▪ Casa mais moderna
▪ Inspiração para trabalhar
Frustrações
▪ Falta de locais especializados
▪ Precisa perguntar a conhecidos como cuidar
■ Tipografia
Construção e estilização do conteúdo
Inconsolata
Fonte
Aa Inconsolata
Textos grandes e listagem de itens, trazendo o ar artístico e minimalista.
H1
64px · Bold
H2
52px · SemiBold
H3
40px · Medium
Montserrat
Fonte
Aa Montserrat
Textos corridos e legendas, pela variedade de pesos.
bodyLG
28px · Regular
bodyMD
24px · Regular
bodySM
20px · Regular
bodyXSM
16px · Regular
■ Paleta de cores
Cores e tokens
Preto
#202020
color/brand/primary/text/black
Amarelo detalhe
#FFBD14
color/brand/evidence/yellow
Cinza
#C4C4C4
color/img/bg/primary/grey
Branco
#FFFFFF
color/bg/primary/white
O preto dá seriedade em textos e linhas, o amarelo destaca ícones relevantes, o cinza aparece só em fundos com imagem e o branco traz leveza.
■ Telas — desktop e mobile
Do layout ao fechamento de pedido
Desktop — 1080px
Mobile — 360px
Detalhe do produto
■ Resultado
Uma loja para quem não achava onde comprar
A procura por artes desse nicho cresceu, e os clientes elogiaram a loja por reunir estilos que se complementam, algo que antes eles procuravam e não encontravam.
