Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 025App mobile e landing page

Anji

Telas de app e landing page para o Anji, um companheiro de IA com posicionamento voltado para espiritualidade e bem-estar. O design reúne a escolha de guias de conversa, um check-in diário de humor e uma leitura do dia.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Capa de apresentação do Anji, do arquivo de design original.
Capa de apresentação do arquivo original.

01

Minha contribuição

O Anji se apresenta como um companheiro de IA com dois lados, conversa baseada na fé e bem-estar mental, e a landing page o chama de “a sanctuary for mind and soul”.

Aqui mostro a interface que desenhei: como a pessoa escolhe uma conversa, marca o humor e lê o que o app devolve.

Uma rolagem pelo design: a landing page, da primeira promessa à chamada final.

02

Escolher com quem conversar

A aba de chat abre em quatro cards, não em um campo vazio. Cada card traz um avatar ilustrado, um nome, um papel e uma linha sobre o tipo de conversa que a pessoa pode esperar, então a escolha acontece antes de digitar qualquer coisa. Amos, Iris, Eli e Lucy cobrem o lado da fé, e a landing page acrescenta um segundo grupo de guias para bem-estar.

Tela que pergunta com quem conversar, em um degradê lilás, com quatro cards brancos para Amos, Iris, Eli e Lucy, cada um com avatar ilustrado, papel e uma linha de descrição.
Tela de leitura com uma fileira de datas coloridas, a data 26th July, um título em português e um texto longo sobre fé, acima de uma barra com Back e Send to a friend.
Check-in de humor com cinco círculos ilustrados para Loved, Happy, Calm, Anxious e Sad, uma faixa com a semana acima e um card que explica o que a escolha do humor libera.
Início do chat: quatro guias, cada um com um papel e uma linha sobre a conversa. Leitura: o texto do dia, com as datas nas cores dos humores e uma forma de compartilhar. Today: escolher um humor libera o mantra, a oração e o horóscopo do dia.

03

Uma pequena rotina diária

A tela Today pergunta como você está se sentindo e oferece cinco humores ilustrados: loved, happy, calm, sad e anxious. Uma faixa com a semana, acima, deixa os dias anteriores à vista, e o card abaixo diz o que a escolha libera: um mantra, uma oração e um horóscopo do dia.

A tela de leitura leva as cores dos humores para a fileira de datas. O texto longo usa uma serifada com espaço para ler, e Back e Send to a friend flutuam em uma barra embaixo.

Landing page completa em roxo profundo, com título de hero e celular inclinado, dois grupos de cards de guias, quatro cards de recursos, banners de fé e terapia e uma chamada final.
Landing page, do hero à chamada final.

04

Os mesmos dois lados na landing page

A landing page vai de um hero roxo a dois grupos de cards de guias, quatro recursos principais e banners separados de Faith Focus e Therapy Focus. Ilustrações de linha fina em cards escuros dão a cada guia uma forma própria, e os dois banners mantêm os dois posicionamentos separados, cada um com sua cor.

000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos

Canal 25 App mobile e landing page

Anji

Telas de app e landing page para o Anji, um companheiro de IA com posicionamento voltado para espiritualidade e bem-estar. O design reúne a escolha de guias de conversa, um check-in diário de humor e uma leitura do dia.

Meu papel
Design de interface
Status do projeto
Design de interface · Acervo do Figma
Capa de apresentação do Anji, do arquivo de design original.
Capa de apresentação do arquivo original.

Um app de companhia espiritual e bem-estar, com sua landing page

Telas do arquivo de design original no Figma, com dados de exemplo.

Minha contribuição

O Anji se apresenta como um companheiro de IA com dois lados, conversa baseada na fé e bem-estar mental, e a landing page o chama de “a sanctuary for mind and soul”.

Aqui mostro a interface que desenhei: como a pessoa escolhe uma conversa, marca o humor e lê o que o app devolve.

Tela que pergunta com quem conversar, em um degradê lilás, com quatro cards brancos para Amos, Iris, Eli e Lucy, cada um com avatar ilustrado, papel e uma linha de descrição.
Início do chat: quatro guias, cada um com um papel e uma linha sobre a conversa.
Uma rolagem pelo design: a landing page, da primeira promessa à chamada final.

Escolher com quem conversar

A aba de chat abre em quatro cards, não em um campo vazio. Cada card traz um avatar ilustrado, um nome, um papel e uma linha sobre o tipo de conversa que a pessoa pode esperar, então a escolha acontece antes de digitar qualquer coisa. Amos, Iris, Eli e Lucy cobrem o lado da fé, e a landing page acrescenta um segundo grupo de guias para bem-estar.

Tela de leitura com uma fileira de datas coloridas, a data 26th July, um título em português e um texto longo sobre fé, acima de uma barra com Back e Send to a friend.
Leitura: o texto do dia, com as datas nas cores dos humores e uma forma de compartilhar.

Uma pequena rotina diária

A tela Today pergunta como você está se sentindo e oferece cinco humores ilustrados: loved, happy, calm, sad e anxious. Uma faixa com a semana, acima, deixa os dias anteriores à vista, e o card abaixo diz o que a escolha libera: um mantra, uma oração e um horóscopo do dia.

A tela de leitura leva as cores dos humores para a fileira de datas. O texto longo usa uma serifada com espaço para ler, e Back e Send to a friend flutuam em uma barra embaixo.

Check-in de humor com cinco círculos ilustrados para Loved, Happy, Calm, Anxious e Sad, uma faixa com a semana acima e um card que explica o que a escolha do humor libera.
Today: escolher um humor libera o mantra, a oração e o horóscopo do dia.

Os mesmos dois lados na landing page

A landing page vai de um hero roxo a dois grupos de cards de guias, quatro recursos principais e banners separados de Faith Focus e Therapy Focus. Ilustrações de linha fina em cards escuros dão a cada guia uma forma própria, e os dois banners mantêm os dois posicionamentos separados, cada um com sua cor.

Landing page completa em roxo profundo, com título de hero e celular inclinado, dois grupos de cards de guias, quatro cards de recursos, banners de fé e terapia e uma chamada final.
Landing page, do hero à chamada final.