Posted on

Confira a Nova Homepage do Site Pomodoros, Ficou Incrível

Após muito tempo finalmente o site tem uma homepage de classe, estirpe e categoria! Foram anos de homepage “improvisada”, fazendo o que era possível com o pouco tempo disponível, porém a taxa de conversão era sempre muito, muito baixa, não era uma landing page eficiente para novos visitantes, que entravam e muitas vezes se perguntavam “do que se trata esse site?”.

Na primeira versão do site, em 2011, red, a homepage era o próprio aplicativo, não era necessário logar para usar e assim visitantes tinham um aplicativo muito simplificado, somente o cronômetro, se criassem uma conta abriria a parte de amigos e mais ferramentas. Na segunda versão do site, em 2013, green, na home tinham 8 balõezinhos explicando o que era, incentivando os usuários a se cadastrarem.

No início da versão black, 2018, ainda não lançada oficialmente, foi colocado um slider com imagens passando automaticamente, além das últimas notícias do blog logo abaixo, no típico formato blog do WordPress, com uma barra na lateral com mais informações, outro “improviso”, pois também não era muito claro ao visitante recém-chegado do que se tratava o aplicativo.

Assim, após analisar as taxas de conversão do Google Analytics percebi que ainda não estava bom, apesar do blog trazer novo visitantes, ainda não convertia-os em usuários ativos, precisaria dedicar um tempo para essa nova homepage. Foram 8 horas de trabalho, confira essa tarefa no aplicativo.

Comecei fazendo uma análise minuciosa dos concorrentes e pude perceber o que cada homepage tinha de melhor, assim incorporei alguns elementos dos concorrentes e criei outros originais, com uma interface exclusiva fiz uma nova homepage, com base no conceito de “explicar do que se trata o aplicativo”, os elementos básicos são:

  • Pequeno cabeçalho explicativo com botão de ação para usuário se registrar gratuitamente
  • Slider com imagens originais, explicando as principais funcionalidade do site com legendas
  • Estatísticas da comunidade, com dados em tempo real de usuários ativos, tempo de uso e outros
  • Depoimentos de usuários, colhidos nos últimos meses
  • Breve histórico, contando a história do site desde de 2010 até a data atual, com previsões para os próximos 3 anos
  • Blog, finalmente, somente ao final da homepage, as últimas 3 notícias do blog

A partir de agora uma “nova era” é iniciada, onde temos uma homepage compatível com um padrão de qualidade global, competindo de igual com os principais concorrentes e, na minha opinião, melhor do que muito deles. Ainda falta a tradução desta nova homepage para os idiomas do site, tarefa para os próximos dias.

Posted on

Lojas Prontas: WooCommerce “Hackeado” Para Solução Exclusiva de Backup Automático

Atenção, conteúdo altamente técnico! Pode ser que nem eu entenda amanhã…

A mais importante, mais difícil e mais complicada implementação do WooCommerce que já realizei. Foram ao menos 2 anos de estudos para poder terminar essa implementação, a requisição da “equipe” de engenharia e projetos era simples: queremos automatizar o backup e sincronia de pedidos (orders). Assim, após a criação do plugin “F5 Sites | WordPress MySQL Manager”, ficou fácil fazer backups e uploads de dados, bastava que as tabelas tivessem o mesmo prefixo, por exemplo, site1_.

Mas o WooCommerce herdou os problemas de estrutura de dados do próprio WordPress, uma zona, fica tudo misturado no banco de dados (produtos, pedidos, posts, menus…). Então precisei criar hooks para a função get_wc_order e get_wc_orders (alterando o core do woo), além de implementar na marra as modificações no core do plugin, inserindo “6woo_” antes dos prefixos das tabelas woocommerce_items e woocommerce_itemmeta. Assim, essa solução hackeada não é de longe a melhor possível, mas a questão principal é, funciona melhor que o original, permite automação dos pedidos sem misturar os produtos, e apesar da bagunça, é excelente.

Foi difícil fazer, muito complexo e exigiu a integração de 3 plugins próprios:

  • F5 Sites | WordPress MySQL Manager
  • F5 Sites | WooCommerce shop_order Tables
  • F5 Sites | Shared Posts and Tables + Uploads Folder
  • Fork exclusivo do WooCommerce, para funcionar os 3 acimas de maneira graciosa

Assim, essa notícia, muito técnica e confusa, serve só para anunciar que a loja de chaveiro e anúncios pode começar a operar sem problemas, um marco na história do projeto. Teremos um post mais bonitinho e comercial para iniciar as atividades de vendas, esse daqui é só um registro histórico de que, após anos de testes e implementações, o esquema de backup de dados está 100% funcional, no product backlog várias tarefas foram concluídas com essa realização.

