Caso de estudo · UX/UI Design
Rede 1/4 — Microsite de habitação acessível para estudantes da NOVA
Enquanto colaborador na Link, participei na implementação e divulgação do projecto Rede 1/4 — uma iniciativa da Universidade NOVA de Lisboa que aproxima estudantes deslocados de anfitriões com quartos disponíveis.
01 Contexto & Problema
A crise habitacional afecta directamente os estudantes deslocados
A crescente dificuldade dos estudantes deslocados em encontrar alojamento acessível e digno na Área Metropolitana de Lisboa, agravada pela escassez de oferta e pelo aumento dos preços no mercado habitacional, levou a NOVA a criar a Rede 1/4 — uma plataforma solidária e regulamentada.
O desafio de ambos os lados
Existem milhares de quartos devolutos em Lisboa cujos proprietários — muitas vezes reformados ou famílias com filhos crescidos — não sabem como ou a quem arrendar com segurança. Em simultâneo, estudantes vindos de outras cidades enfrentam uma procura caótica, sem plataformas de confiança que garantam condições justas.
A solução passou por criar um microsite intuitivo e acessível que simplificasse o processo de registo e correspondência entre estudantes e anfitriões, apoiado pela credibilidade institucional da NOVA.
02 Metodologia
Design Thinking — Double Diamond
O processo seguiu o modelo Double Diamond do Design Council — divergir para descobrir e compreender, convergir para definir e entregar. Cada fase foi informada por dados reais de utilizadores, garantindo que as decisões de design servissem as pessoas, não os pressupostos.
Identificação de Necessidades
Levantamento contextual junto de estudantes e potenciais anfitriões. Análise dos fluxos existentes e pontos de dor no processo de registo e correspondência.
Protótipos Lo-fi
Wireframes em papel e digital para validar a arquitectura de informação e os fluxos principais, antes de investir em visual design. Iteração rápida com feedback da equipa.
Protótipos Hi-fi
Protótipos de alta fidelidade em Figma com design system próprio. Componentes reutilizáveis e tokens de cor alinhados com a identidade visual do projecto.
Testes de Usabilidade
Validação dos fluxos de registo com utilizadores reais — estudantes e anfitriões. Identificação de bloqueios e optimização antes do lançamento.
Visual Design & Storyboard
Definição da linguagem visual com gradientes estratégicos: verde escuro para anfitriões, verde claro para estudantes. Storyboard dos fluxos principais.
Animação & Vetorial
Desenvolvimento vectorial dos elementos de interface e animações que reforçam a fluidez da experiência, alinhadas com as formas curvilíneas da identidade.
03 Research · Descobrir
O que os utilizadores precisam de verdade
A fase de investigação revelou que o preço, apesar de central, não era a única barreira. A confiança no processo, a clareza das condições e a facilidade de registo determinavam se um estudante ou anfitrião completava — ou abandonava — o fluxo.
A validação pela NOVA é o principal factor de confiança para ambos os perfis. Anfitriões que hesitavam confiar em estudantes desconhecidos mostravam-se disponíveis quando a universidade garantia o processo.
Proprietários com quartos disponíveis desistiam por receio de documentação complexa. A simplicidade do processo de registo foi prioridade máxima no design do microsite.
Estudantes e anfitriões têm expectativas, vocabulário e fluência digital muito diferentes. A arquitectura de informação teve de servir ambos sem criar fricção ou confusão entre perfis.
A falta de clareza sobre quem pode ser estudante ou anfitrião elegível era uma das maiores causas de abandono no registo. A informação tinha de estar visível antes de qualquer acção.
"Tenho o quarto livre há dois anos. Se a universidade garantia quem era o estudante, alugava logo — era só isso que precisava de saber."
— Anfitrião · Almada · Entrevista exploratória"Não consigo perceber se sou elegível antes de começar a preencher tudo. Desisti a meio porque não sabia se valia a pena."
— Estudante · NOVA FCSH · Teste de usabilidade04 Definir · Personas
Dois utilizadores — uma solução
O microsite serve dois perfis com motivações, fluência digital e necessidades completamente distintas. As decisões de design foram sempre avaliadas contra estes dois contextos.
Contexto
- Deslocada do Porto, ingressou no Mestrado em Comunicação
- Bolseira DGES — €210/mês de apoio à habitação
- Gere tudo no telemóvel, pouco tempo para burocracia
Objectivos
- Saber rapidamente se é elegível e o que precisa de fazer
- Encontrar quarto abaixo de €350/mês, bem localizado
- Sentir-se segura com o anfitrião antes de avançar
Frustrações
- Critérios de elegibilidade pouco claros
- Formulários demasiado longos para completar no telemóvel
- Sem confirmação de que o processo está a correr bem
Contexto
- Reformado, quarto livre desde que filho saiu de casa
- Nunca arrendou; preocupado com burocracia e risco
- Usa o computador, evita apps que não conhece
Objectivos
- Perceber exactamente o que tem de fazer, passo a passo
- Arrendar a alguém validado e de confiança
- Ter suporte claro caso surja algum problema
Frustrações
- Receio de assinar algo sem perceber as implicações
- Não sabe o que acontece depois de registar o quarto
- Linguagem técnica e jurídica cria desconfiança
05 Definir · Jornada & HMW
A jornada da Mariana — do primeiro contacto ao registo concluído
| Fase | Acções | Pensamentos | Emoção | Pontos de dor | Oportunidade de design |
|---|---|---|---|---|---|
| Consciência | Recebe divulgação da NOVA sobre a Rede 1/4 | "Pode ser a solução que procuro…" | 🤔 Curiosa | Desconhecia a existência do programa | Comunicação clara e visível sobre quem é elegível |
| Exploração | Visita o microsite no telemóvel | "Sou estudante da NOVA — posso candidatar-me?" | 😊 Esperançosa | Critérios de elegibilidade escondidos ou pouco claros | Secção "Estudantes Elegíveis" visível acima do fold |
| Registo | Preenche formulário de registo como estudante | "Há demasiados campos. Posso guardar e continuar?" | 😰 Frustrada | Formulário longo, sem progresso visível, sem guardar rascunho | Registo progressivo em passos com indicador de progresso |
| Validação | Aguarda confirmação do registo | "Ficou registado? Não recebi confirmação…" | 😟 Ansiosa | Sem feedback após submissão; incerteza sobre próximos passos | Email de confirmação imediato com resumo e timeline clara |
| Correspondência | É contactada pela equipa da Rede 1/4 | "Finalmente! Quando posso ver o quarto?" | 🎉 Aliviada | Tempo de espera indeterminado; sem actualizações proactivas | Área pessoal com estado do processo em tempo real |
Como poderíamos… (HMW)
06 Idear · Arquitectura de Informação
Dois percursos distintos, um microsite
A estrutura do microsite foi desenhada em torno dos dois perfis — estudante e anfitrião — com navegação e conteúdo claramente separados desde o primeiro momento. A homepage funciona como hub de distribuição, dirigindo cada utilizador para o percurso correcto.
07 Design System
Identidade visual com propósito estratégico
O design seguiu a identidade do logótipo da Rede 1/4 — formas curvilíneas para transmitir fluidez e acolhimento. As cores foram aplicadas como gradientes estratégicos: verde escuro para os anfitriões, verde claro para os estudantes, criando distinção imediata entre perfis.
Paleta de Cores — Rede 1/4
Princípio de diferenciação por cor
ANFITRIÃO
Verde escuro
ESTUDANTE
Verde claro
Escala Tipográfica
Forma de identidade — curvilínear
08 Resultado · Ecrãs Finais
O microsite entregue
O resultado final é um microsite com tema claro, gradientes verdes estratégicos e navegação bifurcada entre estudantes e anfitriões. Cada percurso apresenta benefícios, critérios de elegibilidade e um fluxo de registo optimizado.
09 Testar · Iterações
Testar cedo, iterar rápido
Os testes de usabilidade com estudantes e anfitriões revelaram bloqueios críticos que só utilizadores reais conseguem expor. Duas rondas de testes conduziram a iterações concretas que melhoraram significativamente a taxa de conclusão do registo.
❌ Problema identificado
Os critérios de elegibilidade para estudantes (ser de uma escola da NOVA, ter candidatura activa, ter alojamento fora do município de residência) não estavam visíveis antes do início do registo. Utilizadores preenchiam o formulário para descobrir no final que não eram elegíveis.
✅ Solução implementada
Secção "Estudantes Elegíveis" colocada acima do fold, antes de qualquer CTA de registo. Linguagem simplificada com lista de critérios clara e directa. Redução significativa de registos inválidos e de frustração no processo.
❌ Problema identificado
Anfitriões com menor fluência digital ficavam bloqueados a meio do processo de registo do quarto por não compreenderem o que era pedido em determinados campos ou por não receberem confirmação de que a submissão tinha sido recebida.
✅ Solução implementada
Adicionado feedback visual imediato após cada passo do registo. Textos de ajuda contextual em linguagem simples junto a cada campo. Ecrã de confirmação claro com resumo do que foi submetido e indicação dos próximos passos.
❌ Problema identificado
A diferenciação entre o percurso de estudante e de anfitrião não era imediatamente clara na homepage. Utilizadores chegavam pela primeira vez e não sabiam qual dos dois caminhos devia ser o seu ponto de entrada.
✅ Solução implementada
Redesign da homepage com dois CTAs visualmente distintos — "Procuras um quarto?" e "Tens um quarto disponível?" — com cores e iconografia diferenciadas. Hierarquia visual clara que direcciona cada utilizador ao percurso correcto sem ambiguidade.
10 Conclusão & Aprendizagens
Design com impacto social real
O projecto Rede 1/4 mostrou como o design centrado no utilizador pode servir objectivos sociais concretos — tornar o acesso ao ensino superior mais equitativo, ao remover uma das suas maiores barreiras práticas: a habitação.
Desenvolveu-se um microsite intuitivo e acessível, alinhado com a identidade visual do logótipo da Rede 1/4, que apresenta formas curvilíneas para transmitir fluidez e acolhimento. As cores foram aplicadas como gradientes estratégicos — verde escuro para os anfitriões e verde claro para os estudantes — criando distinção clara entre os perfis e reforçando a hierarquia visual de toda a plataforma.
O design focou-se em usabilidade, clareza nos fluxos de registo e feedback visual consistente, garantindo uma experiência positiva e de confiança para todos os utilizadores. A abordagem permitiu integrar eficazmente os objectivos da Universidade NOVA de Lisboa, mantendo um forte impacto social e uma comunicação visual coerente com a marca e os seus valores.
A confiança institucional é um activo de design
A credibilidade da NOVA não era apenas contexto — era o principal argumento de conversão para ambos os perfis. Tornar essa credibilidade visível e constante ao longo do microsite foi uma das decisões de design mais impactantes.
Dois perfis exigem dois pontos de entrada distintos
Tentar servir estudantes e anfitriões com a mesma navegação e linguagem criava confusão em ambos. A separação clara desde a homepage — com cor, copy e CTA distintos — foi a mudança com maior impacto na experiência.
Inclusão não é opcional em serviços de utilidade pública
Considerar anfitriões com menor fluência digital como utilizadores primários — e não secundários — transformou a qualidade do produto. Simplicidade que serve alguém de 60 anos serve, por definição, toda a gente.