GoBraids

GoBraids é um aplicativo que ajuda trancistas a melhorarem suas habilidades e gerenciarem seus negócios de forma mais eficiente.

━  o projeto​

O projeto nasceu da observação real de uma dor recorrente no mercado: a falta de visibilidade e estrutura para trancistas crescerem de forma sustentável.

 

━ cliente​

Grupo MoreNinety

━ ano

2024

━ projeto

Início – Maio
Em andamento

━ meu papel

Product Designer

━ ferramentas​

_ Figma
_ FigJam
_ Photoshop
_ Illustrator
_ WordPress

━ processos

_ Entrevistas
_ Wireframes
_ Prototipagem
_ Estudos de Usabilidade
_ Consideração da Acessibilidade
_ Iteração em Designs
_ Arquitetura da Informação
_ Design Responsivo

Visão geral do projeto

━ proposito do projeto

Democratizar o acesso à tecnologia, educação empreendedora e ferramentas digitais para trancistas, promovendo autonomia, renda e reconhecimento.

━ Problema

Apesar da grande demanda por serviços de tranças afro, profissionais enfrentam dificuldades em promover seus trabalhos, gerenciar clientes, finanças e encontrar canais eficientes de divulgação. A informalidade e a falta de ferramentas específicas para esse nicho resultam em perda de oportunidades.

 

━ meta do aplicativo

O Gobraids oferece um hub de ferramentas para gestão financeira, agendamento, marketing e cursos, conectando trancistas a clientes e promovendo crescimento profissional.

Criar uma plataforma intuitiva que ofereça:
_ Gestão de agenda e clientes
_ Cursos técnicos e de empreendedorismo
_ Conexão com clientes via geolocalização
_ Marketplace de produtos afro
_ Ferramentas de precificação e controle financeiro

Entendendo o usuário

━ Contexto do problema

Público-alvo
Mulheres, 20-60 anos.
Trancistas ou mulheres com outras ocupações, que buscam outra fonte de renda profissional.
Mulheres que buscam profissionais para fazer tranças Afro

━ Dores e necessidades

Dores dos Trancistas

Visibilidade Limitada

Dificuldade em se destacar no mercado competitivo

Conexão Ineficiente

Falta de plataforma para ligar trancistas a clientes

Gestão Frágil

Falta conhecimento empreendedor e controle financeiro

Marketing Desafiador

Dificuldade em promover serviços de forma eficaz

Dores dos Clientes

Profissionais Escassos

Dificuldade em encontrar trancistas qualificados

Confiança Questionável

Preocupação com segurança e qualidade do serviço

Agendamento Complexo

Falta de flexibilidade e facilidade para marcar

Preços Opacos

Dificuldade em comparar valores e orçamentos

━ personas

A criação das personas do GoBraids foi essencial para orientar decisões de design, produto e comunicação a partir de perfis reais que representam os principais usuários da plataforma. Através de entrevistas, escuta ativa e observação do comportamento de trancistas e clientes em ambientes digitais e presenciais, conseguimos identificar padrões, dores, objetivos e expectativas que fundamentam a experiência ideal para cada público.

As personas nos ajudam a manter o foco em quem realmente importa: as pessoas que usam o aplicativo no seu dia a dia, com suas histórias, desafios e sonhos.

Declaração de problema:​

Maria precisa de uma plataforma que valorize seu trabalho, permita mostrar seu portfólio de forma bonita e facilite o agendamento com clientes, sem depender de redes sociais ou informalidade, e sem precisar pagar comissões altas ou lidar com ferramentas complicadas.

Declaração de problema:​

Ana precisa de uma forma confiável e prática de encontrar trancistas com portfólios reais, avaliações de outras clientes, preços transparentes e agendamento direto — sem precisar depender de indicações ou arriscar atendimentos incertos.

━ estudo de Benchmark

Analisei plataformas como Salão99, Trinks, Programa Salão, EasySalon e Gendo para entender seus modelos de negócios, funcionalidades e usabilidade. O estudo evidenciou que, enquanto esses apps focam em salões e serviços gerais, poucos atendem de forma específica e culturalmente sensível ao mercado de trancistas. Esse gap revelou uma oportunidade única para o GoBraids se posicionar com propósito social e foco em nicho, oferecendo ferramentas sob medida para esse público.

━ Funcionalidades

Durante o processo de pesquisa e benchmarking com os principais aplicativos de agendamento de serviços e marketplaces de beleza (como Singu, Trinks, Bnkr, Vaniday, entre outros), identificamos que a maioria das soluções disponíveis apresenta um conjunto limitado de funcionalidades voltadas para o contexto e a realidade das trancistas e de seus clientes.

Enquanto os apps do mercado priorizam modelos genéricos de salão ou profissional de beleza (cabelo, unha, estética), o GoBraids surge com uma proposta especializada, construída a partir da escuta ativa de trancistas e clientes reais.

