Visão geral
Este é um projeto de estudo: não há cliente nem métricas de negócio. O foco aqui é a qualidade da interface.
O produto
Homekey é um app de locação que conecta inquilinos a proprietários com uma experiência simples e moderna.
Meu papel
UI Designer: identidade visual, design system e o desenho de todas as telas do aplicativo.
O escopo
Interface iOS completa: onboarding, autenticação, busca com filtros, resultados, mapa, favoritos e perfil.
O foco
Uma interface limpa, com laranja vibrante de marca e hierarquia clara para decisões de busca rápidas.
O Homekey na mão: a tela de detalhe do imóvelO produto
Um lar a poucos toques
Buscar imóvel é cheio de variáveis. O Homekey organiza tudo numa interface que não intimida, do primeiro acesso à lista de resultados.
Objetivo
O desafio de interface
Traduzir uma jornada cheia de filtros e decisões numa experiência visual leve, intuitiva e consistente em todas as telas.
Clareza
Hierarquia tipográfica e espaçamento que guiam o olho sem esforço.
Consistência
Um sistema de componentes reutilizáveis para toda a jornada.
Personalidade
O laranja de marca como âncora visual e de ação, sobre uma base neutra.
O sitemap do app: a jornada mapeada antes das telasIdentidade visual
A cara do Homekey
Uma paleta enxuta ancorada no laranja de marca, tipografia legível e um sistema visual coeso.
Cores e tipografia: a base da identidadeDesign system
Componentes reutilizáveis
Cards de imóvel, chips de filtro, botões e inputs construídos como um sistema: a base que mantém as telas consistentes.
Ícones, botões, cards e a grade de layout, num painel sóAs telas
A interface, tela a tela
Da abertura do app à lista de imóveis, a jornada completa desenhada com o mesmo sistema visual.
Decisões de UI
Escolhas de interface
Pequenas decisões visuais que tornam a busca mais fluida.
Filtros que respiram
Chips selecionáveis e bottom sheets no lugar de um formulário longo: o usuário filtra sem sair do contexto.
Preço com contexto
O slider de preço traz um histograma da distribuição de imóveis, ajudando a decidir a faixa.
Estados com propósito
Telas vazias (favoritos, alertas) que orientam a próxima ação em vez de deixar o usuário perdido.
Aprendizados
O que levo desse projeto
Sistema antes de tela
Definir cores, tipografia e componentes primeiro fez cada tela nova sair mais rápido e consistente.
O laranja como guia
Reservar a cor de marca para ações e destaques deu ritmo visual e clareza de hierarquia.
Detalhe importa
Microdecisões (chips, sliders, estados vazios) são o que faz a interface parecer cuidada.
Ficha técnica
- Tipo de projeto
- Projeto de estudo: app de locação de imóveis para iOS
- Ano
- 2024
- Papel no projeto
- UI Designer, em projeto individual
- Status
- Projeto de estudo, desenvolvido como exercício do curso UI Expert