Confira o plugin:

https://github.com/franciscof5/f5sites-woocommerce-shop_order-tables

Posted on

Aplicativo Pomodoros.com.br para Android Lançado em Estágio Beta

Uma meta de 2011 começa finalmente a sair do papel, o desenvolvimento do aplicativo nativo para Android. Devido ao avanço do Treinamento em Foco, foi priorizado o desenvolvimento do aplicativo para que os primeiros alunos do curso pudessem fazer o download mais rapidamente.

Com o aplicativo esperamos crescer um pouco mais rapidamente, para alguns investidores também é um diferencial estar presente na loja Google Play, pois boa parte acredita no mercado mobile e que se posicionar com um aplicativo nativo é uma estratégia superior.

De fato bastava ao usuário acessar o navegador do celular, clicar em Menu->Adicionar Atalho ao Menu Principal, e o link com a foquinha já iria aparecer no lançador principal, porém percebo que poucos usuários tem este hábito, muitos preferem baixar direto da App Store. Esperamos feedback para aprimorar e lançar a versão definitiva em breve.

Posted on

Mega Atualização, Lista de Fechamento Pré-Lançamento

Antes de lançar o Pomodoros.com.br oficialmente, precisei fazer uma última lista de atualizações, muito extensa, que cresceu conforme fui terminando as tarefas, mas que trouxe ótimos resultados do ponto de vista de programação e também muitas novidades para os usuários. As atualizações foram:

Espaço Publicitário

Não foi a mais difícil e nem a mais trabalhosa atualização desta rodada, mas certamente a mais importante, visto que até hoje o pomodoros.com.br, em quase 7 anos no ar, nunca exibiu uma única propaganda, tendo sido mantido com recursos próprios desde o lançamento e até então em estágio de testes e desenvolvimento.

Com a criação de espaço publicitário dentro do app poderemos finalmente avançar para um segundo estágio, dando suporte a expansão da rede de usuário e melhorando ainda mais o serviço. No momento não temos patrocinador, acabamos de inaugurar o espaço, portanto conheça nossa proposta de patrocínio e anuncie sua marca, produto ou serviço no nosso site.

Tradução

A primeira versão do pomodoros (Red), em 2011, já tinha dois idiomas, português e inglês, com o plugin qtranslate, porém conforme eu adiciona novas telas e ferramentas deixava a tradução para um segundo momento, o resultado foi que o site nunca ficou 100% traduzido. O aplicativo já era em JavaScript, assim precisei criar arquivos de idiomas específicos para o js, então a bagunça teve início.

Em 2013 foi lançado a segunda versão (Green), também contava com dois idiomas. outro plugin para a tradução, o wpml. Inicialmente parecia mais fácil para traduzir, porém logo virou uma bagunça de novo, pois como este plugin é para iniciantes e indicado para sites simples, também conforme eu expandia o site ficava difícil fazer a tradução, pois misturava partes das palavras em código-fonte e banco de dados.

Somente agora, no final de 2018, consegui dedicar um tempo para “desfazer” todos os “erros” do passado. Para a tradução foi criada uma tecnologia própria, integrada com a nova versão do wordpress, buddypress e woocoomerce. Agora com uma ferramenta própria e o método avançado de tradução, de separar todas as palavras em um arquivo de linguagem em formato .pot. Assim foi escolhido inglês como o idioma principal, e a partir dele todas as novas traduções serão feitas, e somente uma pequena parte. Além disto, para novas traduções basta enviar esse simples arquivo para um tradutor, que o mesmo pode fazer a tradução e rapidamente o pomodoros irá falar novos idiomas.

Interface

A interface foi atualizada em muitas partes, a principal novidade foi a implementação de tabelas do bootstrap, elas foram implementadas no widget de Estatísticas do Usuário, da página focus, deixando a visão muito mais limpa.

A página de visualização de tarefa também foi totalmente refeita usando as tabelas, assim também ficou muito mais leve e fácil de se visualizar as informações. Por último a página de visualização de tag de projeto, onde na parte de cima também foi implementada a tabela do bootstrap, deixando o relatório muito mais profissional.

E uma atualização muito importante foi feita na ferramenta de principal, na página de Focar, já havia sido “enxugada” a tela, escondendo informações adicionais da tarefa com o botão Extra, assim deixando a tela mais limpa e fácil para novos usuário. Agora foi implementando um novo botão chamado TODO, ou lista de tarefa, que exibi a lista de tarefa quando clicado e passador automático. Assim por ex., quando usado no celular a interface ficou consideravalmente mais simples, elegante e fácil de usar.

