Sobre a Yuca

A Yuca é uma startup de moradia como serviço. Nossa missão é revolucionar a vida de quem mora na cidade e, para isso, oferecemos aluguel descomplicado com apartamentos prontos para morar.

Processo

Para a solução do problema foi escolhido o Design Thinking. Seguindo das etapas de descobrir, definir, elaborar e entregar. No processo foi utilizado o diamante duplo para alinhar as entregas.

Problema

Descobrir o porque os jovens não optam pelo coliving.

O que foi utilizado?

  • Pesquisa quantitativa
  • Mapa de empatia
  • Teste de Usabilidade
  • Pesquisa qualitativa
  • Grid de priorização
  • Personas
  • Moodboard
  • Wireframes
  • Referências

Desk Research

Print da matéria do G1 sobre classes sociais
G1 - Economia "O afluxo às grandes cidades continua a crescer, levando ao aumento dos preços dos imóveis e da demanda por habitação de um custo mais acessível."
Print da matéria do Estadão sobre colivings
Estadão "Custo baixo e contato social dão impulso a colivings em São Paulo (...) Após evasão nos primeiros meses de pandemia empreendimentos de espaços compartilhados voltam a atrair moradores com desejo de conhecer gente."
Print da matéria do Estadão Imóveis sobre moradia
Estadão Imóveis "O sentimento de solidão aumentou muito durante a pandemia e formatos de compartilhamento de espaço como o coliving vieram para suprir o lado da moradia solitória que o apartamento oferece"

Direcionamentos da Pesquisa Quantitativa

Para a pesquisa qualitativa busquei pessoas que fossem semelhantes às personas. Também busquei pessoas que estivessem buscando sair de casa ou querendo mudar de cidade. Utilizando um questionário estruturado, foi possível chegar nos resultados abaixo.

Ilustração de um relatório com gráficos e um alvo.

Proto-Personas

Avatar do Caio

Caio

28 anos - Marketeiro

"Quero morar em São Paulo porém eu ainda preciso fazer um planejamento para alcançar essa meta."
"Sim! Combinei com a minha namorada porém é complicado, tentei incentivar mais 2 amigos meus também."
"Eu acho que o coliving seria perfeito para entender mais como é morar (mesmo de forma temporária) em um cidade diferente."
Avatar de Andrius

Andrius

29 anos - Programador

“Provavelmente eu usaria o coliving, mas como algo bem temporário, com uma estadia em outra cidade ou país.”
“Optei pelo aluguel para sair de casa, por achar que combina mais comigo. Ainda prefiro a minha privacidade.”
“Moro sozinho, mas sempre que posso tô chamando alguém pra dividir o home office comigo”
“Gosto de morar por aqui, mas a ideia de viver em outro país ainda me assusta um pouco — solidão e etc.”
"Ainda não quero comprar um imóvel, apesar de ter vontade. A área de tecnologia acaba proporcionando propostas para outros países."
Avatar de Vanessa

Vanessa

27 anos - Estudante

"Queria sair de casa logo, porém ainda não tenho estabilidade financeira."
"Provavelmente moraria com as minhas amigas. Morar sozinho hoje em dia é ruim, muito pelo preço de tudo."
"Já tinha ouvido falar sobre coliving, e até tive uma amiga que morou por um tempo (...), mas as regras eram bem rígidas."

Prévia da Pesquisa Qualitativa

Depois de refinar as necessidades e dores. A Pesquisa qualitativa mostrou com clareza as reais necessidades do nosso público. Foi possível chegar nesse resultado:

Grid de Priorização

Após reunir uma quantidade significativa de dados e ideias, foi essencial aplicar um Grid de Priorização. Esta ferramenta nos permitiu avaliar e classificar as funcionalidades e problemas identificados com base em dois critérios principais: o impacto no usuário e a complexidade de implementação. Dessa forma, pudemos focar nos pontos mais críticos e com maior valor para o projeto, garantindo um desenvolvimento eficiente e direcionado às reais necessidades dos usuários.

Grid de Priorização com impacto vs esforço

UI Design

Com base na pesquisa podemos criar nossos primeiros passos em UI com os processos abaixo:

Moodboard

Moodboard do projeto para mobile (tema claro) Moodboard do projeto para mobile (tema escuro)

Estrutura e Grid Responsivo

Para garantir consistência, alinhamento e uma experiência de usuário fluida em todas as plataformas, o design foi construído sobre um sistema de grid flexível. Adotamos um layout de 12 colunas para desktop, que se adapta para 8 colunas em tablets e 4 colunas em dispositivos móveis, assegurando que o conteúdo seja sempre organizado e legível. Todo o espaçamento foi baseado em um grid de 8pt, garantindo ritmo e harmonia visual entre os componentes.

Demonstração do grid responsivo em desktops, tablets e celulares

Wireframes em Baixa Fidelidade

O processo começou com a criação de wireframes de baixa fidelidade para estruturar as informações e definir o fluxo de navegação principal. O foco nesta etapa foi puramente na funcionalidade e na hierarquia do conteúdo, sem distrações visuais.

Style Guide

Abaixo estão os principais componentes visuais que definem a identidade do projeto, construídos com código. Passe o mouse sobre os botões, para ver os efeitos.

Tipografia

Gilroy

Headline 1 - 60px

Headline 2 - 48px

Headline 3 - 36px

Headline 4 - 24px

Cores

#001716
#09AD70
#742794
#FF650E

Botões

Ícones

Ícone de Busca Ícone de Busca
Ícone de Cama Ícone de Cama
Ícone de Chuveiro Ícone de Chuveiro
Ícone de Área Ícone de Área
Ícone de Pet Ícone de Pet
Ícone de Localização Ícone de Localização
Ícone de Coração Ícone de Coração
Ícone de Compartilhar Ícone de Compartilhar
Ícone do Instagram Ícone do Instagram
Ícone do Facebook Ícone do Facebook
Ícone do LinkedIn Ícone do LinkedIn
Ícone do WhatsApp Ícone do WhatsApp

Wireframes em Alta Fidelidade

Evoluindo da estrutura de baixa fidelidade, os wireframes de alta fidelidade aplicam a camada visual completa do projeto. Aqui, cores, fontes, ícones e componentes são integrados para simular com precisão a experiência final do usuário, validando o design e preparando para o desenvolvimento.

Preview em Vídeo

Figma

Fale Comigo!

Se você tem uma ideia, uma vaga ou só quer trocar uma figurinha, me manda uma mensagem.