Estudo de Interface - Yuca
O projeto de estudo para Yuca parte da formação para o curso de UX/UI da Ebac.
É um projeto de co-living (moradia compartilhada), onde seus usuários optam por alugar imóveis já mobiliados, que já podem estar habitados por outros usuários ou com opções de locação individuais/família.
O grande diferencial da YUCA são as localizações dos imóveis, perto de centros comerciais, as principais avenidas, linhas de metrô e terminais de ônibus próximos.
O grande diferencial da YUCA são as localizações dos imóveis, perto de centros comerciais, as principais avenidas, linhas de metrô e terminais de ônibus próximos.
A desk research traz a questão: "Por que os usuários não concluem a contratação no site da YUCA?".
The study project for Yuca is based on the Ebac UX/UI course. It is a co-living project, where users choose to rent furnished properties that may already be inhabited by other users or with individual/family rental options. The great advantage of YUCA is the location of the properties, close to shopping centers, main avenues, subway lines, and bus terminals. Desk research raises the question: “Why don't users complete the contract on the YUCA website?”
A pesquisa qualitativa e quantitativa levantou as seguintes problemáticas:
• Dentro dos 10 participantes entrevistados, a maioria não sabia do que se tratava o termo co-living;
• O fator econômico seria um decisor para optar por moradia compartilhada;
• Parte dos entrevistados (de 28 a 40 anos) se mostrou pouco aberta a compartilhar seu espaço com desconhecidos;
• Foi observado que os entrevistados ainda prefere morar em um lugar agradável a uma opção perto do seu local de trabalho.
• O fator econômico seria um decisor para optar por moradia compartilhada;
• Parte dos entrevistados (de 28 a 40 anos) se mostrou pouco aberta a compartilhar seu espaço com desconhecidos;
• Foi observado que os entrevistados ainda prefere morar em um lugar agradável a uma opção perto do seu local de trabalho.
The qualitative and quantitative research raised the following issues:
• Among the 10 participants interviewed, most did not know what the term co-living meant;
• The economic factor would be a deciding factor in choosing shared housing;
• Some of the interviewees (aged 28 to 40) were not very open to sharing their space with strangers;
• It was observed that interviewees still prefer to live in a pleasant place rather than somewhere close to their workplace.
• Among the 10 participants interviewed, most did not know what the term co-living meant;
• The economic factor would be a deciding factor in choosing shared housing;
• Some of the interviewees (aged 28 to 40) were not very open to sharing their space with strangers;
• It was observed that interviewees still prefer to live in a pleasant place rather than somewhere close to their workplace.
Com os dados analisados, foi criado um mood board com o conceito "fluído", pensando em um público que não segue um padrão, que está sempre em busca de novas experiências, tendências, aberto para o diferente, inusitado, divertido, exclusivo.
With the data analyzed, a mood board was created with the concept of “fluid,” thinking of an audience that does not follow a pattern, that is always looking for new experiences and trends, open to the different, unusual, fun, and exclusive.
Sketches para a interface.
O UI Kit foi desenvolvido pensando em solucionar problemas de acessibilidade e criando um padrão visual alinhado ao manual de identidade visual da Yuca.
A tipografia tem uma boa legibilidade, suas variações permitem que haja uma padronização entre o título, o corpo do texto e os botões.
Os ícones pictográficos, trazem um corte superior e lateral para criar um unidade visual com o logo da Yuca e os botões.
Os botões utilizam do elemento gráfico do logo da Yuca.
A tipografia tem uma boa legibilidade, suas variações permitem que haja uma padronização entre o título, o corpo do texto e os botões.
Os ícones pictográficos, trazem um corte superior e lateral para criar um unidade visual com o logo da Yuca e os botões.
Os botões utilizam do elemento gráfico do logo da Yuca.
The UI Kit was developed with the aim of solving accessibility issues and creating a visual standard aligned with Yuca's visual identity manual.The typography is easy to read, and its variations allow for standardization between the title, body text, and buttons.The pictographic icons feature a top and side cut to create visual unity with the Yuca logo and buttons.The buttons use the graphic element of the Yuca logo.
A identidade visual:
• Paleta violeta, branco, azul ciano e verde neon;
• Imagem de destaque de uma mulher negra;
• Mensagem positiva sobre o serviço;
• Passos para compreender o serviço de forma simples e direta;
• Pictografia.
• Paleta violeta, branco, azul ciano e verde neon;
• Imagem de destaque de uma mulher negra;
• Mensagem positiva sobre o serviço;
• Passos para compreender o serviço de forma simples e direta;
• Pictografia.
A interface é dividida em 4 etapas, com uma seção expansível com uma diálogo humorístico entre uma planta e o usuário.
Temos a estrutura:
• Header + Menu;
• Etapa 1: Pronto para morar;
• Etapa 2: Sempre bem localizado;
• Etapa 3: Melhor compartilhado;
• Call to action para todas as seções.
• Header + Menu;
• Etapa 1: Pronto para morar;
• Etapa 2: Sempre bem localizado;
• Etapa 3: Melhor compartilhado;
• Call to action para todas as seções.
Visual identity:
• Violet, white, cyan blue, and neon green color palette;
• Featured image of a black woman;
• Positive message about the service;
• Steps to understand the service in a simple and straightforward way;
• Pictography.
The interface is divided into four steps, with an expandable section featuring a humorous dialogue between a plant and the user.
We have the structure:
• Header + Menu;
• Step 1: Ready to move in;
• Step 2: Always well located;
• Step 3: Better shared;
• Call to action for all sections.
• Violet, white, cyan blue, and neon green color palette;
• Featured image of a black woman;
• Positive message about the service;
• Steps to understand the service in a simple and straightforward way;
• Pictography.
The interface is divided into four steps, with an expandable section featuring a humorous dialogue between a plant and the user.
We have the structure:
• Header + Menu;
• Step 1: Ready to move in;
• Step 2: Always well located;
• Step 3: Better shared;
• Call to action for all sections.
Obrigada!
Designer/aluna: Karen Eloise Shimoda.
Softwares utilizados: Illustrator, Photoshop e Figma.
Designer/aluna: Karen Eloise Shimoda.
Softwares utilizados: Illustrator, Photoshop e Figma.