A experiência interativa não abriu. Recarregue a página ou veja os projetos abaixo. Recarregar ↻

Case 004Interface de app mobile

Hello You

Um app da Motorola que reúne dicas do celular, benefícios e conteúdo personalizado em uma só home, com abas de vídeos, jogos e podcasts.

Meu papel: Design de interface
Status do projeto: Arquivos de design

Uma passagem pelas telas do design, não uma gravação: o primeiro acesso, o carregamento e a home Explore. O primeiro acesso. Um coach mark aponta para a aba Videos.

Tela de primeiro acesso Welcome to Hello You, com uma ilustração e um botão Continue. — Uma passagem pelas telas do design, não uma gravação: o primeiro acesso, o carregamento e a home Explore. O primeiro acesso. Um coach mark aponta para a aba Videos.

Minha contribuição

O Hello You reúne dicas sobre o celular, benefícios exclusivos e conteúdo personalizado em um só app. O arquivo explora o primeiro acesso, a home Explore e os estados em torno do feed.

Estado de carregamento da home com placeholders em skeleton shimmer. — O shimmer enquanto a home carrega. As opções de cada post. Denunciar um post.

O shimmer enquanto a home carrega. As opções de cada post. Denunciar um post.

Uma home organizada em torno de atalhos

Explore abre com um banner e uma grade de atalhos para o aparelho, a app box, o marketplace, encontrar uma loja, ajuda e diagnóstico, seguidos dos assuntos em alta e do feed. As abas inferiores levam a Videos, Dimo, Games e Podcasts.

Os estados em torno do feed

O arquivo também desenha o que fica em volta desse conteúdo: um shimmer enquanto a home carrega, um coach mark que aponta para a aba Videos, um modal de login, um bottom sheet de opções para cada post e uma caixa de diálogo de denúncia.

Antes e depois

O arquivo também guarda uma versão anterior desta home. Ela abria com um único story em tela cheia acima dos atalhos e testava diferentes imagens de hero. O Hello You mantém a ideia de uma só home para o celular e seus serviços, e leva o conteúdo para uma estrutura mais escura e mais fácil de entender.

Lado a lado, a home anterior e a home Explore: a história em foto dá lugar a um banner, os oito atalhos vão para um card, e os assuntos em alta e o feed ganham o espaço abaixo.