Redesign dos apps
do Letras
Redesenho completo dos apps nativos de iOS e Android do Letras, mantendo a letra a um toque enquanto entravam recomendações, playlists e busca.
O Letras é a maior plataforma de consumo de letras de música da América Latina.
Em 2018 os apps já não refletiam a identidade da marca nem acompanhavam o que as pessoas passaram a esperar de um app de música. Repensamos os aplicativos de iOS e Android do zero, mantendo a filosofia que sempre guiou o produto: simplicidade e eficiência.
O conflito central era crescer
sem inchar.
O produto precisava incorporar recomendações personalizadas, playlists e uma busca melhor, e cada um desses recursos empurrava o app na direção do genérico, parecido com qualquer outro player. A pergunta de design era como ganhar profundidade sem inflar a arquitetura de informação nem tirar do usuário aquilo que ele vinha buscar: ler a letra de uma música com o mínimo de atrito.
Havia ainda o fato de serem dois apps. Optamos por desenvolvimento nativo em cada plataforma para não abrir mão de performance, o que exigiu tratar iOS e Android como produtos irmãos, cada um fiel ao seu sistema.
A letra acima de tudo
A tela de leitura se organiza em torno de uma hierarquia de informação que rebaixa tudo o que não é a letra a ponto de não competir pelo foco. Na maioria dos fluxos, a pessoa chega ao conteúdo sem desvios de navegação.
Calibrei contraste, corpo de tipografia e entrelinha pra legibilidade em leituras longas. Todos os fluxos, mesmo os mais complexos, passaram por prototipação e teste de usabilidade antes de subir.
A identidade veio do conteúdo
A interface ficou enxuta, na linha do que Apple Music, Instagram e Airbnb já faziam, com um risco embutido de virar genérica.
Pra fugir disso, deixei o conteúdo assumir a cor: os topos extraem a cor dominante da arte de cada álbum ou playlist. A limpeza veio do layout e do espaçamento; a identidade, do conteúdo, não do cromo da interface.
iOS e Android como produtos irmãos
Como cada app era nativo, deixei os padrões seguirem as Human Interface Guidelines no iOS e o Material no Android sempre que a diferença era sistêmica ou cultural.
O caso mais claro foi o download local: no iOS não existe a cultura de ouvir música baixada no aparelho, então o app não carregou esse lado, enquanto o Android sim. Mantive paridade na hierarquia de leitura e na identidade visual entre as duas; só o comportamento seguia o hábito de cada plataforma.
Quando a restrição virou a solução
A conexão com serviços de streaming levou bastante pesquisa, mas, na prática, não conseguimos a estabilidade que queríamos.
Em vez de descartar a ideia, virei ela num reengajamento contextual: o app passou a detectar quando a pessoa estava ouvindo uma música e a disparar uma push que abre direto na tela da letra, via deep link, ao toque.
A restrição acabou apontando uma solução mais simples e mais alinhada ao momento de uso real, quando a pessoa já está ouvindo e só quer a letra na mão.
Foi minha primeira experiência de liderança, ainda técnica. No iOS eu respondia pelo projeto: definia e encabeçava as iniciativas e falava direto com o PO. Trabalhei com dois estagiários e, como não respondia pela gestão deles como designers, os levei como participantes de tudo, partindo do princípio de que um estágio serve para aprender antes de entregar.
Depois dos lançamentos, a nota nas lojas, que oscilava bastante, cravou 4,9 no iOS e no Android. O app Android entrou na lista Google Excellence Apps de 2018, a seleção curada do Google com os apps de mais alta qualidade da Play Store. Juntos, os apps passaram, e mantêm até hoje, a marca de mais de um milhão de usuários ativos por mês.
Ficha técnica
iOS
- Lead Designer
- Josue Macedo
- Estagiários de design
- Henrique Karaim, Thales Silva, Fernando Dilton
Android
- Product Designer
- Josue Macedo, Vitor Amaral
- Design Manager
- Juliana Araújo
Ferramentas
Sketch · Abstract · Zeplin