Estudo de caso · Product Design · UX/UI

aio — tudo o que importa no seu dia, em um só lugar

Um assistente pessoal que reúne clima, trajeto, agenda, aniversários e notícias numa única tela conversacional — e responde por voz. Da pesquisa ao pixel.

Papel: UX/UI Designer — em dupla Contexto: SIDIA — Instituto de P&D · Samsung Categoria: Assistente pessoal · IA conversacional Plataforma: App Android Entregas: Pesquisa · Naming · Branding · UI
[ capa — telas do app aio ]
Telas do app aio — abertura, dashboard e comando de voz
01

Contexto

Para montar a rotina, a maioria das pessoas pula entre cinco apps toda manhã: clima, mapa, agenda, feed de notícias e a lista de aniversários.

Nada disso conversa entre si, e cada troca custa tempo e atenção. O aio (de all-in-one) nasceu de uma pergunta simples: e se tudo o que a pessoa checa para entender o próprio dia estivesse reunido em uma só tela inteligente — acessível também por voz?

aio — tornando seu dia a dia mais fácil
"Tornando seu dia a dia mais fácil" — a promessa do aio

02

O desafio

Concentrar clima, trajeto, compromissos, aniversários e notícias num único lugar sem transformar a tela em um painel poluído — e fazer isso com uma personalidade própria, num mercado onde os assistentes virtuais já se parecem muito uns com os outros.

"Como fazer alguém entender o próprio dia em segundos — só olhando, ou apenas ouvindo, uma tela?"

03

Meu papel

Entrei no projeto para somar com uma designer que já havia desenhado parte da interface — e daí em diante o aio foi tocado a quatro mãos. Trabalhamos juntas na pesquisa, no conceito de marca, no naming, na identidade visual e no refinamento das telas — dividindo decisões e construindo sobre o que ela já havia começado. Uma parceria com uma profissional muito competente.

Trabalho em duplaPesquisa & BenchmarkDefinição de conceitoNamingIdentidade visualUI Design

04

Descoberta & benchmark

Antes de desenhar, estudei os assistentes virtuais mais usados — Google Now, Siri, Cortana, Alexa e S Voice — para entender território, linguagem e funcionalidades. A matriz comparativa ajudou a enxergar lacunas e oportunidades.

[ benchmark de adoção ]
Benchmark de adoção dos assistentes virtuais
[ matriz de funcionalidades ]
Matriz comparativa de funcionalidades
Quem lidera o uso e o que cada assistente entrega — base para mapear oportunidades

Ao comparar as marcas, dois padrões se repetiam: forma circular e cores em degradê. Esse foi o ponto de partida para uma identidade que pertencesse à categoria — mas com voz própria.

Tendência visual: forma circular e cores em degradê
Síntese da tendência visual: forma = circular · cores = degradê

05

Ideação & personalidade

Numa dinâmica de brainstorming e consolidação, definimos quem o aio seria. Três atributos guiaram todas as decisões seguintes — de nome a cor, de tom de voz ao microcopy.

Alegre

A cara do Brasil: um povo cheio de vida. A marca transmite alegria, graça e sagacidade.

Moderno

Atual a cada amanhecer — o novo todos os dias, traduzido nas cores e na estética de tecnologia.

Informal

Conversa que flui: clara e simples. A informalidade torna a experiência leve e agradável.

[ parede de ideação ]
Parede de ideação — persona e atributos da marca
[ consolidação ]
Consolidação de dados e conceito
Da persona aos atributos, e dos atributos ao conceito visual e às opções de nome

06

A procura de um nome

Parti de mais de 400 nomes usados no contexto brasileiro e apliquei um funil de critérios: mais marcantes, mais utilizados, monossílabos e fáceis de pronunciar.

Mais de 400 nomes
Funil de critérios para escolher o nome
De 400+ nomes até os finalistas, filtrando por marcância, uso, tamanho e pronúncia

Dois territórios disputavam a decisão: um nome para um assistente inteligente e outro para um assistente que obedece comandos. O vencedor precisava ser curto, fácil de falar e fiel ao conceito.

