Reapresentando o blog do Flywheel: Layout!

Layout, o blog oficial do Flywheel, foi lançado pela primeira vez em 2014 como uma publicação para designers. Desde então, evoluiu para uma comunidade de conteúdo cuidadosamente escrito e com curadoria para criativos ocupados de todos os tipos. De artigos e vídeos a cursos especializados, você encontrará uma variedade de recursos para uma variedade de habilidades: design de sites, desenvolvimento web, marketing, crescimento de negócios, gerenciamento de clientes e muito mais!

Hoje, tenho o prazer de compartilhar que o design do nosso site evoluiu para tornar todo esse conteúdo mais fácil de descobrir, mais fácil de experimentar e, com sorte, mais agradável!

A versão curta: Temos um novo design de site, e eu adoraria ouvir o que você pensa nos comentários abaixo!

A versão longa: passamos muito tempo pensando intencionalmente sobre esse redesenho e tomamos algumas decisões importantes ao longo do caminho. Continue lendo para a estratégia por trás de tudo, detalhes sobre nossos recursos favoritos e veja o processo desde os esboços até a produção!

Por que a mudança?

A Flywheel evoluiu muito desde que a empresa foi fundada em 2012. Vou deixar você ler os detalhes da história da Flywheel aqui, mas resumindo: Nossos produtos são mais avançados, nosso público é mais amplo e nossa missão é maior.

Para ajudar os criativos a fazer seu melhor trabalho.

Nossa estratégia de conteúdo evoluiu com o resto da empresa, mas além de algumas correções de bugs, deixamos o Layout igual. (A única exceção é um logotipo roxo que apareceu em 2016, que nunca reconhecemos – desculpe por isso!)

Essencialmente, estávamos forçando algo que foi originalmente construído como uma publicação de design para também começar a falar com desenvolvedores, profissionais de marketing, proprietários de agências e muito mais – e simplesmente, a experiência do usuário não foi ótima.

Estávamos usando o antigo layout “reverso, cronológico”, com zero tags e apenas cinco categorias: Business, WordPress, Inspiration, How-to e Freebies. (Como fazer? Inspiração? Para quem?)

Isso dificultou destacar nossos recursos mais úteis e colocou muita responsabilidade nos leitores para criar sua própria jornada de conteúdo. O engajamento foi baixo, nossa taxa de rejeição foi alta e as pessoas nos pediram conteúdo que já tínhamos – eles simplesmente não conseguiam encontrá-lo.

Faltava experiência do usuário e, além disso, a experiência de nossa própria equipe interna também não era ótima. Ainda estávamos usando o WordPress Classic Editor e, embora funcione bem, estamos empolgados com o Gutenberg Editor e seu potencial há muito tempo.

No lado visual das coisas, nossa equipe teve que trabalhar com um tamanho de imagem de 1800 px de largura por 500 px de altura. Enquanto eles eram bons esportes sobre isso, não é fácil contar histórias em fotos tão longas e estreitas.

Além disso, nós sempre crie nossas próprias imagens para artigos – mas você nunca saberia!

Somos stock photo free desde 2018.

Estamos super orgulhosos desse fato, mas o design tradicional do site para blogs apenas destaca o autor – não ninguém por trás do visual.

Então, para resumir tudo, sentimos que não estávamos ajudando nossos leitores a fazer seu melhor trabalho, nem estávamos deixando nossa própria equipe fazer nosso melhor trabalho.

Fila: Este redesenho!

Mantivemos as melhores partes do Layout (como o conteúdo acionável e as imagens inspiradoras!), mas de uma forma que nos ajudará a fazer um trabalho melhor. Você poderá encontrar o conteúdo que mais lhe interessa e poderemos aprimorar nosso ofício para oferecer histórias ainda melhores .

Alguns novos recursos

Há tantas coisas com as quais estamos empolgados com esse design, mas eu queria destacar alguns dos nossos favoritos!

