Blogs têm sido parte integrante de websites há muitos anos. Quase todos os sites corporativos têm um separador onde se pode encontrar uma lista de notícias ou artigos. Neste post, vou apresentar 6 blogs de marcas famosas que se destacam em termos de design. Baseado nos exemplos selecionados, vou apresentar características que tornam o blog visualmente atraente, moderno e se destaca do resto.

Evernote – ou minimalismo de forma

https://evernote.com/blog/

A página principal do blog se distingue por um senso de limpeza, ordem e legibilidade. Usar muitas cores brancas e não sobrecarregar os olhos do leitor com muito texto significa que o usuário fica feliz em percorrer a lista de artigos, e pode facilmente escolher um post atraente que se destaque graças a uma foto ou ilustração abstrata que o acompanhe e se refira ao conteúdo do artigo. Tudo isto é mantido dentro do esquema de cores escolhido pela empresa, o que constrói uma sensação de coerência de uma forma não agressiva. O layout da página web é baseado em 2 e 3 colunas, graças às quais os administradores podem promover o conteúdo selecionado, escolhendo uma imagem maior. A seção “featured” no topo da página, inteiramente dedicada a uma única entrada, também ajuda a promover posts. O leitor sabe imediatamente o que o Evernote “acha que é o mais importante”.
A subpágina da entrada faz com que os utilizadores se concentrem no conteúdo. Eles não são distraídos por elementos visuais. O mais importante é o conteúdo. Pode-se até ter a impressão de que a página do artigo é simplesmente uma nota bem formatada, com ênfase na seleção de manchetes, links, fotos. Você não encontrará aqui uma seção de comentários, que na verdade muito raramente aparece em sites corporativos. Em vez disso, uma seção CTA pode ser vista na parte inferior da entrada, encorajando-o a experimentar o produto.

Starbucks – curiosidade-diversidade de alojamento

https://stories.starbucks.com/

Quando visitar a página inicial do blog da maior cadeia de cafés do mundo, você pode experimentar imediatamente a variedade do conteúdo apresentado. Há muitos tipos de blocos visuais dedicados aos artigos. Os administradores têm muitos módulos diferentes, organizados com base numa hierarquia clara, à sua disposição. Quanto mais baixo for o artigo, menor será a sua área. Os artigos promovidos são acompanhados de uma ilustração; aqueles que são menos importantes não têm uma imagem relacionada com o título. O site da Starbucks pode ser navegado como uma revista de estilo de vida. Ao rolar para baixo, novos tipos de blocos com conteúdo aparecem. Há uma divisão clara em tópicos (histórias) e uma apresentação da biblioteca VOD da empresa. O blog da Starbucks tem um slider que apresenta as capas. Parece uma biblioteca Netflix, mas em uma escala inferior.
A subpágina da entrada consiste em tipografia atraente, bem como fotografias e ilustrações destacadas. A barra de progresso de leitura – que é bastante útil na navegação de muitos artigos longos neste blog – também é notável.

Samsung – uma ferramenta para comunicar com o mundo inteiro

https://news.samsung.com/global/

Este blog da gigantesca empresa electrónica é uma ferramenta para apresentar as novidades da empresa e dos produtos. Não há muitos artigos sobre estilo de vida e recursos a serem encontrados aqui. O website da Samsung é o quadro informativo da empresa que apresenta as muitas operações deste grupo coreano. Assim como no blog da Starbucks, você pode encontrar aqui muitos tipos de blocos contendo listas de artigos. Entre muitos outros elementos, há um slider com entradas em destaque, uma lista dos últimos posts, uma seção de vídeos, uma lista de links em destaque e uma coluna com rótulos claramente definidos das categorias principais. Apesar da sua grande variedade de conteúdos, o site é fácil de ler. Principalmente devido ao número limitado de artigos. Não há muita rolagem aqui, a atenção do leitor é atraída por fotos de produtos atraentes ou manchetes destacadas. Você pode encontrar rapidamente conteúdos interessantes e ir para a subpágina de um determinado post. O site do blog também inclui a opção de assinar a newsletter.

