Desenhando a segunda versão de um app para gaitistas.
A gaita cromática (Chromatic Harmonica) é um instrumento de sopro que permite ao músico executar todas as 12 notas da escala cromática, essenciais na música ocidental. Diferente da gaita diatônica, mais comum no blues e em estilos populares, ela possui um sistema de palhetas duplas e uma chave lateral que altera o fluxo de ar, possibilitando tocar sustenidos e bemóis com precisão. Esse mecanismo amplia significativamente as possibilidades musicais, tornando a gaita cromática ideal para repertórios mais complexos, como jazz, música erudita e MPB. Ao mesmo tempo, torna o aprendizado mais desafiador, especialmente para quem está começando.
O app foi criado pelo engenheiro de software e músico Filipe Lins para ajudar iniciantes a praticar escalas e arpejos na gaita cromática de forma simples, organizada e eficiente. Ele reúne conteúdos que normalmente são dispersos, oferecendo uma interface clara e intuitiva, feita especialmente para gaitistas. O modelo de negócio é freemium: o app pode ser baixado e usado gratuitamente, com a opção de assinatura para quem quiser apoiar o projeto e liberar todas as funções.
.gif)
O desenvolvimento da segunda versão do app se baseou em três pilares principais: criar uma identidade visual consistente, acrescentar novos recursos e aplicar conceitos de gestalt e usabilidade para melhorar a experiência dos usuários. A proposta foi evoluir o app, que nasceu de forma simples e funcional, para uma versão mais madura e refinada, tanto no aspecto visual quanto nas funcionalidades, tornando-o ainda mais útil e agradável para quem está aprendendo a tocar gaita cromática.
Criando a identidade
A estrutura do app é simples, composta por três telas principais (Login, Home e Loja) além dos modais de configuração. Com essa arquitetura compacta, nossa margem para criar uma identidade visual forte era mínima. Por isso, concentramos esforços na tela de login, que funciona como a principal responsável por transmitir a atmosfera desejada: um mood inspirado nos cartazes de músicos de jazz das décadas de 1920 e 1930. Optamos por uma imagem em estilo de xilogravura, um logotipo com fonte de serifa grande e quadrada, e uma composição visual marcada pelo contraste duro do preto com tons pastéis de amarelo sobrepostos, criando um impacto forte e imediato logo na entrada do app e estabelecendo a identidade que permeia toda a experiência.
Reconstruindo a home
A grande dificuldade ao redesenhar a Home foi acomodar os novos recursos sem comprometer a usabilidade. A introdução de novos features exigiu uma reorganização da interface, que precisava continuar simples e direta, como na versão original, mas agora oferecendo mais possibilidades para o usuário. O desafio foi equilibrar a densidade de informações com a clareza visual, garantindo que quem está começando a estudar gaita cromática conseguisse navegar pelo app de forma intuitiva e sem sobrecarga.
Mantivemos a estrutura básica da Home organizada em quatro linhas, como na primeira versão, mas reposicionamos e redimensionamos os botões para que ocupassem o menor espaço possível sem prejudicar a usabilidade. Essa mudança foi necessária para acomodar melhor a estrutura das notas, que na nova versão passaram a ser apresentadas como botões. Como elementos interativos, esses botões precisam respeitar um tamanho mínimo para garantir a boa experiência.
.gif)
Para a nova versão, buscamos uma fonte com excelente legibilidade em tamanhos pequenos e que ocupasse o mínimo de espaço horizontal sem ser condensada. A escolha foi a Noto Sans, uma tipografia sem serifa desenvolvida pelo Google, conhecida pelas proporções equilibradas, traços limpos e espaçamento preciso: qualidades que garantem clareza e eficiência na leitura, além de permitir uma organização compacta e funcional dos elementos da interface.
O amarelo, já definido previamente como cor primária, serviu como ponto de partida para a composição da paleta. Buscamos, então, uma cor oposta no círculo cromático para atuar como cor secundária: o azul. Além de garantir contraste entre si, essas cores se destacam tanto sobre o branco, usado como fundo, quanto sobre o preto, empregado na tipografia. Essa combinação reforça a hierarquia visual, melhora a legibilidade e mantém a identidade vibrante e criativa do app.
Desenhar a nova versão deste app foi uma experiência bastante diferente das que costumo enfrentar, já que, nos últimos anos, tenho me dedicado principalmente ao desenvolvimento de soluções para produtos financeiros. Trabalhar em um contexto tão ligado à prática musical exigiu não apenas adaptar meu olhar de design para outro tipo de linguagem e universo visual, mas também lidar com a limitação de não ter domínio profundo da teoria musical (um desafio adicional que impactou desde a compreensão das necessidades do usuário até as escolhas de interface).
Apesar dessas dificuldades, foi uma oportunidade valiosa de expandir meu repertório e aplicar meus conhecimentos de design centrado no usuário em um campo diferente, aprendendo a equilibrar aspectos estéticos, técnicos e funcionais para criar uma ferramenta útil e convidativa para quem está começando a tocar gaita cromática.
