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

Case 009Design de app mobile

DoBetrBoy

Um app para parceiros que acompanha as fases do ciclo, as vontades dela e pequenas ideias para dar conforto. O anel de fases na Home, a checklist de vontades e a biblioteca de palavras de apoio respondem, cada um, a uma pergunta prática.

Meu papel: Fluxos de produto e design de interface
Status do projeto: Design de interface · Acervo do Figma

Capa de apresentação do DoBetrBoy, do arquivo de design original. — Capa de apresentação do arquivo original.

Minha contribuição

O DoBetrBoy é um app para parceiros. Ele acompanha em que fase do ciclo ela está, registra do que ela está com vontade e reúne pequenas formas de dar conforto. Desenhei as telas em torno de uma pergunta simples: o que pode ajudar hoje?

Todas as datas, fases e notas na tela são dados de exemplo.

Gravação do protótipo no Figma. Do anel do ciclo ao calendário, à lista de vontades e ao perfil. Home: o ponto do ciclo em que ela está hoje, com uma nota curta abaixo. Dados de exemplo. Comforting Library: uma frase de cada vez, pronta para compartilhar.

Tela Home com uma faixa da semana, um anel dividido em quatro fases do ciclo com legenda, o texto Period in 15 days no centro e um card com um rosto dormindo, dizendo que ela está na fase lútea e pode precisar de um pouco de descanso. — Gravação do protótipo no Figma. Do anel do ciclo ao calendário, à lista de vontades e ao perfil. Home: o ponto do ciclo em que ela está hoje, com uma nota curta abaixo. Dados de exemplo. Comforting Library: uma frase de cada vez, pronta para compartilhar.

O dia em uma olhada

A Home começa com um anel dividido nas quatro fases, um marcador no dia de hoje e duas linhas no centro: a data e os dias até a próxima menstruação. Acima fica uma faixa com a semana e, abaixo, uma legenda, então o gráfico se explica sozinho.

Abaixo do anel, um card transforma a fase em uma nota curta: “She is in the Luteal phase”, seguida de “She might need a little rest”. O texto fica no tom de sugestão, sem afirmar como ela se sente.

Craving list com um card de AI Assistant, as abas List e Suggestions e itens de checklist, como bolo de chocolate e bubble tea, agrupados em Sweets e Strange mix. — Craving list: itens agrupados com checkboxes e um assistente de IA para ideias. Cycle Calendar: cores das fases no mês e notas do dia selecionado. Dados de exemplo.

Craving list: itens agrupados com checkboxes e um assistente de IA para ideias. Cycle Calendar: cores das fases no mês e notas do dia selecionado. Dados de exemplo.

Gestos pequenos e práticos

O resto do app transforma essa informação em algo para fazer. A Craving list agrupa os itens em seções como Sweets e Strange mix, cada um com seu checkbox, e um card de AI Assistant se oferece para gerar mais ideias. O Cycle Calendar leva as cores do anel para o mês e guarda, logo abaixo, as notas do dia selecionado.

A Comforting Library é a tela mais calma: uma frase e uma ilustração de cada vez, com controles para voltar, avançar ou compartilhar.