// CASE STUDY — GUUH SC
GUUH SC
A CARTA
Ecossistema web oficial, estratégia de conversão B2B/B2C e identidade visual da campanha do álbum "A Carta".
Agosto a Setembro de 2025
UX/UI Design & Dev Web
Direção Criativa
Identidade Social & Web
// RESULTADOS & MÉTRICAS — IMPACTO ESTRATÉGICO
100%
ECOSSISTEMA CENTRALIZADO
Hub único unificando lançamentos do álbum "A Carta", clipes e redes sociais.
3.4x
AGILIDADE COMERCIAL B2B
Contratantes consultam rider técnico e disponibilidade de agenda em menos de 2 minutos.
012 SJC
MARCA CONSOLIDADA
Alinhamento estético entre palco, capas de streaming, Instagram e plataforma web.
// 01 — VISÃO GERAL E CONTEXTO
O Desafio do Artista Independente
Presença Fragmentada e Ruído de Comunicação
A necessidade de centralizar a presença digital do artista independente GUUH SC em um único hub oficial, conectando lançamentos musicais, presença nas redes sociais e contato comercial sem dispersão de audiência entre diferentes plataformas.
Hub de Conversão B2B e Retenção B2C
Criar uma plataforma otimizada não apenas para engajar fãs (com reprodução instantânea de clipes e streaming de áudio), mas que funcionasse primordialmente como ferramenta comercial e de autoridade para contratantes de shows para a temporada 2026/2027, alinhada à estética do projeto "A Carta".
Mapeamento de Públicos-Alvo
Fãs e Ouvintes
Consumo rápido de músicas, clipes em alta definição e acompanhamento em tempo real da agenda de shows.
Contratantes & Produtores
Verificação instantânea de autoridade (histórico de palco, métricas de público) e facilidade de contato direto para orçamentos.
// 02 — IDENTIDADE VISUAL & UI DESIGN
Look & Feel Urbano de Alto Contraste
Uma abordagem urbana, noturna e de alto contraste, refletindo a energia e a atitude da cena musical ("Voz da Quebrada"), combinando texturas de arte de rua com refinamento editorial.
Paleta de Cores e Tokens UI
Roxo Profundo
Background principal que valoriza mídias e conteúdos audiovisuais.
Neon Rosa Choque
Cor de destaque principal para CTAs críticos (Ouvir no Spotify, Contato).
Ciano / Verde Neon
Contraste secundário para tags de status de agenda, badges e ênfase visual.
Branco Puro
Títulos display e tipografia de alto impacto.
Cinza Metálico
Textos de apoio, legendas e divisores sutis.
Bebas Neue / Impact Display
A CARTA • GUUH SC • VOZ DA QUEBRADA
Títulos de impacto visual pesado, nomes de faixas e chamadas de ação.
Montserrat / Inter Clean Sans
Plataforma oficial construída com foco em engajamento e conversão de contratantes.
Textos corridos, dados técnicos de shows e navegação acessível.
// 03 — ARQUITETURA DA INFORMAÇÃO & UX STRATEGY
Jornada de Navegação One-Page
Estrutura One-Page contínua: do engajamento emocional à conversão comercial, ritmada com clareza e sem ruídos visuais.
Hero Section
Apresentação imediata da marca (Logo GUUH SC) com botões rápidos de ação para reprodução e contato.
Storytelling (Quem é GUUH SC)
Humanização do artista com foto de bastidor autêntica e biografia concisa da trajetória da quebrada aos palcos.
Hub Audiovisual (Vídeos & Lançamentos)
Organização em formato de grid dos clipes oficiais do YouTube (incluindo Músicas e Making Of), imergindo o usuário.
Retenção e Streaming (Spotify Oficial)
Integração de streaming para que os ouvintes escutem a discografia completa sem sair do ecossistema do site.
Social Proof (Últimas do Instagram)
Feed dinâmico que demonstra relevância em tempo real, engajamento comunitário e presença digital ativa.
Seção de Autoridade (Agenda Temporada)
Listagem do histórico de palcos e próximos shows com tags visuais de status para gerar urgência e credibilidade.
// 04 — SOLUÇÕES DE DESIGN APLICADAS
Interface & Protótipo do Ecossistema
// 05 — GALERIA VISUAL & DIREÇÃO DE ARTE
Galeria de Campanha & Palco
Curadoria visual oficial registrando a energia do palco diante do público, ensaios editoriais urbanos e o design de capas de lançamento.
Público & Palco 012
Impacto e validação de audiência.
Atitude & Estilo
Estética urbana e paleta noturna.
Cabelo Branco
Identidade visual de lançamentos.
// 07 — DADOS E RESULTADOS