Recentemente, decidi aceitar um desafio pessoal #buildinpublic, no qual me propus a criar e lançar um produto SaaS em apenas 10 dias. Já fazia um bom tempo desde que eu construí um produto do zero e queria me esforçar para criar algo novo este ano.
Para começar, deixe-me explicar por que estou aceitando esse desafio. Meu objetivo é me responsabilizar. Tenho a tendência de continuar criando mais recursos e dizendo “e se eu adicionar isso?” ou “e se eu adicionar isso?” Mas desta vez, quero resistir a esse desejo e me concentrar em mantê-lo simples, mas funcional, com esse limite de tempo.
Mostrarei todo o processo de construção de um produto SaaS a partir de:
ideação
Desenvolvimento e
lançar
Mas não vou dar nenhum conselho ou fingir saber o que estou fazendo, já que este é meu primeiro produto baseado em assinatura. Em vez disso, simplesmente serei transparente com o processo de desenvolvimento e os resultados finais para que você possa aprender com meus sucessos e fracassos.
Então, sobre o que será o novo projeto? Decidi criar o criador de carrossel mais fácil de usar para Instagram e LinkedIn.
Tive a ideia deste projeto porque percebi como as postagens em carrossel eram populares no LinkedIn. Eu trabalhei na criação de carrosséis e, acredite, eles podem consumir muito tempo para serem projetados. Então, pensei, por que não criar algo que torne mais fácil para quem não é designer criar seus próprios carrosséis visualmente envolventes?
No entanto, não quero sobrecarregar os usuários com muitas opções de design. Afinal, a vida útil dos posts nas redes sociais é tão curta, que nem sempre vale a pena gastar muito tempo para aperfeiçoá-los. Meu objetivo é fornecer opções suficientes para que os usuários criem designs atraentes que reflitam sua marca pessoal ou da empresa sem complicar muito as coisas.
Na época em que trabalhava como designer para startups, muitas vezes me via fazendo malabarismos com múltiplas responsabilidades. Eu não estava apenas trabalhando em design de marketing, mas também tinha que lidar com design de produtos e outras coisas - isso é a vida em uma startup! Com tanto em meu prato, foi especialmente frustrante quando tive que gastar tempo fazendo alterações de design depois de muitas iterações de direitos autorais. Muitas vezes desejei que as pessoas encarregadas da cópia pudessem fazer essas alterações por conta própria sem precisar me envolver como designer.
É por isso que acho que minha ferramenta de criação de carrossel pode ser útil não apenas para pessoas comuns que gerenciam suas marcas pessoais, fundadores solo e hackers independentes, mas também para pequenas empresas ou startups com tempo e recursos limitados para se dedicar ao design. Trata-se de tornar o processo de design mais simples e acessível para todos, independentemente de suas habilidades técnicas.
Embora eu não tenha certeza se minha abordagem atrairá os usuários, o fato é que já existem grandes players no mercado de modelos de design. Preciso me diferenciar o suficiente para me destacar, mas não tanto que não consiga atrair um público amplo.
Então, estou fazendo esse experimento de 10 dias para ver se essa ideia dá certo. Haverá algumas arestas, mas é tudo uma questão de testar se devo continuar. Se o produto não gerar nenhuma receita no primeiro mês, saberei que é hora de tentar outra coisa.
Em primeiro lugar, os modelos podem ser complicados. Eles podem parecer incríveis no início, com os tamanhos de fonte certos, paletas de cores harmoniosas e imagens bem escolhidas, mas os usuários podem ter dificuldades na hora de personalizá-los.
Quando eles adicionam o texto, alteram o tamanho da fonte e movem as coisas, o design final pode não ser o que eles esperavam. Não é nenhuma surpresa, realmente. Se você não for um designer, como saberia quais tamanhos de fonte, cores, margens ou preenchimentos usar? Muita liberdade pode levar a resultados confusos.
Além disso, muitos desses modelos são únicos e chamativos, e pode ser difícil se encaixar em uma marca específica, causando inconsistência visual e uma imagem de marca confusa. A outra questão é que, se um modelo super exclusivo e atraente se tornar muito popular e os usuários o virem em todos os lugares, ele gritará “modelo!” e isso geralmente não cai bem.
O que eu quero fazer é oferecer uma solução de design simples que permita aos usuários adicionar suas fontes de marca, cores e logotipos sem sinos e assobios extras. Um design simples é universal, não pertence a ninguém, mas você pode torná-lo seu adicionando as cores e fontes da sua marca para dar um toque único - basicamente elimina o risco de parecer que você está usando o mesmo modelo que todos outro.
Mas há um problema: não designers podem se sentir inseguros sobre sua imagem e ver designs simples como insuficientes.
Eles podem acabar descartando a ferramenta por ser muito básica e escolher outra coisa, tentando compensar sua falta de habilidades de design adicionando gráficos e efeitos chamativos, acreditando que mais é mais. Você sabe, a clássica situação de “tornar o logotipo maior” — se você já trabalhou com clientes em uma agência de design, entenderá totalmente o que estou dizendo!
Agora que discuti esses problemas, soluções e possíveis armadilhas, é hora de mergulhar no processo de desenvolvimento e ver como enfrento esses desafios de frente.
No primeiro dia, coloquei a estrutura básica em funcionamento. O carrossel é funcional e coloquei intencionalmente as configurações em cada slide, para que os usuários não precisem interagir diretamente com os elementos de design. Eles não podem mover ou selecionar nada, o que é bem diferente de outras ferramentas de design existentes.
Não tenho certeza de como essa abordagem vai dar certo, é um pouco arriscado. Isso é especialmente voltado para usuários que podem não estar acostumados a interagir com uma tela de design. Em vez disso, as configurações são apresentadas como um formulário fácil de preencher e ajustar.
No slide "Intro", incluí um subtítulo, título, descrição, um ícone de deslizar para a direita e um emoji. Aqui está outra coisa que estou arriscando… Adicionar um emoji pode ser uma excelente maneira de os usuários transmitirem o tema do carrossel sem se esforçar para encontrar uma imagem que complemente o design.
Mas o que é realmente interessante é que o tamanho da fonte se ajusta automaticamente quando você altera o texto. Você pode adicionar quanto texto quiser e sempre se adapta para caber.
Imagine quanto tempo e esforço isso pode economizar! Chega de ajustar manualmente o tamanho da fonte ou reposicionar elementos toda vez que você edita o texto. Isso pode ser um verdadeiro divisor de águas, permitindo que os usuários se concentrem na criação de conteúdo envolvente, em vez de ficarem atolados nos detalhes do design.
Também incluí um conjunto de opções de edição de texto que permitem adicionar cor ou colocar o título em itálico. É muito básico, mas deve fazer o trabalho por enquanto.
Quanto aos slides regulares, estou me certificando de manter o tamanho da fonte consistente em todo o carrossel, porque a mudança constante pode realmente atrapalhar o design e torná-lo pouco profissional. No futuro, quero dar aos usuários um pouco mais de controle e flexibilidade adicionando um seletor de tamanho geral.
Por fim, para encerrar o primeiro dia, adicionei um botão de download que gera um arquivo PDF contendo cada slide do carrossel em uma página separada, que é atualmente o formato exigido para o LinkedIn criar uma postagem em carrossel quando carregada como um documento.
Pode não ser a coisa mais bonita do mundo, mas posso dizer oficialmente que o carrossel funciona!
Para o Instagram, precisarei exportar uma série de imagens, isso terá que esperar por enquanto.
É apenas o segundo dia e já não resisti em aprimorar a IU para torná-la mais atraente visualmente. Normalmente, não priorizo a aparência de um MVP, mas, como se trata de uma ferramenta de design, achei que deveria pelo menos parecer um pouco decente.
O que mais é novo? Depois de gastar uma quantia obscena de 🕒, o seletor de emojis agora está com a lista completa para selecionar e adicionei um emblema de mídia social aos slides que os usuários poderão personalizar posteriormente como parte da marca pessoal.
Além disso, implementei os botões que permitem aos usuários remover, reordenar ou adicionar novos slides conforme necessário. E aqui está um pequeno bônus: o contador de slides conta automaticamente, para que os usuários não precisem se preocupar em acompanhá-lo.
Também adicionei a capacidade de ativar e desativar elementos para cada slide, dando mais controle sobre o conteúdo do carrossel. E quando pensei que tinha terminado o dia, tive que voltar para modificar o script de redimensionamento automático para os slides de introdução e encerramento. Agora, ele leva em consideração quais elementos estão visíveis ou ocultos e ajusta o tamanho da fonte de acordo para caber (quase) perfeitamente no texto.
E com isso, o segundo dia do meu desafio #buildinpublic de 10 dias chega ao fim. Estou me sentindo muito bem com o progresso que fiz até agora!
No terceiro dia, concentrei-me na implementação de uma barra lateral que permite aos usuários gerenciar as configurações gerais do carrossel. Este é o design principal que pretendo - uma barra lateral esquerda para configurações gerais, enquanto ainda permite que os usuários personalizem cada slide no carrossel.
A primeira opção no menu lateral é do tipo carrossel. Se você escolher o LinkedIn, fará o download de um PDF, que é o formato necessário para criar um carrossel na plataforma. Se você selecionar Instagram, baixará uma série de JPGs.
Outro recurso útil é a capacidade de decidir se os usuários desejam uma introdução e/ou outro slide. Às vezes, eles podem apenas querer ir direto à ação sem qualquer introdução.
Para a paleta de cores, eu queria tornar super fácil para os usuários selecionarem em uma coleção refinada de cores pré-selecionadas. No momento, existem apenas quatro, mas pretendo adicionar mais e, é claro, permitir que os usuários criem paletas personalizadas no futuro.
O recurso de redimensionamento automático para texto em slides de introdução e outro é muito legal, mas, como eu disse antes, os slides normais têm uma aparência melhor e são mais fáceis de ler com tamanhos de fonte consistentes. Portanto, introduzi opções pequenas, médias e grandes para o tamanho do texto apenas para garantir que ainda haja algum controle sobre o tamanho geral, bem como sobre as opções de alinhamento.
Quando se trata de fontes, estou aplicando o mesmo princípio das cores - estou fornecendo combinações de fontes escolhidas a dedo que eliminam qualquer adivinhação sobre o que fica bem juntas.
Estou planejando adicionar mais opções de fonte em atualizações futuras. No entanto, sei que essa abordagem pode não funcionar para todos, especialmente para marcas que utilizam fontes fora da biblioteca do Google Fonts.
Também tornei possível desativar o contador de slides se você preferir uma aparência mais limpa.
Para branding, o modo “pessoal” tem opções para foto na cabeça, nome ou identificador de mídia social e site, voltado para criadores de conteúdo, líderes de pensamento ou usuários regulares do LinkedIn e Instagram. Para empresas, existe um “modo empresa” que mostra seu logotipo e site.
Estou muito feliz com o progresso feito até agora, finalmente começa a parecer um produto real, mas ainda há alguns polimentos e correções de bugs para hoje.
Passei a maior parte do dia 4 trabalhando no recurso de salvar/carregar. Basicamente, os usuários poderão projetar o carrossel uma vez, salvar todas as configurações gerais como um modelo e carregá-lo no futuro para economizar um tempo valioso.
No momento, a implementação é muito simples — apenas salva um arquivo JSON localmente. Mas, como a maioria dos recursos neste estágio de MVP, ele faz o trabalho!
Também adicionei uma nova opção de tipo de carrossel especificamente para histórias do Instagram. Não tenho certeza se será uma escolha popular, mas agora os usuários podem selecionar Instagram Stories e baixar uma série de imagens com o tamanho certo para carregar diretamente como histórias. A marca fica oculta nesta opção porque o Instagram já mostra uma sobreposição com a foto do perfil e o nome durante a visualização dos stories.
A atualização mais significativa do dia é o recurso “Opções de design de plano de fundo”. O objetivo desse recurso é adicionar um elemento de design de plano de fundo sutil que faça o carrossel parecer perfeito mesmo quando você estiver rolando por ele.
Eu acho que o efeito contínuo é o que torna esses carrosséis realmente legais, o carrossel se torna como uma imagem completa que rola suavemente sem interrupções visuais.
Mas é um ato de equilíbrio, porque quero oferecer opções de design atraentes que, ao mesmo tempo, complementem qualquer estilo de marca sem parecer fora do lugar.
Hoje só tive tempo para trabalhar em quatro opções. Não é uma tarefa fácil porque estou limitado a usar elementos HTML que posso manipular para mudar suas cores com CSS. Mas estou confiante de que posso apresentar mais algumas opções de design.
Isso é tudo para o dia #4 do desafio, faltam apenas 6 dias!
No dia 5, as coisas foram um pouco menos emocionantes do que o normal. Passei a maior parte do tempo aprimorando os recursos existentes.
Primeiro, adicionei mais paletas de cores, incluindo a opção de criar sua própria paleta de cores personalizada. E, semelhante ao recurso de cores, tornei mais fácil para os usuários personalizar seus pares de fontes. Eles podem marcar a caixa de seleção para um emparelhamento de fonte personalizado ou optar por usar apenas uma fonte, se preferirem.
Também adicionei efeitos de fundo de design mais sutis para complementar qualquer estilo de marca, sem parecer desarticulado ou deslocado.
Outra atualização é o botão “randomizar”. O carrossel já começa com opções aleatórias toda vez que a página carrega, mas o botão “randomizar” pode ajudar os usuários a escolher opções aleatórias até encontrar uma combinação que goste. É uma pequena adição, mas pode ser muito útil!
Por fim, adicionei as opções de “Tipo de slide”: texto, texto + imagem ou apenas imagem. É possível que meu público-alvo (não designers) prefira manter tudo como texto, mas eu ainda queria oferecer a opção para quem deseja adicionar imagens aos seus carrosséis.
É basicamente isso para o dia 5 e, neste ponto, a ferramenta está funcional e eu poderia iniciá-la quase como está. No entanto, há algo realmente empolgante em que comecei a trabalhar hoje, mas quero terminar antes de revelá-lo.
Dia 6 deste desafio pessoal #buildinpublic e o fabricante do carrossel está quase pronto! Estou me sentindo muito orgulhoso, mas o que vem a seguir é a verdadeira cereja no topo.
Aprendi muito com minha experiência construindo meu outro produto, resumemaker.online. É uma ferramenta para criar currículos e demorei um pouco para perceber que oferecer ajuda com o conteúdo era tão importante, senão mais importante, do que ajudar com o design.
Portanto, quero ver se isso se aplica aqui também, adicionando um gerador de conteúdo de IA ao criador de carrossel. Sim, estou pulando no trem do hype da IA!
É assim que funciona: você define o número de slides, escolhe seu tema e deixa a IA escrever um conteúdo cativante para o seu carrossel. Os usuários podem editá-lo e personalizá-lo conforme necessário, e até mesmo selecionar os emojis certos!
Acho que esse recurso pode diferenciar o produto de outros fabricantes de carrosséis por aí. Isso ajudará não apenas no design, mas também na criação de conteúdo. Estou animado para ver como isso vai acontecer e como os usuários vão reagir a isso.
O dia 7 chegou e ainda falta um aspecto importante - como monetizá-lo. Este é meu primeiro produto baseado em assinatura e não tenho ideia de como devo fazê-lo, mas aqui está o que estou pensando.
A maioria dos recursos permanecerá gratuita, mas como você deve ter notado, incluí uma marca d'água nos slides. Os usuários podem baixar carrosséis sem a marca d'água gratuitamente, mas precisam compartilhar um link nas redes sociais para fazer isso. Também adicionei uma mensagem que incentiva os usuários a apoiar fundadores solo como eu e espalhar a palavra nas mídias sociais. Espero que isso ajude mais pessoas a usar a ferramenta!
Mas ainda existem alguns recursos que estarão por trás de um acesso pago que pretendo vender no “Plano Time Saver Pro”. Na verdade, não estou vendendo design; Estou vendendo conveniência, uma forma de fazer algo mais rápido. Estou vendendo TEMPO. Pelo preço, estou começando em $ 9,95 / m e veremos como fica.
O plano inclui:
Então aí está - os usuários ainda poderão usar o criador de carrossel gratuitamente sem a marca d'água se o compartilharem, mas não terão acesso ao gerador de conteúdo AI ou a capacidade de carregar predefinições personalizadas. Depois de atingir um determinado limite de downloads gratuitos, eles precisarão começar do zero e só poderão criar carrosséis com no máximo seis slides.
No geral, acho que as opções gratuitas são realmente generosas. E para mostrar o valor do gerador de conteúdo de IA, os usuários podem testar os recursos de IA com alguns resultados pré-gerados disponíveis em vários tópicos, como empreendedorismo, ioga e design UX.
Por fim, quero agradecer à Outseta por facilitar a configuração do processo de pagamento.
O dia 8 está indo bem e não há muito o que fazer além de criar um logotipo simples e uma página de destino.
Para o logotipo, não queria gastar muito tempo com ele, então comecei com algumas opções que acabaram ficando muito parecidas com o ícone do carrossel do Instagram. Poderia ter funcionado, mas meu orgulho de designer simplesmente não podia deixar passar, então tive que descartá-los.
Em seguida, brinquei com diferentes maneiras de destilar a forma do carrossel em sua forma mais simples. Tentei adicionar as iniciais “AI” e também um ícone comumente associado à magia ou inteligência artificial.
Gostei muito mais dessas versões e comecei a sentir que estava perdendo muito tempo com elas. Quando estava prestes a definir um design, exportei-o da maneira errada e descobri que o logotipo parecia muito melhor sem bordas. Parecia mais elegante e ainda transmitia o mesmo significado.
Então, acabei ficando extremamente feliz com o resultado - principalmente por acidente, não por habilidade. Ainda conta, certo?
E quanto à revelação do nome, guardei em segredo porque não queria estragar a surpresa dos recursos de IA… mas agora, sem mais delongas, o nome do produto é aiCarousels !
A página de destino também está concluída.
Mantê-lo simples era meu objetivo, mas para torná-lo visualmente interessante, adicionei um pequeno script javascript que move as amostras do carrossel da esquerda para a direita conforme o usuário rola a tela. E até usei emojis em vez de desenhar ícones na seção de recursos, mantendo-me fiel à filosofia de simplicidade por trás do criador de carrosséis.
Agora que tudo está configurado, é hora de se preparar para o lançamento. Ainda há algumas coisas para experimentar antes que os portões sejam abertos ao público, mas mal posso esperar para compartilhar o carrossel com todos.
Se você quiser conferir a página de destino por conta própria, acesse www.aicarousels.com
Estamos no dia 9 e finalmente é hora de lançar! Mencionei antes que queria cobrir desde a fase de concepção até o processo de desenvolvimento, e agora estamos entrando na fase de lançamento.
Neste post vou compartilhar o que preparei, e no próximo pretendo compartilhar os resultados do lançamento e ver se as pessoas realmente gostaram do produto ou não!
Honestamente, é mais provável que seja um fracasso! A concorrência no mercado de templates é insana, mas essa é a beleza de não investir muito tempo em um único projeto…
Imagine trabalhar em algo por seis meses ou até um ano inteiro, apenas para ouvir as pessoas dizerem: “Ei, seu produto é um lixo”. Isso vai doer um pouco, e é difícil não levar para o lado pessoal quando você dedicou tanto tempo e esforço - começa a parecer parte de quem você é.
Mas se você trabalhar em um projeto por apenas algumas semanas (10 dias pode ser um pouco curto), você pode testar as águas para ver se vale a pena dedicar mais tempo a ele. Mesmo que não dê certo, você ainda pode se sentir bem sabendo que aprendeu algumas lições valiosas para aplicar em seu próximo projeto.
Quanto ao lançamento no Product Hunt (para quem não sabe, é o melhor site para descobrir novos produtos tecnológicos), criei uma página “em breve”. Atualmente, tem 23 inscritos que serão notificados quando entrarmos no ar para que possam votar.
Também dediquei tempo para configurar a página do produto, que entra no ar às 12h, horário do Pacífico. Escrevi uma descrição detalhada, preparei o primeiro comentário, que é muito importante para iniciar a discussão, e ainda acrescentei 50% de desconto para usuários do Product Hunt.
Na hora de fazer as imagens, me senti um pouco burro. Eu estava tendo dificuldades para criar imagens sofisticadas para a página. Então, percebi - eu poderia usar o próprio produto para fazê-los! Afinal, que melhor forma de mostrar o produto? Então, acabei fazendo 9 imagens em 3 estilos diferentes, cada uma dando uma ideia das capacidades do produto.
Agora é só esperar a página entrar no ar. Você pode mostrar seu apoio quando isso acontecer visitando este link: https://www.producthunt.com/posts/aicarousels-com . Seu apoio significaria muito para mim!
Independentemente de como as coisas acabem, foi uma explosão construir algo do zero depois de um tempo. Também tem sido uma grande distração de algumas coisas nada agradáveis acontecendo na minha vida pessoal. Então, vamos ver como vai ser o lançamento, e amanhã trago os resultados!
Último dia deste desafio veloz e furioso para construir e lançar um SaaS em 10 dias. O aiCarousels.com está agora disponível e quero compartilhar os resultados do lançamento do Product Hunt e algumas considerações finais.
Para ser sincero, lançar o produto sem testá-lo adequadamente foi um pouco como um salto no escuro. Mostrei para alguns amigos, mas você sabe como os amigos podem ser - eles sempre querem fazer você se sentir bem. Então, embora eles tenham dito que gostaram, aceitei o feedback deles com cautela. Eu realmente não tinha certeza se as pessoas iriam gostar. Apesar das minhas preocupações, o lançamento correu surpreendentemente bem!
aiCarousels garantiu o 9º lugar, ganhando 154 votos positivos, 64 comentários e 7 avaliações estelares de 5/5.
Não é realmente sobre os votos positivos para mim. O Product Hunt se transformou em um concurso de popularidade. Portanto, se você é um fundador com muitos seguidores, suas chances de chegar ao topo são muito maiores.
Estou mais focado nos comentários, porque o feedback positivo foi esmagador, e gostaria de compartilhar alguns dos meus comentários favoritos que, na minha cabeça naquele momento, começaram a validar o produto:
"Legal! Vou fazer com que meus criadores de conteúdo experimentem isso e vejam se podemos sair do Canva e economizar algum tempo e $! Parece liso, mas parece que o processo de criação também é super direto e simples!”
“Acabei de pagar um criador de conteúdo no Fiverr para me fazer um monte de carrosséis e ngl as coisas que seu produto fez para mim são muito melhores. Oh, eu gostaria de ter encontrado isso algumas semanas atrás”
“Como gerente de mídia social de algumas contas do Instagram, esta ferramenta é ouro puro para mim, adoro! Parabéns pelo lançamento! ❤”
"Lindo! Eu estava procurando uma ferramenta como essa, embora possa usar o Figma para isso. Sua ferramenta ajuda a agilizar, o que é super benéfico.”
A impressão geral que tive dos comentários é que todos eles parecem saber que há um ponto em que se esforçar mais para criar carrosséis visualmente impressionantes não oferece muito valor adicional. Eles veem o valor de obter algo que é bom o suficiente e obtê-lo rapidamente.
Mas a cereja no topo do bolo foi que 5 usuários pagos se inscreveram! Essa é a prova final bem aí. As pessoas podem dizer que gostam de suas coisas, mas quando elas realmente pagam por elas, é quando você sabe que elas estão falando sério!
Estou extremamente feliz com os resultados e quero agradecer muito a todos que apoiaram o lançamento!
Então agora, o que vem a seguir? Boa pergunta... Eu não queria me adiantar, então não pensei muito. Há MUITAS coisas que preciso polir que adiei para o MVP, mas quanto ao quadro geral, ainda não tenho certeza. Talvez eu possa simplesmente aumentá-lo para um MRR decente, listá-lo e tentar vendê-lo!
Por enquanto, acho que vou relaxar um pouco. Este desafio de 10 dias foi muito divertido, mas também intenso!
Eu só espero que você tenha gostado de dar uma olhada no processo de design por trás da construção de um SaaS tanto quanto eu gostei de fazê-lo, apesar de saber que alguns de vocês esperavam mais discussões sobre codificação. Talvez da próxima vez eu inclua mais disso.
Publicado também aqui .