Quando iniciamos o desenvolvimento da Venturest, tínhamos uma visão clara: queríamos construir algo diferente. Algo que parecia moderno, sombrio, inovador e profundamente personalizado. Desde o primeiro momento, Tommaso Marchitelli, nosso COO da VENTUREST, que além de ser um ator fundamental na liderança é também um verdadeiro gênio do design e da Figma, se encarregou da experiência visual da plataforma.
A decisão inicial foi ambiciosa e emocionante: projetar cada componente do zero, cada interação, cada fluxo, tudo feito à mão com uma abordagem centrada no usuário que superaria visualmente nossos concorrentes. Queríamos criar algo único e bonito. E fizemos... pelo menos nos primeiros meses.
Mas, tal como acontece com muitas decisões no desenvolvimento de produtos, o que à primeira vista parece visionário pode tornar-se num estrangulamento se não estiver alinhado com as realidades operacionais. No nosso caso, construir cada botão, cada modal, cada input do zero começou a se tornar um grande obstáculo para o cumprimento dos nossos prazos.
O que acontece quando o design exclusivo entra em conflito com o lançamento?
Com o passar dos meses, notamos um padrão claro: quanto mais avançávamos nas funcionalidades, mais lentos éramos na entrega de novas versões. Cada nova tela exigia dias de trabalho em componentes visuais, validações, estilo responsivo e comportamentos interativos. E isso sem contar o trabalho de integração com a lógica de negócio.
Há cinco meses, fizemos uma pausa. Analisamos o custo real de continuar projetando tudo do zero e vimos claramente que a velocidade de entrega estava bem abaixo do que precisávamos. Então decidimos fazer uma mudança estratégica: adotar uma biblioteca UI como base e sacrificar temporariamente o design exclusivo.
O que mudou a seguir?
Todos.
Passamos de dias em cada novo fluxo para versões funcionais em questão de horas. As decisões de design foram aceleradas, o código tornou-se mais sustentável e pudemos nos concentrar no que realmente precisávamos validar: o negócio.
Isso nos machucou? Sim, um pouco. Investimos tempo e criatividade nesse design inicial. Mas, em retrospecto, foi uma das melhores decisões que tomamos. Não descartamos o retorno a um design totalmente personalizado no futuro, talvez em rodadas pós-investimento, como parte de um rebranding estratégico. Mas, por enquanto, a prioridade é entregar valor rapidamente.
Quais bibliotecas de UI você pode considerar se estiver usando o React?
Durante nossa avaliação analisamos diversas bibliotecas. Compartilho aqui os principais, com seus pontos fortes e para que tipo de projeto podem ser úteis:
1. IU Radix
Radix é uma biblioteca de componentes completamente dissociada do estilo visual. Ele fornece componentes acessíveis e altamente configuráveis que você pode estilizar como quiser. É perfeito se você tem seu próprio sistema de design ou se trabalha com Tailwind CSS.
O melhor: acessibilidade, controle total, ideal para arquiteturas escaláveis.
Use-o se: Você deseja controle total sobre o design sem sacrificar a acessibilidade.
2.Shadcn/ui
Shadcn é uma abordagem intermediária muito interessante. Em vez de instalar componentes como um pacote, você copia o código-fonte e integra-o diretamente ao seu projeto. É baseado em Tailwind e Radix, e combina o melhor dos dois mundos: rapidez de entrega + possibilidade de customização.
O melhor: customização sem perder velocidade, estilo moderno, comunidade ativa.
Use-o se: você deseja um design sólido e elegante sem perder a capacidade de personalizar cada detalhe.
3. IU sem cabeça
Criado pelos criadores do Tailwind, o Headless UI oferece lógica e comportamento sem estilo. Você é responsável pelo design. Isso dá total liberdade para criar uma UI totalmente customizada, mas com comportamentos já resolvidos como menus, modais e abas.
O melhor: lógica de interação resolvida, máxima liberdade de estilo.
Use-o se: Você já tem um designer forte na equipe e uma visão de design clara.
4. HeroUI (anteriormente NextUI)
HeroUI é uma evolução do NextUI, focada em uma experiência de desenvolvimento simples e ágil. Possui componentes prontos para uso e com design atraente desde o início. Ideal para MVPs ou startups que buscam velocidade com bom gosto.
O melhor: componentes visualmente atraentes e bem documentados.
Use-o se: Você precisa de velocidade e design decente sem esforço extra.
5. Margarida UI
DaisyUI é executado no Tailwind e fornece um extenso conjunto de componentes com suporte a temas pré-configurados. Muito útil para construir rapidamente sem se preocupar com cada pixel.
O melhor: velocidade, vários temas, integração perfeita com Tailwind.
Use-o se: Você estiver criando um produto funcional e rápido e um design exclusivo não for crítico.
6. MUI (IU de materiais)
Uma das bibliotecas mais maduras e completas. Baseado no sistema de design do Google, ele tem tudo que você precisa: componentes, temas avançados, suporte e documentação robusta. A aparência é reconhecível, o que pode ser uma vantagem ou uma limitação.
O melhor: robustez, amplo ecossistema, suporte corporativo.
Use-o se: você estiver construindo um aplicativo complexo ou corporativo onde a consistência e a escalabilidade superam a originalidade.
O que realmente aprendemos?
Além da velocidade de entrega, a adoção de uma biblioteca de UI mudou a forma como pensamos sobre o produto. Obrigou-nos a focar no que é essencial: validar hipóteses, medir resultados, ouvir o utilizador. Deixamos de ser escravos do design para nos tornarmos facilitadores de valor.
Isso não quer dizer que uma abordagem seja melhor que a outra. Tudo depende do momento do negócio. Se você está construindo o próximo Behance ou Figma, onde a interface é diferencial, invista em design desde o primeiro dia. Mas se você estiver testando um modelo de negócios, tentando entender o mercado ou iterando rapidamente, usar uma base pronta pode lhe dar a agilidade necessária para sobreviver.
Conclusão: estratégia antes da estética
Meu conselho, por experiência própria na Venturest, é simples: não se apaixone pelo seu design. Apaixone-se pelo seu propósito, pelo seu usuário, pela entrega de valor. O design exclusivo pode ser espetacular, mas somente se chegar a tempo. E para que isso aconteça, às vezes é preciso saber quando abrir mão da perfeição para abraçar a velocidade.
Chegará a hora de rebranding, pixels perfeitos e transições animadas no Figma. Mas primeiro, certifique-se de ter algo que valha a pena projetar assim.
Você está passando por uma decisão semelhante? Tem dúvidas sobre qual estante usar ou quando investir em design exclusivo? Eu adoraria ouvir suas experiências.