Há espaço suficiente para um artigo extenso em uma subpágina de uma única entrada. Ainda assim, normalmente, você encontrará aí pequenas entradas que são comunicados de imprensa sobre notícias relacionadas à empresa. A Samsung cuidou da navegação conveniente entre categorias e tags. Este gigante eletrônico quer facilitar a navegação dos usuários entre artigos relacionados, servindo uma lista clara de conteúdo relacionado. No final, o usuário é solicitado a dar uma olhada no portfólio do produtor.

Slack – o poder de uma ilustração simples

https://slackhq.com/

Visitar o blog oficial da Slack é uma experiência que cria a imagem de uma empresa profissional na mente do usuário. Uma identificação visual coerente pode ser vista nas miniaturas das entradas, que são ilustrações geométricas. A Slack nos acostumou à sua linguagem gráfica, que é facilmente associada a esta marca. O blog da Slack é minimalista, mas muitos tipos de conteúdo podem ser encontrados lá. Desde entradas promovidas, através de categorias em destaque, até os artigos mais lidos. Muitos tipos diferentes de artigos têm suas próprias seções dedicadas. Destaca-se, por exemplo, a parte que reúne os posts “Tips & Tricks”. Slogans curtos sobre azulejos coloridos levam a conteúdo instrucional e guias. Esta divisão visual da página principal do blog permite que você encontre rapidamente o caminho em torno dos diversos conteúdos.

Airbnb – minimalismo não óbvio

https://blog.atairbnb.com/

O blog Airbnb é muito minimalista. O impressionante é o facto dos títulos dos artigos serem invisíveis. Somente depois de passar o cursor sobre um dos retângulos com fotos, o texto oculto, que é o cabeçalho do artigo, aparece. Nem todos os posts têm gráficos dedicados, e para esses foi fornecido um espaço reservado – um retângulo com um padrão baseado no logotipo da empresa (aparentemente nem todos os artigos devem ter uma foto). Devido a essa solução, você precisa procurar artigos interessantes pulando entre segmentos. Pode-se dizer que esta aterragem no blog é apenas uma lista de entradas. Além do menu oculto e do botão “carregar mais”, nada mais pode ser encontrado aqui. Este é o epítome do minimalismo!
A forma de páginas web contendo posts separados também é limitada. Entre os recursos mais interessantes, você pode encontrar aqui uma barra de progresso de leitura e uma lista de idiomas em que um determinado post está disponível. Escolhendo uma destas alterações a versão linguística.

Nike – Notícias apresentadas usando grandes fotos de produtos

https://news.nike.com/

Os produtos Nike sempre foram caracterizados por uma forte ênfase no seu design. Na aba contendo as novidades sobre um dos maiores fabricantes de artigos esportivos, você encontrará um layout firmemente focado na apresentação do produto da empresa. A Nike não pode reclamar da quantidade de grandes fotos publicitárias e o blog da empresa é o pano de fundo perfeito para apresentar novas campanhas ou produtos. O esquema de cores em preto e branco torna-o ainda melhor para este fim. As fotos são o conteúdo aqui, assim como um incentivo para ir mais fundo na coleção de notícias. O simples layout em 3 colunas é perturbado apenas pelo post promovido (no topo da página) e pela seção com os links destacados entre as sucessivas linhas de tiles.
A subpágina de um único post é composta por uma forte tipografia em preto e branco com muitas fotos coloridas. No entanto, nesta forma minimalista, há um lugar para uma característica interessante. Quando você termina de ler um post, outro aparece automaticamente. Graças a essa solução, você não precisa parar de ler, e pode ficar na mesma subpágina. Você pode rolar para baixo ad infinitum, encontrando mais e mais artigos.

Droopler – site da empresa com um blog

Se você está pensando em construir o site da sua empresa, eu encorajo você a baseá-lo em nossa distribuição Drupal. O Droopler é um site pré-desenhado e pronto a usar que já tem um óptimo aspecto após a instalação. No Droopler, fornecemos um blog minimalista que vai funcionar como uma seção de notícias em um site corporativo. Nós cuidamos de uma aparência legível e atraente nas telas tanto de computadores como de dispositivos móveis. Se você quiser saber mais sobre os detalhes, clique em aprender os detalhes sobre 5 razões para construir o site da sua empresa com Droopler.