Bugs e Atualizações Menores

Títulos dos botões: há algumas semanas já estava me incomodando um pequeno bug que alterava o título do botão de ação do aplicaativo para a palavra Focar, em todos os estágios da ferramenta, apesar de funcionando normalmente, isto causava confusão nos usuários, que esperavam os títulos corretos nos botões, como Focar, Interromper Foco, Iniciar Descanso. Além disto o tempo pré-configurado só aparecia depois de clicar no botão, agora, após encerrar o pomodoros o relógio exibe o tempo da próximo ação, assim terminando o pomodoro de 25 minutos, o relógio exibe 5 minutos com o botão Descansar.

Tags de projeto: não estavam funcionando há algumas semanas, assim alguns projetos de usuários foram prejudicados, precisei reconstruir o sistema de tags de projetos e tipos de pomodoros para poder voltar a funcionar.

Formulário de registro: após alguns problemas com o formulário de registro, foi finalmente estabilizado o processo de registro e fechada a interface de cadastro, com uma nova tela para a ativação do usuário após o sucesso do registro. Assim também foi possível configurar a meta no Google Analytics para acompanhar a quantidade de registros e acompanhar de perto a taxa de conversão de visitantes em usuários.

Página de visualiação de produto: também a página dos produtos foi levemente atualizada, quando se clica em comprar chaveiro a tela está mais arredondada e parecida com a página de registro e ativação, dando uma aparência semelhante a todo conteúdo do site. O widget para comprar chaveiro também não era exibido na página de posts, devido a um pequeno, corrigido.

Avisos dinâmicos: quando o usuário clica em Interromper Foco agora aparece um diálogo de confirmação, para evitar cliques sem querer, evitando perder o tempo corrido (sugestão do usuário @Victor_Tardelli, obrigado). Outro aviso que aparece é quando fecha a aba do navegador com o tempo rolando, pedindo para o usuário confirmar que deseja sair e perder o tempo cronometrado.

Bloquear wp-admin: uma questão de segurança importante é bloquear a área administrativa do wordpress para não-administradores.

Ainda tem uma lista enorme de tarefas para fechar essa lista, bugs menos incovenientes para o usuário e algumas novas ferramentas, continue lendo nosso blog e acompanhando as novidades do projeto.

Veja a tarefa correspondente: lista fechamento

Posted on

Torne-se um Patrocinador

O Pomodoros está perto de ser lançado e você pode ajudar a tornar esse projeto uma realidade. Vamos estar presente em todo o território nacional, já temos usuários em 4 estados diferentes (São Paulo, Rio de Janeiro, Espirito Santo e Distrito Federal) e ainda estamos somente na fase de testes.

Com seu apoio financeiro sua marca estará sempre visível no site, atingindo todos os nossos usuários. Seu anúncio ficará impresso na página inicial e no aplicativo, na barra lateral e rodapé do site. Além de atingir público selecionado, altamente intelectual, você ainda estará apoiando uma startup inovadora e terá sua marca associada a um produto de alta tecnologia.

Cotas Brasil 2019

Para o Brasil, ano 2019 teremos uma cota de R$2.000 mensais, que pode ser dividido ou comprada por um único patrocinador master:

  • Patrocinador master: compra a cota completa de R$2.000 e tem a exclusividade de aparecer somente sua marca e produtos no blog e aplicativo.
  • Patrocinador split: não havendo um master, a cota pode ser dividida em 4 de R$500,00, sendo impresso nos mesmos locais do patrocinador master, porém alternando entre os splits.

Limite da validade da oferta: Esta cota cobre 10 mil pomodoros mensais (média 2500 usuários ativos), se o número de usuários ultrapassar este valor uma nova rodada de patrocínio será ofertada para manter os serviços, com prioridade de oferta para os atuais patrocinadores. Oferta para o período de 2019.

Posted on

Buenos Aires pode ser a primeira cidade fora do Brasil com novos usuários

A tradução para espanhol foi uma etapa muito importante para o futuro do projeto, a comunidade hispanica é muito grande e representativa. Não sabemos qual país de idioma espanhol terá nosso primeiro usuário, mas apostamos todas nossas fichas que será Argentina.

Dentro do projeto de expansão global do Pomodoros, miramos Buenos Aires para começar a expansão, podemos ser surpreendidos por falantes de espanhol de outros países, principalmente Espanha, porém em breve o fundador do projeto estará em Buenos Aires para, entre outras coisas, fazer algumas visitas técnicas referente ao projeto.