O GoBraids não é apenas um app de agendamento: é um ecossistema de valorização da cultura, da estética negra e do empreendedorismo periférico. Cada funcionalidade foi pensada para fortalecer a autonomia das trancistas e dar segurança e encantamento aos clientes que buscam mais do que um serviço: buscam expressão, beleza e identidade.

━ preços e plataformas suportadas

Durante a análise dos aplicativos concorrentes, observei que a maioria impõe tabelas de preço fixas ou comissionadas, o que muitas vezes desvaloriza o trabalho manual e artístico das trancistas. Além disso, há pouco espaço para variações por estilo, complexidade ou tempo de execução.

No GoBraids, entendemos que cada trança tem seu valor, sua técnica e sua identidade. Por isso, a formação de preço é totalmente aberta e definida pela própria trancista, respeitando sua realidade, seu tempo e sua experiência. O app atua como ponte de confiança e visibilidade, e não como intermediador que padroniza ou limita o valor do serviço.

Iniciando o design

Tipo de estudo

Usabilidade não moderado

Local

Brasil, remoto e presencial

Participantes

20 Pessoas

Tempo

30 a 60 minutos

Durante a fase de empatia, realizei uma escuta ativa e profunda com trancistas e clientes em diferentes contextos sociais e geográficos. Parti da suposição de que o principal desafio estava na falta de visibilidade para os profissionais, mas nossa imersão revelou uma realidade mais ampla: além da exposição limitada, as trancistas enfrentam barreiras tecnológicas, informalidade forçada, desvalorização estética e ausência de ferramentas que respeitem sua identidade e autonomia.

Com base nesses aprendizados, defini juntamente com os fundadores, o propósito do GoBraids: criar um espaço digital que valorize a cultura das tranças, simplifique o encontro entre clientes e profissionais, e ofereça ferramentas acessíveis e humanas para o agendamento de serviços.

A arquitetura do produto foi estruturada para acolher tanto quem já domina o uso de apps quanto quem ainda está dando seus primeiros passos com tecnologia. O design de UX prioriza clareza, acolhimento visual e fluidez de navegação, traduzindo em cada tela o respeito ao tempo, à estética e à cultura de quem trança e de quem procura se reconectar com suas raízes.

━ Wireframes Iniciais

Quando ingressei na equipe do GoBraids, o aplicativo já contava com uma primeira versão de wireframes. Esse material inicial, embora funcional, apresentava limitações quanto à hierarquia visual, usabilidade em contextos de baixa conectividade e alinhamento com as necessidades emocionais e culturais dos usuários.

Assumi a responsabilidade de conduzir o novo design do aplicativo, com foco em acessibilidade, identidade e fluidez. Minha abordagem foi baseada em princípios de UX centrado no usuário, explorando o que realmente importa para trancistas e clientes: visibilidade, confiança, liberdade criativa e uma jornada intuitiva.

━ Sitemap do Aplicativo GoBraids

Para estruturar a arquitetura da informação do GoBraids, construí juntamente com toda equipe, um sitemap que organiza e hierarquiza todas as seções do aplicativo de forma lógica e centrada na experiência do usuário.

Durante esse processo, consideramos a simplicidade da navegação, o fácil acesso às funcionalidades principais (como agendamento e visualização de perfis) e a separação clara entre os fluxos de cliente e trancista. Também levamos em conta o uso recorrente via dispositivos móveis em contextos de baixa conectividade, o que nos levou a priorizar jornadas mais curtas e diretas.

O sitemap é uma ferramenta essencial que guiou o design das telas, garantindo consistência, clareza e escalabilidade do produto.

━ Fluxo do Cliente e da Trancista

Para mapear as jornadas de uso de maneira realista e empática, desenvolvi fluxos de usuários distintos para clientes e trancistas, baseados em entrevistas, testes informais e análise de comportamentos típicos em apps similares.

O fluxo do cliente foi desenhado para ser simples, intuitivo e encantador desde a descoberta até a avaliação do serviço. Já o fluxo da trancista considera o contexto de informalidade digital de muitas profissionais, oferecendo autonomia para gerenciar agenda, portfólio e relacionamentos com os clientes, sem exigir conhecimento técnico avançado.

Ambos os fluxos foram pensados para minimizar fricções, respeitar o tempo dos usuários e fortalecer a conexão entre cliente e trancista — sempre com foco na valorização da estética afro e da economia criativa.

━ Style Guide

O Style Guide do GoBraids foi desenvolvido para garantir consistência, escalabilidade e representatividade em todos os pontos de contato do produto digital. Guiado por uma estética funcional e significativa, o sistema visual se ancora na identidade gráfica da marca para transmitir clareza, força e autenticidade ao longo da experiência do usuário.

