Vira um pedido.
via OPTEN AG · Set 2025 — Fev 2026
App de Pedidos por Voz.
Um app de pedidos no atacado com a voz em primeiro lugar: o comprador fala o pedido e ele vira itens do catálogo já correspondidos. Seis meses de trabalho de UI — navegação em drawer, checkout em várias etapas com estados animados, um gravador de voz a 60fps com fila de upload e lógica de retry, internacionalização DE/EN.
Por que voz
Um comprador do atacado percorre o depósito e pede dezenas de itens — cada um com uma unidade, uma quantidade e uma variante. Digitar isso no celular, um campo por vez, é a interface mais lenta possível para a tarefa. Falar é a mais rápida: a premissa inteira do app é que o comprador fala do jeito que já fala com um representante de vendas, e o software faz o trabalho de transcrição e correspondência.
Da fala aos itens do pedido
O pipeline tem quatro etapas, e o problema de design é que o comprador precisa confiar nas quatro. Meu trabalho no frontend foi manter cada estágio visível e corrigível: o que foi ouvido, o que foi correspondido, que quantidade foi inferida. Nada é enviado automaticamente — a etapa final é sempre um pedido editável que o comprador confirma.
Arraste o diagrama para o lado para ler
O gravador tinha que desaparecer
Um gravador de voz que engasga destrói a confiança no produto inteiro, então a UI de captura roda a forma de onda e o cronômetro a 60fps, movidos por animação nativa em vez de estado do React. Em volta fica o trabalho sem glamour: fluxos de permissão de microfone nas duas plataformas, uma fila de upload que sobrevive ao app ir para segundo plano, e lógica de retry para o sinal fraco que se pega dentro de um depósito. Um upload que falha nunca perde uma gravação.
Checkout em etapas
O fluxo de pedido é de várias etapas por design — revisar os itens correspondidos, ajustar quantidades, escolher a entrega, confirmar — com transições animadas que mantêm o comprador orientado sobre onde está e o que ainda vem. A navegação é um drawer, então o catálogo, o pedido atual e os pedidos anteriores ficam a um gesto de distância. Toda tela aguenta um nome de produto longo e uma imagem faltando, porque o catálogo real tem bastante dos dois.


Um codebase, três plataformas
React Native com Expo, entregando iOS, Android e web a partir de um único codebase com a mesma linguagem de design nos três. Internacionalização DE/EN completa, já que os compradores e a organização de vendas não falam a mesma língua. Seis meses do repositório vazio a um app funcionando nas mãos do cliente.
App completo e funcionando em iOS, Android e web a partir de um único codebase, mesma linguagem de design nos três.
Alexander construiu de ponta a ponta a experiência mobile de um app B2B de pedidos por voz com IA — captura de voz, permissões, a lista de pedidos e as views de detalhe — e transformou uma especificação complexa em um app limpo e funcionando.