Você que é falante de espanhol pode nos ajudar, se vir algum problema na tradução por favor nos avise. Registre-se gratuitamente e comece a focar em seus projetos agora mesmo.

Posted on

Castelo inaugura Espírito Santo no ranking, Pomodoros inicia a jornada pelo Brasil

Assim que instalei o serviço de geolocalização no site do Pomodoros percebi que poderia fazer algo inovador, um ranking de países, cidades e estados. Foram quase duas semanas para aprimorar essa idéia, além de implementar a geolocalização em tempo real, também precisava “anexar” essa informação a cada pomodoro completado.

Separando a informação em cidade, estado e país foi possível criar 3 novos rankings e assim atingir a meta de transformar o pomodoros em um produto global. A partir de agora poderemos acompanhar a expansão da rede pomodoros, @sergiorodrigues foi quem registrou o primeiro pomodoro fora do Estado de São Paulo. Ele ainda completa com um recado “e diga que Castelo esta vindo para liderar o posto de primeiro lugar“.

Posted on

Idioma Francês – Adicionando um Terceiro Idioma

Atualizando o código-fonte do pomodoros para facilitar a tradução e instalação de novos idiomas, foi escolhido Francês como a terceira tradução oficial devido a quantidade de novos visitantes vindo da França.

Ainda estamos dependendo muito do Google Tradutor para fazer as traduções, assim sabemos que a qualidade fica prejudicada, porém é certo que a recepção dos novos visitantes é muito melhor quando encontram as palavras e traduções para seu idioma.

Com muito orgulho dizemos bem vindos franceses.

Posted on

Integração com Mailgun completa, enviando e recebendo emails

Mais uma tarefa que levou meses, está ficando repetitivo esse tipo de aviso aqui no blog, porém estas tarefas estruturais, que são a base do serviço, via de regra consomem muito tempo pois são necessário dezenas de testes e muita, mas muita pesquisa de serviços com custos acessíveis para uma startup enxuta. Não vou citar todos os serviços que pesquisei, quase todos da primeira página de busca do Google, mas não comecei essa tarefa procurando serviços de email, mas sim instalando meu próprio servidor de email postfix + devcot, configurando no meu VPS Linode centOS estes serviços.

Tudo ia muito bem até receber aquela enxurrada de spam, tornando inviável verificar os emails diariamente, pois muito tempo era perdido para não encontrar nenhum email “de verdade”, assim o problema se tornou grande, como divulgar meu email oficial em um cartão de visita se nunca iria conseguir encontrar os contatos de pessoas interessadas em serviços neste mar de spam.

Quanto mais velho um domínio e um endereço de email mais spam ele recebe, a internet é cruel e seus robozinhos spammers vão se somando e aniquilando endereços de emails antigos, por isso muita gente vive trocando de email e quase sempre evitando divulgá-lo de forma escrita na internet para evitar spam, mas é inevitável. Como a f5sites.com existe desde 2009, são muitos lugares onde divulguei meus emails, assim a enxurrada de spam era diária a solução foi instalar o SpamAssassin.

Aí você me pergunta, ele realmente funciona e assassina os spams? Sim, muito bem, pouca coisa passa, estaria tudo bem se essa solução não tivesse gerado um problema adicional, além da dificuldade de configurar os filtros, ele esgotava os recursos do servidor, a CPU disparava para 100% e recebia muitos alertas diários, dividindo recursos com https, mysql, php-fpm o servidor de email acabava por travar todos os sites.

Teria que então abrir um novo VPS só para o email, aí surgiu a questão do custo, a frustração cresceu porque tive que desativar o meu servidor de email depois de semanas “apanhando” para configurá-lo certinho para não ser barrado quando enviado para servidores exigentes como gmail, qualquer configuração errada e o gmail jogava meus emails direto no spam. Estava tudo certo mas não havia recursos para o serviço ficar ativo, nessa hora amaldiçoei os serviços de emails corporativos, eles mesmo inundam a rede de spam para depois cobrar por serviços anti-spam, um jogo injusto para os pequenos.

Para servidor de email é necessário além do custo baixo uma boa reputação dos IPs e servidores, além da já tradicional escalabilidade, quase todas as empresas acabam assinando com o próprio Google e recebem além do serviço anti-spam de primeira qualidade, interfaces web para seus funcionários, um tipo de gmail corporativo mas com @seudominio.com, funciona muito bem e tem um preço acessível, mas tenho minhas restrições quanto a confidencialidade, além de existirem alternativas gratuitas ou muito mais baratas.

