Anderson Ribeiro | UX UI Designer
Protótipo - Dashboard SaaS de Streaming de Música
Projeto UI Design
Projeto criado com o intuito de desenvolver o layout de um Streaming de Música
O Streaming de música que está na onda!
TEMPO DE CRIAÇÃO
DISPOSITIVOS
MINHA ATUAÇÃO
FERRAMENTAS
Introdução
O objetivo era desenvolver um dashboard de streaming de música voltada para usuário em seu uso no desktop. O layout deve ser intuitivo e informativo, oferecendo dados detalhados sobre o consumo de conteúdo e insights para o usuário.
1
Design Clean
Seguindo a tendencia atual do mercado, o desgin clean vem impactando positivamente na experiencia do usuário, sendo mais agradável de ver
2
Inspirado em aplicativos de sucesso
Não inventamos a roda quando ela já está indo super bem, então o design foi inspirado em aplicativos de banco de sucesso, como Spotify, Deezer, Amazon Music, entre outros, para trazer o melhor que um streaming de musca pode oferecer em questão de acessibilidade e navegação.
3
Menu Claro e intuitivo
Cada menu foi elaborado para que haja um fluxo conciso entre as telas, favorecendo a memorização e intuição dos usuários ao usar o dashboard, além de facilidade o acesso a todos os menus, de música e consumo
Briefing
Header e Navegação Principal
Barra de navegação lateral ou superior com as seções: "Home", "Minhas Playlists/Séries", "Análises de Consumo", "Configurações de Conta".Logo da plataforma e botão para logout
Painel Principal
Últimas Atividades de consumo do usuário dentro da plataforma.
Seção ou visualização que mostre
Tempo de streaming por dia/semana/mês.
Gêneros mais consumidos.
Artistas/Filmes/Programas mais assistidos.
Recomendações
Baseado no histórico de uso, exibe uma seção de recomendações de novos álbuns/séries/filmes com cards clicáveis.
Seção de Metas de Consumo
Permitir que o usuário defina metas de quanto quer consumir (horas de música ou número de episódios por semana/mês).
Seção de Insights
Oferecer insights automáticos, como "Você escutou 20% mais música eletrônica este mês" oferecer sugestão "Escute essas playlists famosas nesse gênero..."
Gráfico de histórico
Mostre as músicas, podcasts ou episódios completados versus abandonados pela metade.
Design e Guia de Estilo
Botões e combobox
Cores Principais
Cores Secundárias
Logo
O nome 'Sonora', representando energia e fluxo musical, foi escolhido para refletir a essência da nossa aplicação. Os detalhes em forma de traços remetem a vibração do som, assim como o formato de W é referente a wave(onda). Por isso o nome completo da marca é Sonora Wave, onde sonora, levando música para qualquer lugar do mundo.
Cores
O roxo e laranja remetem a cores energéticas e moderna, totalmente compatível com a energia e sensações que o usuário tem ao ouvir suas músicas favoritas.
Design Prático e Navegável:
-
Consideração da facilidade de acesso aos principais serviços do banco
-
Telas separadas de acordo com os serviços
Inspirado em Aplicativos de Sucesso:
-
Referência em Nubank, Picpay, Digio e outros bancos para eficiência na organização.
-
Adoção de funcionalidades desses aplicativos para familiaridade.
Toque Personalizado:
-
Inclusão de menus que possibilita interação entre cliente x prestador de serviços
-
Os usuários podem tirar dúvidas com chats em tempo real com funcionários
Persona
Nome: Luisa Maria
Idade: 24 anos
Profissão: Atendente
Interesses:
-
Moda
-
Blog
-
Pop
Estilo de vida:
-
Profissional ocupado, mas sempre encontra tempo para navegar nas redes sociais
-
Adora ouvir música para fazer tudo no seu dia-a-dia
-
Gosta de se manter atualizado sobre as últimas notícias do mundo
Protótipo - DarkMode
Menu Principal
Lista de Músicas
Dashboard
Protótipo - LightMode
Menu Principal
Lista de Músicas
Dashboard
Demonstração do Protótipo
RESULTADOS
Impacto e aprendizado
-
Desenvolver o design em poucos dias com um briefing complexo permitiu aplicar conceitos de heurística de forma eficiente.
-
Destacou a influência positiva do design na experiência do usuário, focando na agilidade, acessibilidade e interface limpa para sistemas de música.
-
Casos do mundo real demonstraram como o design pode transformar a usabilidade, criando interfaces que atendem às necessidades diárias dos usuários de forma prática e direta.
Metodologias e Processos
-
Utilização de boas práticas de heurística para organizar elementos e ações de maneira clara e funcional.
Se você tem uma ideia, lembre-se: com metodologias adequadas e um processo bem estruturado, é possível transformar desafios complexos em soluções efetivas e inovadoras.