← Trabalho
■ 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
Projeto 03 · Out of Box
▲ Guiado por pesquisa com usuários
■ 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
Textos grandes e listagem de itens, trazendo o ar artístico e minimalista.
H1 — 64px · Bold
H2 — 52px · SemiBold
H3 — 40px · Medium
Montserrat
Fonte
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.