Sonhar.io

A crescente conscientização sobre o impacto do sono no bem-estar levou muitas pessoas a procurar formas de otimizá-lo. No entanto, a maioria das pessoas tem dificuldade em relacionar os seus hábitos diários específicos como o consumo de cafeína ou o tempo de tela à noite com a qualidade do seu descanso e a sua produtividade no dia seguinte. Embora muitos aplicativos consigam monitorar o sono, não possuem informações preditivas ou dicas personalizadas e práticas. O desafio era projetar e construir um aplicativo móvel inteligente que não só registrasse o sono, mas que também utilizasse IA para analisar os dados de estilo de vida, prever a produtividade do dia seguinte e oferecer sugestões personalizadas para ajudar os usuários a melhorar proativamente a sua higiene do sono. Este projeto foi realizado para cumprir o desafio acadêmico de integrar um modelo de IA funcional num aplicativo móvel centrado no usuário.

Meu Papel

Neste projeto de equipe, assumi a dupla responsabilidade de Designer UI/UX e Desenvolvedor Frontend. Fui responsável por conceitualizar e projetar toda a jornada do usuário, desde os wireframes iniciais até à interface visual final. Após a fase de design, traduzimos esses designs num frontend funcional e interativo. Meu papel também envolveu uma colaboração estreita com a equipe para auxiliar na integração da interface do usuário com os serviços de backend e o modelo de IA principal.

O Processo & A Solução

Design

Focamos na criação de uma experiência calma, minimalista e intuitiva. Usando um tema escuro e com componentes inspirados no sistema Material Design da Google, o objetivo era fazer com que o aplicativo transmitisse uma sensação serena e confortável para utilização noturna.

• Arquitetura da Informação:
  A tela principal foi estruturada como um dashboard. Uma saudação personalizada é seguida por um layout baseado em cartões, apresentando as informações mais críticas de forma imediata para acesso rápido.
• Design Visual:
  A paleta de cores foi deliberadamente escolhida para trazer o conforto de um céu noturno. Tons de roxo-azulado e preto foram combinados com texto branco de alto contraste para garantir a legibilidade, criando ao mesmo tempo um ambiente visualmente relaxante e propício a pensamentos sobre o sono.
• Framework de UI:
  Aproveitar os princípios do Material Design da Google forneceu uma base robusta para a criação de componentes consistentes, previsíveis e fáceis de usar em todo o aplicativo.

Desenvolvimento

O frontend foi desenvolvido utilizando React Native e Expo, o que permitiu um desenvolvimento rápido para iOS e Android. Uma estratégia técnica fundamental foi a adoção de uma arquitetura baseada em componentes. Ao construir uma biblioteca de componentes reutilizáveis (como cartões, modais e campos de entrada), garantimos consistência visual e funcional em todo o aplicativo. Esta abordagem não só agilizou o desenvolvimento, como também tornou o aplicativo mais fácil de manter e escalar. O foco principal foi traduzir a estética dos designs do Figma numa experiência de usuário suave e fluida.

Tecnologias Usadas

Responsabilidades

• Tradução dos designs de alta fidelidade do Figma em telas e componentes de UI.
• Desenvolvimento dos elementos interativos principais do aplicativo, incluindo modais de entrada para dados de sono e o diário de sonhos.
• Colaboração com a equipe para garantir a integração correta do frontend com os dados de saída do modelo de IA.

O Resultado

O aplicativo foi desenvolvido e entregue com sucesso, cumprindo todos os requisitos da disciplina universitária e obtendo a nota máxima possível. O projeto serviu como uma prova de conceito bem-sucedida, demonstrando de forma eficaz a integração de um modelo de IA num aplicativo móvel polido e centrado no usuário. Respondeu diretamente ao desafio inicial, fornecendo aos usuários uma ferramenta funcional para receber feedback preditivo e baseado em dados sobre os seus hábitos de sono, validando o conceito de um assistente inteligente de sono e produtividade.