Luzes de carregamento no Motorola Edge

MOTOROLA

A família Motorola Edge, lançada em 2020, possui um display estilo "waterfall" e decidimos aproveitar esse novo formato para exibir notificações nas laterais do aparelho. Luzes de carregamento podem ser vistas quando o celular está ligado ou desligado e mesmo se estiver com a tela voltada para baixo.

English version

Olá! Meu nome é Otávio e trabalho como UI Designer na Motorola

Design da tela externa

A nova família Motorola Razr, anunciada em Junho de 2023, foi o resultado de vários meses de trabalho envolvendo times do Brasil, EUA e China. Eu, liderando o design visual da interface da tela externa e, Jinny Kang como minha par de UX, trabalhamos para entregar uma experiência fluída e quase tão completa quanto à encontrada no display principal. Isso porque esse modelo possui a maior tela externa presente em celular dobrável até essa data.

Além das funcionalidades básicas já encontradas em modelos concorrentes, nesse Razr o usuário pode rodar apps da sua escolha com o celular totalmente fechado e ainda aproveitar a função tripé do aparelho para facilitar qualquer tipo de produção de conteúdo.

Entre os principais desafios de design desse projeto, o maior foi criar uma interface que pudesse coexistir naturalmente com as duas cameras encravadas na tela. Como uma grande parte dos aplicativos atuais tem navegação presente na parte inferior, isso poderia trazer enormes problemas de usabilidade. Nossa decisão foi de transferir as informações tipicamente encontradas na status bar, como notificações e nível de bateria, para a parte imediatamente ao lado das cameras e impedir que os apps se expandissem. Apesar da limitação, também damos a opção de tela cheia caso seja o desejo do usuário.

Acesso às notificações

Escolhendo um wallpaper

Animação de desbloqueio

Gerenciando os painéis

Retornando para home

Transição de aplicativos

Modo de edição

Selecionando contatos

Making-of

Camera App UI Design

Redesign da UI do aplicativo oficial de Câmera. Além do reposicionamento e reimaginação de de vários elementos da UI, a interface se tornou compatível com o Material You do Google.

Luzes de carregamento no Motorola Edge

Dimo - Conta Digital Motorola

Criação do design system e explorações iniciais da UI da conta digital Motorola.

Projeto experimental

Nova página de produto

Proposta de redesign da página de produto.

Novo formato de vitrine

Criação de um novo formato de vitrine de produtos para o site. Mais abaixo, a especificação de cores, ícones e estados para cada elemento da página.

Navegação facetada

Prototipagem de profundidade de navegação em categorias realizando filtragens diversas (preços, avaliação, marca etc.). Após um extenso estudo, foram elencadas as facetas mais relevantes para as respectivas linhas de produtos.