Novas categorias e tags

Um dos elementos mais importantes do novo design foi tornar mais fácil para você encontrar mais conteúdo de seu interesse, então temos cinco novas categorias e mais de 50 tags! Você os verá em vários lugares, tornando muito mais fácil explorar o site.

Juntamente com todos os conselhos práticos e tutoriais técnicos nos quais o Layout é especializado, agora você também encontrará categorias para atualizações de produtos Flywheel e histórias da empresa! Para clientes e fãs da nossa marca, é uma boa experiência holística de todas as coisas relacionadas ao Flywheel.

Desenvolvido pelo Editor Gutenberg

Embora isso esteja tecnicamente sob o capô, estamos empolgados com as possibilidades de contar histórias que Gutenberg dará à nossa equipe. Apresentando novos tamanhos de imagem, opções de layout e blocos personalizados do Gutenberg, temos muitas ideias que experimentaremos para fornecer conteúdo de maior qualidade.

Em breve: Destaque autores, designers, fotógrafos e muito mais!

Estamos entusiasmados em dar crédito a todos por trás de um artigo, não apenas ao autor principal. Embora tenhamos decidido lançar sem esse recurso, lançaremos créditos adicionais muito em breve. Aqui está uma espreitadela!

Em breve: Índice

Ignore o que você sabe e vá direto para as informações que você está procurando. Em breve, lançaremos um índice fixo, para que você possa navegar facilmente em todos os artigos!

Por trás das cenas

Como nosso público é formado por todos os tipos de pessoas relacionadas a sites e ao processo criativo, queríamos compartilhar um pouco dos bastidores de como realizamos uma atualização dessa escala! Já falei sobre algumas das estratégias de marketing por trás do redesenho, mas queria mostrar algumas das decisões de design e desenvolvimento que tomamos ao longo do caminho.

O processo de projeto

Para este projeto, trabalhamos com um talentoso amigo e freelancer, Adam Nielsen. Ele pegou um Google Doc muito bagunçado com várias notas de estratégia de marketing e o transformou no design que você está vendo agora!

Antes que o design fosse finalizado, Adam passou muito tempo conversando com Kimberly Bailey (nossa fotógrafa interna) e Bryan North (um de nossos designers) para garantir que sua visão para as imagens do Layout pudesse ganhar vida.

Curiosidade: por um minuto, quase decidimos mudar “Layout” para “Blog do Flywheel”. (Observe o logotipo no canto superior esquerdo das maquetes!) Decidimos que queríamos que o Layout mantivesse uma identidade própria, porém, apenas com uma conexão mais próxima com a marca Flywheel. (Por isso, alterando ligeiramente o logotipo e mudando para azul Flywheel!) Nosso diretor de arte interno, Nicholas Petersen, estava por trás disso.

Decisões de desenvolvimento

Depois que os modelos de design foram finalizados, eles foram passados ​​para Josh Masen, nosso desenvolvedor interno, para transformar tudo em um site funcional!

Como você provavelmente pode imaginar, usamos a infraestrutura de hospedagem do Flywheel, então o processo de desenvolvimento foi super simplificado. O redesenho começou no Local, passou para um ambiente de encenação e, finalmente, para a produção.

Para criar o tema personalizado, Josh usou o plugin Timber WordPress e o Editor Gutenberg para criar blocos personalizados.

O que está por vir

A melhor parte de tudo isso é que temos ainda mais planejado! Nos próximos meses, lançaremos mais recursos para criar uma melhor experiência de leitura, compartilhar histórias exclusivas e ajudá-lo a fazer seu melhor trabalho criativo.

Isso também significa que adoraríamos seu feedback! Diga-me nos comentários abaixo: O que devemos fazer mais? O que devemos mudar? O que podemos ajudá-lo a aprender este ano?

Estamos empolgados em construir uma comunidade de criativos promovendo nosso ofício e não podemos agradecer o suficiente por se juntar a nós!