CASE STUDY

Conceito de app que transforma
a experiência solo do Spotify
em uma rede social com
seus seguidores

How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights

CASE STUDY

Conceito de app que transforma a experiência solo do Spotify em uma rede social com seus seguidores

CASE STUDY

Conceito de app que transforma a experiência solo do Spotify em uma rede social com seus seguidores

How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights. How Delivery Hero streamlines marketing reporting across all their brands with Clarisights

Copy component

Copied

luxgoliveira@gmail.com

Contexto

Projeto Acadêmico — 2020 - 2025

Earbuds nasceu da ideia de resolver uma lacuna que o Spotify criou em 2016, ao remover sua função de chat dedicada (que só existia no desktop), se criou uma lacuna onde a interação entre o usuário e seus seguidores dentro da plataforma era praticamente nula

O projeto primeiramente foi desenvolvido em 2020 como um projeto acadêmico e depois revisitado.

Projeto Acadêmico — 2020 - 2025

Earbuds nasceu da ideia de resolver uma lacuna que o Spotify criou em 2016, ao remover sua função de chat dedicada (que só existia no desktop), se criou uma lacuna onde a interação entre o usuário e seus seguidores dentro da plataforma era praticamente nula

O projeto primeiramente foi desenvolvido em 2020 como um projeto acadêmico e depois revisitado.

Projeto Acadêmico — 2020 - 2025

Earbuds nasceu da ideia de resolver uma lacuna que o Spotify criou em 2016, ao remover sua função de chat dedicada (que só existia no desktop), se criou uma lacuna onde a interação entre o usuário e seus seguidores dentro da plataforma era praticamente nula

O projeto primeiramente foi desenvolvido em 2020 como um projeto acadêmico e depois revisitado.

Problema

23 de 38 pessoas entrevistadas já deixaram de ir a shows por não terem companhia

23 de 38 pessoas entrevistadas já deixaram de ir a shows por não terem companhia

23 de 38 pessoas entrevistadas já deixaram de ir a shows por não terem companhia

Não era falta de interesse. Era falta de um lugar pra combinar.

Apesar de o Spotify ter uma função de amigos, ela vive escondida na versão desktop. No mobile, o feed de atividade praticamente não existe. O chat foi removido em 2016. Compartilhar o que você está ouvindo exige sair do app.

O problema era claro: usuários do Spotify não conseguem interagir com seus seguidores dentro da plataforma.

Dados iniciais

O que já existia?

Spotify

Spotify

Comunidade existe, mas sem interação real entre seguidores

LastFM

LastFM

Histórico detalhado, com sistema de compatibilidade

Soundcloud

Soundcloud

Engajamento existe. Ideia de comunidade, com seguidores

Cada plataforma resolvia um pedaço do problema. Nenhuma resolvia o todo, especialmente no mobile.

O que cada uma ensinou:

No LastFM, o uso de cores diferenciando estilos musicais na linha do tempo e gráficos de horas ouvidas mostraram como visualizar dados de escuta de forma legível. No SoundCloud, o perfil do usuário e a lógica de seguidores mostraram como estruturar uma rede social em torno de música. No ZINGO, formas arredondadas, cards diferenciados e a navegação inferior confirmaram o padrão de interação que fazia sentido para o contexto.

E mesmo que o Spotify, em 2025 tenha voltado atrás e implementado novamente a função de chat também no mobile, ainda falta interação real entre os seguidores.

Ideação

Processo de criação de telas e funcionalidades

Para a criação dessas telas eu utilizei da técnica crazy eights, onde se propõe o desenvolvimento de 8 ideias em 5 minutos desenhadas no papel.

Primeira rodada do crazy eights: estrutura geral do app. 8 ideias em 5 minutos desenhadas no papel, sem filtro.

As funções essenciais que emergiram:

  • Encontrar pessoas com gostos musicais parecidos ou eventos em comum

  • Stories musicais mostrando a atividade dos seguidores

  • Chat com outros usuários

  • Informações estatísticas sobre artistas, álbuns e músicas

A arquitetura de navegação espelha a do Spotify intencionalmente. Três seções (Home, Pesquisa e Social) navegadas pela barra inferior. Familiar o suficiente para não criar estranhamento. Distinto o suficiente para ter identidade própria.

Segunda rodada: refinamento. Foco nas telas mais complexas — especialmente a área Social com chat aberto, atividade de amigos e a tela de encontrar pessoas.

Solução

O app

Homepage

A Home centraliza o que importa:
o que seus seguidores estavam ouvindo, próximos shows dos artistas que você ouve, e seu relatório semanal de escuta.

Perfil

Mural modular que permite personalização do perfil, destacando músicas e álbuns

Perfil

Histórico completo das seções de música do Spotify

Encontrar pessoas

Descubra afinidades e conecte-se com pessoas que têm a mesma
vibe musical
Descubra afinidades e conecte-se com pessoas que têm a mesma vibe musical
UI Mockup

Encontrar pessoas

Encontre pessoas que compartilham suas músicas e artistas favoritos
Evolução da UI
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.

Evolução da HomePage desde os primeiros rascunhos

Evolução da Logo
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
O que mudou e por quê

A v1 tinha um scroll infinito de estatísticas automáticas (músicas ouvidas, artistas, rankings). Muito dado, pouca identidade.

A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.

O redesign manteve os dados estatísticos mas também trouxe um mural editável: o usuário escolhe o que expor. Menos algoritmo, mais expressão pessoal.

O redesign manteve os dados estatísticos mas também trouxe um mural editável: o usuário escolhe o que expor. Menos algoritmo, mais expressão pessoal.

O tradeoff aqui foi abir mão dos dados genéricos em favor da expressão pessoal. Num contexto social, personalidade importa mais que histórico.

O tradeoff aqui foi abir mão dos dados genéricos em favor da expressão pessoal. Num contexto social, personalidade importa mais que histórico.

O tradeoff aqui foi abir mão dos dados genéricos em favor da expressão pessoal. Num contexto social, personalidade importa mais que histórico.

Aplicações

A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.
A imagem exibe um conceito de redesign da página principal do Steam Deck, destacando um dispositivo portátil para jogos de PC em um fundo roxo vibrante, com o produto em destaque no centro, acompanhado de texto detalhando disponibilidade e preços a partir de 399 USD.

Create a free website with Framer, the website builder loved by startups, designers and agencies.