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 010Design de app mobile

DigiKisan

Um assistente para agricultores centrado no chat, desenhado em inglês e hindi, com o clima e o preço de uma cultura acima de um único campo para digitar, falar ou enviar uma foto. Todos os valores são dados de exemplo.

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

01

Minha contribuição

O DigiKisan é um assistente por chat para agricultores. O arquivo do Figma é pequeno: uma tela de chat e um menu lateral, cada um desenhado em inglês e em hindi. Mostro o projeto nesse tamanho.

Tela de chat com o clima de Nagpur e o preço da batata no topo, a saudação Hello! How can I help your farm today?, quatro ações rápidas e um campo Ask anything com botões de câmera, imagem e Voice.
A mesma tela de chat em hindi, com o nome do produto em devanágari e quatro ações rápidas empilhadas em uma coluna.
Gravação do protótipo no Figma. O chat, o histórico no menu lateral e a troca de idioma para hindi. O chat abre com o clima, o preço de uma cultura e quatro atalhos. O frame em hindi empilha os atalhos em uma coluna.

02

Antes da primeira pergunta

Um chat vazio dá pouco por onde começar, então este já abre com algo para ler e algo para tocar. Dois cards pequenos mostram o clima de um local e o preço de uma cultura. Abaixo da saudação, quatro atalhos dizem o que o assistente cobre: doenças nas lavouras, preços das culturas, programas do governo, e clima e solo.

O campo de pergunta fica embaixo, com os botões de câmera e imagem de um lado e Voice do outro. Voice é o único botão preenchido da tela.

Menu lateral com o logo do DigiKisan, um campo de busca e perguntas de exemplo agrupadas em Today, Yesterday e Last 7 days.
O menu lateral guarda as perguntas anteriores agrupadas por data.

03

A mesma tela, em hindi

A versão em hindi mantém a estrutura, mas não cada linha do layout. O nome do produto muda para डिजी किसान, e neste frame os atalhos, que em inglês quebram em duas linhas, ficam em uma única coluna, com uma ação por linha. A capa de apresentação mostra os atalhos em duas linhas, então o arquivo tem os dois formatos.

O menu lateral lista as perguntas anteriores em Today, Yesterday e Last 7 days, cada uma com um pequeno ícone. As perguntas de exemplo, do preço da batata em Agra à previsão de chuva, mostram o leque de assuntos que o assistente deve cobrir.

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 10 Design de app mobile

DigiKisan

Um assistente para agricultores centrado no chat, desenhado em inglês e hindi, com o clima e o preço de uma cultura acima de um único campo para digitar, falar ou enviar uma foto. Todos os valores são dados de exemplo.

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

Um assistente agrícola que começa com uma pergunta

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

Minha contribuição

O DigiKisan é um assistente por chat para agricultores. O arquivo do Figma é pequeno: uma tela de chat e um menu lateral, cada um desenhado em inglês e em hindi. Mostro o projeto nesse tamanho.

Gravação do protótipo no Figma. O chat, o histórico no menu lateral e a troca de idioma para hindi.
Tela de chat com o clima de Nagpur e o preço da batata no topo, a saudação Hello! How can I help your farm today?, quatro ações rápidas e um campo Ask anything com botões de câmera, imagem e Voice.
O chat abre com o clima, o preço de uma cultura e quatro atalhos.

Antes da primeira pergunta

Um chat vazio dá pouco por onde começar, então este já abre com algo para ler e algo para tocar. Dois cards pequenos mostram o clima de um local e o preço de uma cultura. Abaixo da saudação, quatro atalhos dizem o que o assistente cobre: doenças nas lavouras, preços das culturas, programas do governo, e clima e solo.

O campo de pergunta fica embaixo, com os botões de câmera e imagem de um lado e Voice do outro. Voice é o único botão preenchido da tela.

A mesma tela de chat em hindi, com o nome do produto em devanágari e quatro ações rápidas empilhadas em uma coluna.
O frame em hindi empilha os atalhos em uma coluna.

A mesma tela, em hindi

A versão em hindi mantém a estrutura, mas não cada linha do layout. O nome do produto muda para डिजी किसान, e neste frame os atalhos, que em inglês quebram em duas linhas, ficam em uma única coluna, com uma ação por linha. A capa de apresentação mostra os atalhos em duas linhas, então o arquivo tem os dois formatos.

O menu lateral lista as perguntas anteriores em Today, Yesterday e Last 7 days, cada uma com um pequeno ícone. As perguntas de exemplo, do preço da batata em Agra à previsão de chuva, mostram o leque de assuntos que o assistente deve cobrir.

Menu lateral com o logo do DigiKisan, um campo de busca e perguntas de exemplo agrupadas em Today, Yesterday e Last 7 days.
O menu lateral guarda as perguntas anteriores agrupadas por data.