PT | EN

About Yuca

Yuca is a housing-as-a-service startup. Our mission is to revolutionize the lives of those living in the city, and to achieve this, we offer uncomplicated rentals with apartments ready to move in.

Process

To solve the problem, Design Thinking was chosen. Following the steps of discover, define, develop, and deliver. In the process, the Double Diamond was used to align deliveries.

The Problem

Discover why young people are not opting for coliving.

Tools Used

  • Quantitative Research
  • Empathy Map
  • Usability Testing
  • Qualitative Research
  • Prioritization Grid
  • Personas
  • Moodboard
  • Wireframes
  • Benchmarks

Desk Research

Print of G1 article about social classes
G1 - Economics "The influx to large cities continues to grow, leading to rising property prices and demand for more affordable housing."
Print of Estadão article about colivings
Estadão "Low cost and social contact boost colivings in São Paulo (...) After evasion in the first months of the pandemic, shared space ventures attract residents wishing to meet people again."
Print of Estadão Imóveis article about housing
Estadão Imóveis "The feeling of loneliness increased greatly during the pandemic, and space-sharing formats like coliving came to supply the side of solitary living that apartments offer."

Quantitative Research Directions

For the qualitative research, I sought people who were similar to the personas. I also looked for people who were looking to leave home or wanting to move cities. Using a structured questionnaire, it was possible to reach the results below.

Illustration of a report with charts and a target

Proto-Personas

Avatar of Caio

Caio

28 years old - Marketer

"I want to live in São Paulo, but I still need to plan to achieve this goal."
"Yes! I agreed with my girlfriend but it's complicated, I tried to encourage 2 more friends of mine too."
"I think coliving would be perfect to understand more what it's like to live (even temporarily) in a different city."
Avatar of Andrius

Andrius

29 years old - Developer

“I would probably use coliving, but as something very temporary, with a stay in another city or country.”
“I chose to rent to leave home, because I think it suits me better. I still prefer my privacy.”
“I live alone, but whenever I can I'm calling someone to share the home office with me.”
“I like living around here, but the idea of living in another country still scares me a bit — loneliness, etc.”
"I don't want to buy a property yet, although I want to. The technology area ends up providing offers for other countries."
Avatar of Vanessa

Vanessa

27 years old - Student

"I wanted to leave home soon, but I still don't have financial stability."
"I would probably live with my friends. Living alone nowadays is bad, mostly because of the price of everything."
"I had already heard about coliving, and even had a friend who lived for a while (...), but the rules were very strict."

Qualitative Research Preview

After refining needs and pains, qualitative research clearly showed the real needs of our audience. It was possible to reach this result:

Prioritization Grid

After gathering a significant amount of data and ideas, it was essential to apply a Prioritization Grid. This tool allowed us to evaluate and classify the identified features and problems based on two main criteria: user impact and implementation complexity. In this way, we could focus on the most critical points with the highest value for the project, ensuring efficient development directed at real user needs.

Prioritization Grid with impact vs effort

UI Design

Based on the research, we can create our first steps in UI with the processes below:

Moodboard

Project Moodboard for mobile (light theme) Project Moodboard for mobile (dark theme)

Structure and Responsive Grid

To ensure consistency, alignment, and a fluid user experience across all platforms, the design was built on a flexible grid system. We adopted a 12-column layout for desktop, adapting to 8 columns on tablets and 4 columns on mobile devices, ensuring that content is always organized and readable. All spacing was based on an 8pt grid, ensuring rhythm and visual harmony between components.

Responsive grid demonstration on desktop, tablet, and mobile

Low-Fidelity Wireframes

The process began with the creation of low-fidelity wireframes to structure information and define the main navigation flow. The focus at this stage was purely on functionality and content hierarchy, without visual distractions.

Style Guide

Below are the main visual components that define the project's identity, built with code. Hover over the buttons to see the effects.

Typography

Gilroy

Headline 1 - 60px

Headline 2 - 48px

Headline 3 - 36px

Headline 4 - 24px

Colors

#001716
#09AD70
#742794
#FF650E

Buttons

Icons

Search Icon Search Icon
Bed Icon Bed Icon
Shower Icon Shower Icon
Area Icon Area Icon
Pet Icon Pet Icon
Location Icon Location Icon
Heart Icon Heart Icon
Share Icon Share Icon
Instagram Icon Instagram Icon
Facebook Icon Facebook Icon
LinkedIn Icon LinkedIn Icon
WhatsApp Icon WhatsApp Icon

High-Fidelity Wireframes

Evolving from the low-fidelity structure, high-fidelity wireframes apply the complete visual layer of the project. Here, colors, fonts, icons, and components are integrated to accurately simulate the final user experience, validating the design and preparing for development.

Video Preview

Figma

Talk to Me!

If you have an idea, a job opportunity, or just want to chat, send me a message.