Dois territórios de nome
aio — all in one. Vivo, atual e útil. Tudo em um só lugar.

07

Identidade visual — do amanhecer à aurora

O atributo "moderno" levou à tendência de degradê; o degradê levou a uma referência natural e cheia de vida: a aurora boreal. Dela nasceram a paleta — verdes, azuis, roxos e magenta em transição contínua — e a forma circular, alinhada à categoria.

Aurora boreal — referência de cor
Moderno → tendência → degradê → aurora: um raciocínio que conecta conceito e estética
#12C7D6
#2E6BFF
#7B2FF7
#E0218A
A paleta do aio, extraída da transição luminosa da aurora

08

A solução

O onboarding apresenta o app, conecta a conta e captura o contexto da pessoa — casa, trabalho e interesses — para que a primeira tela já venha sob medida.

Login com Google
Tutorial — clima e trânsito
Cadastro de localizações
Seleção de manchetes de interesse
Onboarding — boas-vindas, tutorial, localizações (casa/trabalho) e escolha de interesses

A tela principal abre com uma saudação personalizada e organiza o dia em blocos priorizados: clima, trajeto até o trabalho com tempo estimado, aniversariantes, próximos eventos da agenda e um feed de notícias baseado nos interesses escolhidos. Cada bloco é acionável.

Dashboard completo do aio
O dia inteiro numa rolagem — do mais urgente ao mais leve
Anatomia da tela principal
Próximos eventos
Aniversariantes do dia
Definição do trajeto casa-trabalho
Anatomia da home, agenda, aniversariantes e o trajeto até o trabalho

O feed de notícias nasce das manchetes escolhidas no onboarding e abre a leitura sem tirar a pessoa do app — inclusive com a fonte original em webview.

Feed de notícias por categoria
Detalhe da notícia
Feed de notícias personalizado
Leitura na fonte original
Notícias que fazem sentido para você — do feed à leitura na fonte

E o coração do aio: a interface conversacional. Um toque no microfone e a pessoa pede o que quiser — "quero ouvir meu dia", "previsão do tempo para hoje", "qual o trajeto mais curto" — sem navegar por menus.

Central de comando de voz
Coisas que você pode pedir
Assistente ouvindo
No que posso ajudar
Comando de voz — a mesma informação, agora só de ouvir

09

Metodologias & ferramentas

O repertório que sustentou o projeto de ponta a ponta:

pesquisa
Benchmark competitivo

Leitura dos assistentes do mercado e matriz de funcionalidades.

conceito
Persona de marca

Três atributos — alegre, moderno, informal — guiando cada decisão.

branding
Naming por funil

De 400+ nomes aos finalistas, por critérios objetivos.

branding
Conceito → identidade

Da tendência de degradê à aurora boreal e à paleta final.

ux
Arquitetura de conteúdo

Priorização dos blocos da tela e do fluxo de onboarding.

ui
Interface conversacional

Padrões de voz e microcopy para pedir e ouvir informações.


10

Entregas & resultado

O projeto entregou uma marca completa e uma interface ponta a ponta: um nome nascido de pesquisa, uma identidade visual com conceito por trás de cada escolha e um app que cobre onboarding, dashboard, notícias e voz — coeso do primeiro toque à última tela.

aiomarca criada da pesquisa ao logo
Voz + telainterface conversacional ponta a ponta
1 telacinco apps reunidos num só lugar

11

Aprendizados

Levar o aio da pesquisa ao pixel, em dupla, reforçou o quanto uma decisão de conceito guia toda a estética: foi a personalidade "moderna" que, por uma cadeia de escolhas, chegou até a aurora boreal e à paleta final. O próximo passo natural seria colocar o protótipo em testes de usabilidade reais, medir a clareza da leitura do dashboard e refinar o comando de voz a partir de como as pessoas de fato falam com o assistente.

Próximo

Quer ver mais, ou tirar sua ideia do papel?