Uau, foi há pouco mais de 7 meses, quando escrevi sobre WPBeginner versão 3.0. Após muito trabalho árduo, reconsideração e otimização, tenho orgulho de apresentar o WPBeginner 4.0. Lançamos este novo design pouco antes da BlogWorld, ou seja, há cerca de 2 semanas. Se você lê nosso site por e-mail ou outro leitor de feed, eu ficaria muito grato se você desse uma olhada no site. Conte-nos o que você achou. Houve muitas mudanças importantes no novo design e na estrutura do site do WPBv4.
Por que mudamos para o WPBv4 tão rápido?
Quando lancei o redesign pela primeira vez, alguns dos meus bons amigos perguntaram: vocês não fizeram um redesign há pouco tempo? Sim, fizemos há cerca de 7 meses. Ter dois grandes redesigns em um período de um ano deve exigir uma explicação. Então, por que mudamos para o WPBv4? Bem, acho que o principal motivo foi a baixa conversão. Desde o lançamento do WPBeginner, tínhamos uma barra laranja característica no topo. No último design, nos livramos dela. Isso não só deixou o site muito sem graça, mas muitos de nossos usuários reclamaram que não conseguiam reconhecer o site. O último design foi muito legal porque tentou emular o painel do WordPress, mas isso ficou velho muito rápido. Eu mesmo comecei a sentir falta do laranja.
Outra grande reclamação que ouvimos de muitos usuários foi que o conteúdo era muito difícil de encontrar. Para ver as categorias do blog, o usuário tinha que estar na seção do blog do site. Ter o site responsivo para vários tamanhos de tela exigiu o deslocamento do conteúdo. Isso resultou em uma diminuição da conversão (opt-ins, vendas, potenciais clientes, etc.). Eu sabia que tínhamos que fazer algo a respeito RAPIDAMENTE. Fui para o quadro branco e comecei a fazer uma lista de coisas a fazer. Com tanto feedback e reclamações, vi que essa lista de tarefas saiu do controle. No momento seguinte, estávamos conversando sobre um redesenho. Agora estamos aqui com um novo design.
O que Raios Mudou?
Houve muitas mudanças (algumas importantes também). Farei o meu melhor para destacar cada uma delas e explicar por que fizemos essas mudanças.
- Encerramento da Galeria – Lançamos nossa galeria na esperança de mostrar os melhores designs do WordPress. Todo o conteúdo foi enviado pelos usuários. A tarefa acabou sendo muito mais difícil do que o esperado. Mais de 90% dos sites enviados não foram aprovados. Quase senti que não estávamos progredindo lá. Moderávamos os sites diariamente apenas para descobrir “Nenhuma Submissão de Site de Qualidade” NOVAMENTE. Então decidi puxar o plugue.
- Cupons renomeados para Ofertas – Você se lembra da nossa seção de cupons? Bem, ela tem um novo nome agora. Está hospedada em Ofertas. Não é mais um subdomínio multi-site. Em vez disso, é um tipo de postagem personalizado. Houve alguns motivos pelos quais fizemos essa mudança. O principal motivo foi uma melhor estruturação do site. Cupons nos limitavam a postar apenas cupons no site. Isso tornou a seção de Notícias do blog bastante lotada. Com um novo nome, Ofertas, agora podemos postar tudo em um só lugar. Tê-lo como um tipo de postagem personalizado torna muito mais fácil para nós integrá-lo em todo o site.
- Vídeos Lançados – Finalmente lançamos os Vídeos de WordPress do WPBeginner. Deveríamos ter lançado um ou dois meses após o último redesenho. Devido a todo o feedback/reclamações, decidimos adiar o lançamento. Atualmente, existem 17 vídeos que mostrarão os Fundamentos do WordPress. Há planos de adicionar mais tutoriais em vídeo com o passar do tempo.
- O Plano do WPBeginner – Após fazer o estudo de caso do List25, fomos bombardeados com e-mails de usuários pedindo um Bastidores do WPBeginner. É por isso que lançamos o Plano do WPBeginner. Isso nos dá um único local onde podemos listar todos os plugins, ferramentas e serviços que usamos. Também nos permite mantê-lo razoavelmente atualizado. Vídeos do Plano estão em andamento para tornar essa área mais pessoal.
- Iniciativa de Guias – Frequentemente recebíamos e-mails ou tweets de usuários perguntando: onde está o guia? Eu sempre sentia vontade de bater a cabeça na parede. Minha resposta era tipo, o site inteiro é um guia. No entanto, entendo que é nosso trabalho como equipe tornar nosso site mais fácil de navegar. Os guias terão um passo a passo de como usar o WordPress. Atualmente é bem básico, mas adicionaremos mais itens lá. Para aqueles que estão se perguntando, esta é apenas uma área onde mostramos artigos selecionados que já cobrimos.
- Hospedagem WordPress – No passado, tínhamos uma lista de hosts WordPress recomendados. Na nova versão, queremos também o feedback dos nossos usuários. Adicionamos a capacidade para os usuários AVALIAREM cada host e deixarem comentários. Por favor, dê uma olhada na nossa página de Hospedagem WordPress para ver se o seu provedor de hospedagem está listado lá. Se estiver, por favor, considere deixar um comentário. Isso ajudará outros a tomarem a decisão certa.
- Serviços – No passado, nossa página de serviços nunca foi muito elaborada. Oferecemos uma ampla variedade de serviços que não comercializamos. Nunca sentimos necessidade, pois sempre estivemos lotados de clientes. À medida que contratamos mais pessoas, decidimos tornar nossos serviços WordPress públicos. Essa página ainda está em andamento. Quero que tenhamos uma página de destino personalizada para cada um.
- Genesis Framework – O WPBeginner agora é alimentado pelo Genesis. O último design era independente, mas estamos de volta com nosso framework favorito.
- Livefyre – No novo design, voltamos aos comentários padrão do WordPress. Saímos do Livefyre. Já escrevemos um artigo sobre isso: “6 razões pelas quais saímos do Livefyre“.
- Mudanças Visuais – Há muitas mudanças visuais. Fontes, tamanho da fonte, etc.
O que vem a seguir?
I still have a long list of things to do. I am super excited to see the direction we are heading in. We will soon start to offer Freebies. I want us to have a good compilation of books. If you have book recommendations, then please contact us. I want WPBeginner to cater to niche markets as well. There are some more interesting stuff in the works for that 
Uma nova seção de sorteios está em desenvolvimento, depois voltaremos a fazer nossos sorteios regulares como costumávamos. Eu só não quero mais lotar a seção de notícias. Mais novidades em breve.
Estamos trabalhando em uma “semi-responsividade” deste tema. Basicamente, você pode chamá-la de versão mobile. A maior reclamação que recebemos de nossos usuários anteriormente foi que nosso design “responsivo” para dispositivos móveis não lhes dava uma maneira de voltar para a versão completa. Então, estamos tentando descobrir a melhor maneira de lidar com essa questão.
Farei o meu melhor para mantê-los atualizados à medida que adicionarmos mais recursos.
Atenciosamente,
Syed Balkhi
Jiří Vaněk
Olhei na Wayback Machine para ver como este site evoluiu desde sua criação, e é uma retrospectiva interessante. Fica claro que, mesmo desde 2012, vocês têm inovado continuamente e focado principalmente nos usuários. Adoro o seu design limpo e, honestamente, vocês me inspiraram de muitas maneiras. Mesmo que o site agora tenha um design diferente do anterior, é fascinante olhar para o seu desenvolvimento ano a ano.
T Miller
Olá, gosto da aparência do seu site. Você menciona a mudança na sua seção de ofertas, mas não dá nenhuma dica de código para criar essa aparência. Com base no nome do seu site, eu esperava um tutorial de acompanhamento, embora você mencione que é um tipo de postagem personalizada. Como sou iniciante, levaria um tempo para descobrir o estilo aplicado para obter o mesmo visual da sua oferta de cupom. Alguma chance de eu ter perdido seu post instrutivo sobre isso? Obrigado.
Equipe Editorial
Sugestão interessante. O objetivo do artigo era mostrar aos usuários o que mudou, não necessariamente mostrar aos usuários como mudamos. Em um quadro geral, muitas vezes as coisas que mudamos são bem difíceis de explicar para usuários iniciantes. Sim, você pode argumentar que existem vários níveis de iniciantes. Você pode estar em um nível onde entende HTML, CSS e um pouco de PHP. Então, há aqueles que não sabem como fazer upload de uma imagem.
Admin
Sarah
Acho que o novo design é uma grande melhoria. A ideia do último parecia boa, mas na realidade simplesmente não funcionou.
Gautam Doddamani
i love the new design more…genesis is certainly the best framework compared to thesis and others and it handles seo very well…although i also liked the previous one…easy peesy…navigating to pages and stuff..this design is more like a businessey type of approach..i do like it but it can be made better
Mairaj Pirzada
Ótimas Notícias!
iBru
Ótimo, mas mais uma pergunta,
Eu me pergunto qual plugin você usa para dividir as assinaturas de e-mail em várias categorias. Obrigado.
Equipe Editorial
Isso não é um plugin. Tanto o MailChimp quanto o Aweber têm opções para segmentação de listas.
Admin
Ankur
Embora eu goste muito deste design, o anterior era muito único. O design atual é um layout típico de blog/revista, enquanto o anterior era bastante único. Eu conseguia reconhecer o site apenas olhando uma parte dele.
Genesis é uma ótima adição, eu o uso e realmente o admiro.
Equipe Editorial
Obrigado Ankur, sim, concordo plenamente com você. O último design era definitivamente muito único. Acho que por esse exato motivo, as pessoas tiveram dificuldade em encontrar os itens. Porque elas estavam confusas. Voltar a um layout tradicional fez mais sentido.
Admin
Dave Clements
É definitivamente bom ver os posts do blog de volta na página inicial. Eu não conseguia entender por que você os tirou, mas fico feliz em ver você experimentando. Nenhum empreendimento é um desperdício, a menos que você não aprenda com ele. Uma grande melhoria em relação à v3, na minha opinião.
Equipe Editorial
Obrigado por passar por aqui, Dave. Os posts do blog também estavam na página inicial na v3. Mas sem miniaturas, nada os fazia se destacar.
Admin
Aman
Helly Syed,
Tudo está ótimo; mas você pode me dar o tema antigo (WP Beginner V3)!
Eu realmente quero isso. Seu tema antigo também era muito bom!
Equipe Editorial
Desculpe. Não posso realmente dar esse tema.
Admin
Piet
Estranho que você não percebeu sozinho antes do lançamento que a versão 3 foi um GRANDE erro.
Acho que com a versão 4 você foi para o outro extremo, é super chato e muito estreito.
Um exemplo prático: estou aqui sozinho no fundo do seu site escrevendo este comentário e estava procurando um link para a página inicial: sem sorte
Um link para voltar ao topo então? O Genesis não vem com isso por padrão? Sem sorte também!
Já estou ansioso pela versão 5, pois esta também não está boa.
Equipe Editorial
Piet, eu realmente achei que a versão 3 era muito legal. Começou a ficar velha para mim depois de um tempo. A versão 4 definitivamente melhora a usabilidade, e nossos números provam isso. Teremos que esperar para ver mais feedback. Acho que temos uma boa base aqui, agora vamos trabalhar em ajustá-la e otimizá-la ainda mais.
Link Voltar ao Topo, as pessoas realmente usam isso? Acho que podemos fazer um teste de mapa de calor para isso. Sim, o Genesis vem com ele por padrão. Nós o removemos do nosso tema.
A versão 5 não chegará tão cedo. Nosso objetivo agora é ajustar e otimizar este design. Os números até agora têm sido muito promissores. Se você tiver mais sugestões, sinta-se à vontade para me enviar. Sempre adoro ouvir nossos usuários.
Admin
Eric Suiker
Olá Syed,
O novo design está ótimo no iPad e eu consigo até ler sem óculos. Então, isso é bom.
A seção de vídeos parece promissora e o blueprint é ótimo. Aprendi muito com ele.
Obrigado...
Equipe Editorial
Thanks for the feedback Eric
Admin
Nicholas Tart
Olá Syed, acho que você fez um trabalho fantástico. A barra laranja é tremenda. Fiquei olhando para ela por um minuto antes de perceber de onde vinha o gradiente. Também gosto de como a área de breadcrumbs é consistente com os links Recentes, Populares e Editoriais na página inicial. Uma coisa, encontrei a página de ofertas aqui: https://www.wpbeginner.com/deals/ em vez de em um subdomínio. Muito bom trabalho. Acho que é uma grande melhoria.
Equipe Editorial
Obrigado Nick. Sim, me livrei do subdomínio. Movi de uma instalação MS para um tipo de postagem personalizado para melhor integração com o site.
Admin
Nicholas Tart
Ooh, eu também gosto do botão "Responder". Na postagem, "Ofertas" leva a um subdomínio.
Equipe Editorial
Ah, droga. Corrigi esse erro. Boa observação.
Lenin Nongsiej
Para complementar o acima, os itens da lista parecem fora do lugar. Uma formatação consistente melhoraria a aparência geral. Estou visualizando o site em telas grandes, então para mim parece um pouco estreito. 1000px de largura mínima para desktops, por favor. Para o resto, torne-o responsivo. Gosto dos detalhes em todo o resto, continuem o bom trabalho.
Equipe Editorial
Obrigado pelo feedback, Lenin. Sim, definitivamente precisamos melhorar a formatação da lista. Agradeço muito o feedback.
Admin
Mike
Eu pessoalmente gostei mais da v3... Parecia mais moderna, mais responsiva (mesmo que não fosse... não me lembro, mas vejo que esta não é responsiva), simplesmente mais agradável em geral.
I’m sure I’ll get over it though
Derek Jensen
Concordo com você, Mike. Não pelo design responsivo, mas porque era algo diferente e agora parece qualquer outro site por aí. Claro, a barra laranja voltou, mas laranja está rapidamente se tornando o novo azul com muitos sites.
O ponto é que a v3 era diferente e eles deveriam ter ajustado o site para que ele "convertesse melhor". Este design drástico parece pior do que a v2, se bem me lembro.
Equipe Editorial
Derek, obrigado pelo feedback. Não posso falar por outros, mas nas últimas duas semanas (fiz 60 vendas de um produto este mês após o novo design). O total do mês passado foi 40. As vendas aumentaram. O opt-in aumentou. As visualizações de página por usuário também aumentaram. Ter landing pages bem projetadas é fundamental. Com o responsivo, parece que você tem que abrir mão do estilo personalizado na maioria dos casos. Não me entenda mal. Sou totalmente a favor do design responsivo quando é necessário. Com nosso público, acho que não é. Muito poucos realmente leem o site usando celular (menos de 2% de acordo com o GA). A v3 era certamente única, mas nem tudo que brilha é ouro. Este é um trabalho em progresso e, como eu disse, a versão mobile estará pronta, espero, em breve.
Admin
Derek Jensen
Meu ponto não era focado na mudança para não ser responsivo. Meu ponto era pensar em ajustar a v3 para que fosse, para fins desta conversa, v3.1.0 ou algo assim. Mesmo que não tenha convertido tão bem, acho que eu poderia ter conseguido se as coisas tivessem sido experimentadas em vez de mudar para este Genesis Framework. É certamente uma preferência pessoal, pois gosto de ver as pessoas se esforçarem por um design diferente e aprender a fazê-lo funcionar fará com que você saia por cima e lidere o caminho. Desejo-lhe o melhor!
Equipe Editorial
Derek, uma das principais razões pelas quais não estava funcionando era porque não era intuitivo. Os usuários realmente não tinham ideia de como usar esse design. Era drasticamente diferente, nada como eles já tinham visto em qualquer outro site. Quanto ao motivo pelo qual não ajustamos aquele? Tentamos ajustá-lo. Ao contrário do WordPress, não anunciamos v3.0.1 ou 3.0.2... Houve inúmeros ajustes que fizemos. Mas nada parecia funcionar. Agora, talvez se tivéssemos melhores caras de UI/UX, poderia ter funcionado (talvez).
Rich
Boa atualização. Você poderia usar algum espaçamento após cada marcador – caso contrário, eles se misturam (veja acima), e talvez um pouco menos de espaçamento entre linhas para o texto do parágrafo. Também acho que o design poderia ser 20-40px mais largo – 960 é estreito pelos padrões modernos.
Equipe Editorial
Bom conselho sobre o espaçamento dos marcadores. Vou pedir isso. Sim, vamos ficar com 960 por enquanto. Talvez no futuro fique mais largo.
Admin
Mike
Posso sugerir a grade de 1140 quando você fizer a v5? Começamos a usá-la em muitas coisas que estão chegando para nós em breve e é ótimo trabalhar com ela.
Keith Davis
Oi Syed
Adorei o novo design.
Amo tudo que é construído em Genesis, bem, quase tudo.
Por que você não está respondendo?
Eu estava pensando em mudar dos comentários nativos para o Livefyre, mas seu artigo jogou isso para escanteio.
Eu gosto bastante do seu login simples com comentários do Twitter ou Facebook.
Tudo em tudo... uma grande melhoria.
Equipe Editorial
Keith, teremos um estilo responsivo apenas para navegadores móveis muito em breve. Mas é só isso.
Admin
stef
é melhor legal ..