A experiência interativa não abriu. Recarregue a página ou veja os projetos abaixo. Recarregar ↻

Case 013Design de app mobile

Momentálity

Um app de família e rotina que reúne calendário, tarefas, refeições, orçamento e uma comunidade de mães em um só lugar. Os nomes e números que aparecem nas telas são conteúdo de exemplo.

Meu papel: Design de interface
Status do projeto: Design de interface · Acervo do Figma

Capa de apresentação do Momentálity, do arquivo de design original. — Capa de apresentação do arquivo original.

Minha contribuição

Momentálity, com a assinatura “Designed for the way you live”, reúne em um só app as engrenagens da semana de uma família. O arquivo do Figma tem 25 frames mobile, além de variantes, do onboarding e de uma configuração inicial para conhecer a pessoa até as telas de mercado e despensa. Aqui mostro as que sustentam a rotina do dia a dia.

Um passeio pelas telas do design, não uma gravação: home, tarefas, refeições, orçamento e comunidade. A home reúne a semana, os atalhos e os eventos do dia. O Task Manager mantém o card de IA acima das listas da própria pessoa.

Home com saudação a Jane, faixa da semana, atalhos para Task Manager e Notification Center e a lista de eventos do dia. — Um passeio pelas telas do design, não uma gravação: home, tarefas, refeições, orçamento e comunidade. A home reúne a semana, os atalhos e os eventos do dia. O Task Manager mantém o card de IA acima das listas da própria pessoa.

A home começa pelo hoje

A home responde a uma pergunta: como vai ser o dia de hoje? A saudação fica acima de uma faixa com a semana, seguida dos atalhos para as ferramentas principais e dos eventos do dia. Cada evento tem um chip de horário e uma pequena etiqueta (Work, Home, Family). Assim, uma apresentação no trabalho e uma arrumação em casa dividem a mesma lista sem se misturar.

As sugestões ficam acima da lista, não dentro dela

No Task Manager, o AI Assistant é um único card no topo. Abaixo dele, quem manda é a lista da própria pessoa, dividida em Today’s Tasks e Week’s Objectives, com Suggestions e Scheduled em abas separadas. O Meal Planner segue a mesma ordem: um banner de sugestão e, depois, as refeições do dia em cards, do café da manhã ao chá da noite.

O Budget Overview usa um gráfico de donut para dividir as despesas do mês entre contas, lazer, saúde, mercado e educação, com as médias diária, mensal e anual logo abaixo.

Tela Community na aba MomNet Community, com um card Find local connection, um mapa de Nearby Moms e mensagens recentes de participantes de exemplo. — MomNet Community leva aos grupos e depois às mães por perto. O Meal Planner lista as refeições do dia abaixo de uma sugestão. O Budget Overview divide por categoria as despesas de exemplo do mês.

MomNet Community leva aos grupos e depois às mães por perto. O Meal Planner lista as refeições do dia abaixo de uma sugestão. O Budget Overview divide por categoria as despesas de exemplo do mês.

Uma aba de comunidade com três salas

A aba Community reúne Chats, MomNet Community e MomNet AI. MomNet Community abre com uma única ação, Explore Groups, e depois mostra um pequeno mapa de Nearby Moms e as últimas mensagens delas. MomNet AI guarda uma lista de prompts agrupados por Today, Yesterday e Last 7 Days.