App Dailycal

DailyCal

Aplicativo para calcular a quantidade de calorias consumidas diariamente. Preciso que seja feito o design dessas telas:

Guia de Telas e Funcionalidades do App

1. Tela de Boas-vindas (Splash Screen)

    •    Visual: Tela inicial com logotipo e nome do app, reforçando a identidade visual.
    •    Elementos:
    •    Logotipo centralizado e destacado.
    •    Nome do app abaixo do logotipo.
    •    Duração de exibição de alguns segundos.
    •    Estilo: Limpo e moderno, nas cores da identidade do app.

2. Tela de Login/Registro

    •    Visual: Interface de fácil acesso para login e registro.
    •    Elementos:
    •    Campos para e-mail e senha.
    •    Botões “Login” e “Registrar”.
    •    Opções de login via Google e Facebook.
    •    Link para “Esqueci minha senha”.
    •    Estilo: Simples e focado em usabilidade, com botões visíveis.

3. Tela de Configuração do Perfil

    •    Visual: Usuário preenche dados pessoais para personalização do app.
    •    Elementos:
    •    Campos para idade, peso, altura e metas calóricas.
    •    Botão “Salvar”.
    •    Estilo: Layout claro, com espaçamento adequado para uma experiência fluida.

4. Tela Principal (Dashboard)

    •    Visual: Resumo diário de calorias e nutrientes, com botão para resumo semanal.
    •    Elementos:
    •    Indicador de calorias consumidas/restantes.
    •    Gráfico de progresso diário (circular ou em barra).
    •    Resumo dos principais nutrientes (carboidratos, proteínas, gorduras) com ícones.
    •    Botões “Adicionar Refeição” e “Resumo Semanal”.
    •    Estilo: Visual atraente e bem organizado, com gráficos e ícones de fácil leitura.

5. Tela de Adicionar Refeição com Foto

    •    Visual: Permite adicionar refeições manualmente ou via foto, com sugestões de refeições recorrentes.
    •    Elementos:
    •    Campo para inserir alimentos manualmente.
    •    Botão “Adicionar Foto” para foto ou galeria.
    •    Sugestões de refeições anteriores.
    •    Valores calóricos preenchidos automaticamente após envio da foto.
    •    Botão “Salvar Refeição”.
    •    Estilo: Intuitivo e focado em ações rápidas.

6. Tela de Detalhes da Refeição

    •    Visual: Exibe detalhes de uma refeição, como calorias e nutrientes.
    •    Elementos:
    •    Nome do alimento/descrição da refeição.
    •    Informações nutricionais detalhadas.
    •    Botões “Editar” e “Excluir”.
    •    Estilo: Claro e organizado, destacando informações nutricionais.

7. Tela de Histórico

    •    Visual: Histórico de consumo diário, organizado por dias.
    •    Elementos:
    •    Lista de refeições por data.
    •    Calorias totais consumidas por dia.
    •    Opção de ver detalhes ao tocar na refeição.
    •    Estilo: Layout de lista, com separação clara entre os dias.

8. Tela de Estatísticas Nutricionais

    •    Visual: Gráficos para visualizar consumo de calorias e nutrientes (diário, semanal, mensal).
    •    Elementos:
    •    Gráficos de barra ou linha para calorias e nutrientes.
    •    Filtros para visualizar dados em diferentes períodos.
    •    Estilo: Design atraente e simples, com cores distintas para cada nutriente.

9. Tela de Perguntas à IA (Dúvidas Nutricionais)

    •    Visual: Área para perguntas sobre alimentos e nutrientes.
    •    Elementos:
    •    Campo de texto para perguntas.
    •    Botão “Enviar”.
    •    ÁRea para respostas da IA.
    •    Estilo: Layout semelhante a chat, com foco em clareza.

10. Tela de Subscrição

    •    Visual: Opções de planos de assinatura, destacando economia no plano anual.
    •    Elementos:
    •    Introdução aos benefícios do app.
    •    Cards para planos: Trial, Mensal e Anual.
    •    Botões para iniciar trial ou confirmar assinatura.
    •    Informações sobre renovação automática e links de política.
    •    Estilo: Clean, com destaque para o plano anual com desconto.

11. Tela de Configurações

    •    Visual: Ajustes de perfil e preferências.
    •    Elementos:
    •    Editar perfil (idade, peso, altura e metas).
    •    Preferências de lembretes (diário e semanal).
    •    Configurações de notificações e gestão de assinatura.
    •    Estilo: Layout de lista, simples e funcional.