Todos os elementos visuais seguem uma lógica de componentização reutilizável, o que garante fluidez na construção das telas e permite uma aplicação coerente da linguagem visual em diferentes dispositivos, com foco especial em interfaces mobile-first. Tipografia, ícones, espaçamentos e padrões seguem um ritmo visual leve, acessível e moderno.

A escolha cromática parte da simbologia da marca: as cores foram inspiradas nas bandeiras de países africanos como Nigéria, Etiópia, Gana e Senegal, reinterpretadas em tons pastéis e terrosos para oferecer contraste adequado, conforto visual e uma identidade distinta no ambiente digital. Essa paleta representa não apenas beleza, mas também ancestralidade, orgulho e conexão cultural, sendo aplicada com cuidado em botões, planos de fundo, destaques e estados de interação.

O resultado é um guia visual que equilibra propósito, estética e usabilidade, entregando uma interface que respeita a raiz e valoriza a jornada dos usuários dentro do GoBraids.

━ Componentes Base e Diretrizes de Interface

A construção da interface do GoBraids foi orientada por um sistema de design modular, minimalista e responsivo, inspirado nas boas práticas do Tailwind CSS. A escolha por uma base visual clean e funcional permitiu priorizar clareza, contraste e acessibilidade, ao mesmo tempo em que oferecemos espaço para expressar a identidade visual afrocentrada do projeto.

Adotei uma filosofia de design baseado em componentes reutilizáveis, garantindo escalabilidade do produto e coesão entre as telas. Cada elemento foi desenhado para ser direto, leve e adaptável a diferentes dispositivos, priorizando o mobile sem comprometer a experiência no painel web.

━ Modelos

Para orientar a construção visual do GoBraids, criei um esboço-modelo que serve como base estrutural para o layout das telas. Esse modelo organiza blocos de conteúdo, hierarquias visuais e áreas interativas de forma estratégica, garantindo consistência entre os fluxos, clareza na navegação e equilíbrio entre estética e funcionalidade.

Ele foi essencial para testar rapidamente variações de interface e validar a distribuição ideal de elementos antes de avançar para os protótipos de alta fidelidade.

━ Protótipo de baixa fidelidade

Com os fluxos validados e os componentes base definidos, avançamos para a construção do protótipo de alta fidelidade do GoBraids. Essa etapa teve como objetivo materializar a experiência pensada para o usuário final, traduzindo a arquitetura, os fluxos e os valores visuais em telas funcionais e navegáveis.

O protótipo foi desenvolvido com atenção especial à identidade visual do projeto, incorporando cores, tipografia, espaçamentos e ícones consistentes com a proposta estética afrocentrada e acessível. A escolha por uma abordagem minimalista, alinhada ao sistema de componentes inspirado no Tailwind, permitiu priorizar clareza, foco na ação e suavidade na navegação.

Foram consideradas as diferentes jornadas, tanto de trancistas quanto de clientes, garantindo que o protótipo fosse realista e cobrisse todos os estados possíveis da interface, como:

_ Perfis vazios e preenchidos;

_ Agendamentos pendentes, aceitos ou recusados;

_ Feedbacks pós-serviço;

_ Tela de carregamento e erros.

O protótipo de alta fidelidade também serviu como ferramenta essencial para validação com usuários reais, testes internos e apresentação para stakeholders. Ele reflete não apenas o visual do produto, mas a visão estratégica por trás do GoBraids: conectar pessoas, valorizar culturas e simplificar processos com respeito, beleza e tecnologia.

━ Considerações de acessibilidade

Foram considerados elementos como contraste de cores, botões de fácil clique, tipografia legível e hierarquia clara de informações.

Compatibilidade com leitores de tela

Texto legível e contraste adequado para usuários com deficiência visual.

Navegação

Navegação simples e lógica para facilitar o uso por pessoas com dificuldades cognitivas.

Suporte

Suporte a gestos e interações alternativas para usuários com mobilidade reduzida.

━ Pontos importantes

O app já está lançado e funcional em sua versão MVP. Os fluxos principais — cadastro, agendamento e perfis, já estão ativos e sendo testados.

━ Próximas etapas

As próximas fases incluem:

_ Lançamento dos módulos de busca de trancistas, fluxo cliente, gestão financeira e marketplace.

_ Implementação de pagamentos online e reviews

_ Expansão de base com ações de marketing digital e parcerias estratégicas

_ Testes contínuos com grupos de usuárias para evolução constante

━ conclusão

GoBraids é mais do que um app, é um movimento. Um projeto em desenvolvimento contínuo que combina design estratégico, tecnologia e impacto social para valorizar o trabalho das trancistas e transformar sua relação com o mercado. A cada iteração, reafirmamos nosso compromisso com uma plataforma inclusiva, útil e empoderadora.

Obrigado

Obrigado pelo seu tempo ao analisar meu estudo de caso no app Gobraids.

Caso queira acompanhar o GoBraids, não deixe de acessar o site do projeto: www.gobraids.com.br