Não teria encontrado o Mailgun se não fosse em uma conversa informal com meu primo, CEO da Plape.bi, Yuri, que me indicouo serviço, pois estava tendo ótimo resultados e ao questioná-lo sobre seus concorrentes, rapidamente destacou suas vantagens. Assim que tive tempo comecei a configurar o serviço para testar, fico sempre receoso quando exigem o cartão de crédito, mas com uma cota mensal de 10 mil emails grátis, atenderia minha demanda inicial facilmente.

Assim após pesquisa sobre a empresa e o fundo que a mantinha, percebi que era uma alternativa viável as grandes corporações de TI, uma verdadeira entrante no mercado, com força para crescer e com preços competitivos. Consegui sem muita dificuldade configurar o email pelo painel do Linode DNS e assim pude começar a enviar meus emails transacionais, antes usava o serviço grátis do smtp do gmail, com muitas limitações, mas com o Mailgun atingi um novo patamar.

Foram mais semanas lendo as documentações e estudando os protocolos MX do DNS para conseguir configurar corretamente o recebimento de email, está sim uma ferramenta incrível. O Mailgun permite que você receba emails @seudominio e ainda oferece gratuitamente o serviços de filtro de spam com base no próprio SpamAssassin, além de permitir a configurações de rotas catch_all para encaminhar emails recebidos. Assim hoje com o Mailgun posso enviar e receber emails de forma gratuita, com filtro de spam e com limites bastante justos. Portanto agradeço muito ao Yuri pela dica e compartilho com vocês essa incrível ferramenta, Mailgun.

Posted on

Rede de lojas virtuais F5 Sites próximas a serem lançadas

Desde o final de 2016 a F5 Sites vendo sendo reestruturada, antes era uma rede de sites independentes, mas agora se transformou em uma rede de blogs, serviços e lojas virtuais integradas. Vários dominam agora operam uma tecnologia compartilhada, foram necessários muitos meses de trabalho em pequenos projetos para a integração completa de todas as tecnologias e plugins.

Confira uma visão rápida sobre como a F5 Sites evoluiu de uma prestadora de serviços e consultoria em WordPress para uma rede de lojas virtuais e projetos integrados:

  • 2009: Início da F5 Sites, o objetivo era vender temas de WordPress no site ThemeForest, nunca alcançado. Apesar de bem remunerado a qualidade exigida do código e documentação era muito elevada para um momento inicial, portanto a F5 Sites nasceu com foco internacional e global, mas não atingiu as metas iniciais.
  • 2010: Para fazer receita rapidamente, passa a fornecer serviços de personalização e customização de sites para clientes no Brasil que utilizavam WordPress, conheci muitas pessoas e colaborei com muitos projetos.
  • 2012: Além de consultoria passa a hospedar os primeiros serviços próprios, como Itapemapa e Pomodoros, ainda dentro de uma infraestrutura de TI muito pouco estruturada e dependente de serviços de hospedagem para configurações avançadas.
  • 2013: Grandes clientes de consultoria aparecem, muito caixa entra e os investimentos em projetos atigem seu ápice, porém não tinha tempo para programá-los pois dedicava meu tempo para projetos de terceiros, na prática o resultado foi o abandono da F5 Sites seguida de uma grande injeção de recursos financeiros.
  • 2014: Interrompida definitivamente, a rede toda foi suspensa pois o fundador precisou se dedicar de forma integral ao programa de mestrado em Administração da FEA-USP.
  • 2016: retorno do fundador para dedicar-se exclusivamente ao desenvolvimento da F5 Sites e a rede de projetos, a partir de um novo paradigma, transformar a tecnologia para suportar mútiplos lançamentos em sequência. Com muitas tecnologias de 2012 e 2013 paradas, o trabalho foi enorme para relançar cada pequeno projeto dentro de um novo contexto, porém ao optar por WordPress como tecnologia principal desde o início a maior parte do trabalho de atualização foi extremamente fácil, já que basicamente os plugins e temas desenvolvidos funcionariam quase sem problemas.
  • 2018: Após 2 anos desenvolvendo novas tecnologias e preparando a rede, é prevista a abertura e lançamento para o público do primeiro serviço oficial da F5 Sites, o app Pomodoros.com.br.

Conheça as tecnologias e plugins que foram incorporados e agora fazem parte do núcleo duro da nossa tecnologia, integrando plugins próprios com soluções de terceiros:

  • WooCommerce + Plugins
  • F5 Sites Shared Posts & Uploads Folder
  • F5 Sites MySQL Manager