Redesign do Facebook aposta em simplificação e personalização do conteúdo com diferentes feeds

O Facebook acabou de apresentar seu novo layout em evento na California, com foco em três aspectos: Destacar e enriquecer a navegação de forma visual; possibilidade de escolha de diferentes feeds, de acordo com o assunto desejado; e consistência da experiência mobile em múltiplas plataformas.

Mark Zuckerberg falou que acredita no futuro do Facebook como um jornal personalizado, que entende as preferências do usuário e permite a navegação através do que mais interessa. Além disso, o novo feed de notícias leva em conta o conteúdo produzido por amigos e familiares.

Facebook

Pelas imagens apresentadas no evento, me parece uma mudança bem ousada para uma empresa que não parava de criar novas formas de mostrar publicidade na tela do usuário. O visual foi totalmente limpo, com tudo o que é secundário agregado em uma barra lateral.

É sem dúvida um bonito e importante redesign, que privilegia o conteúdo e a experiência do usuário. Resta saber como os anunciantes serão afetados pelo formato. O novo design começa hoje na web, e nas próximas semanas será introduzido nas plataformas mobile.

Assista o vídeo abaixo que apresenta mais detalhes do novo layout. Nesse outro vídeo, a equipe da rede social explica o processo de criação.

Facebook
Facebook

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement

NIVEA promove redesign global e unifica as embalagens de seus produtos

Presente em 170 países e utilizado por mais de 500 milhões de mulheres todos os dias, os produtos NIVEA vão sofrer um redesign global. A tradicional latinha azul, criada em 1924, serviu de inspiração para a agência fuseproject reunificar a identidade visual da marca.

Nos últimos anos, uma série de embalagens diferentes foram introduzidas no mercado, com tamanhos, formas e gráficos distintos proliferando no portfolio da empresa. A nova linha visual é moderna, ao mesmo tempo que se baseia na herança secular deixada pelo logo circular e na tipologia branca da era Bauhaus.

A NIVEA aproveitou a mudança para reduzir a utilização de materiais na produção das embalagens, com cerca de 15% de economia no uso de plástico.

Nivea

Nivea
Nivea
Nivea

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement

Coca-Cola lança desafio para redesign de logotipo

É isso aí que você leu no título. A Coca-Cola, em parceria com a plataforma de design BlankYou Very Much, lançou um desafio ter seu clássico logotipo redesenhado. Antes que você se empolgue, entretanto, um balde de água fria: de acordo com o regulamento, a competição é aberta somente a residentes nos Estados Unidos. Ainda assim, não deixa de ser uma boa ideia.

O prêmio é de US$ 5 mil – parece pouco, mas ainda assim é US$ 5 mil a mais do que levou Frank Mason Robinson para criar o logotipo original em 1885. O ganhador também terá o direito de sair se gabando por aí, ter isso no portfólio, etc. Mas não é só isso, claro… O novo logo vai ilustrar uma edição limitada de camisetas.

Os logotipos deverão ser enviados para o site da BYVM até 29 de outubro, para depois passarem por votação popular entre 30 de outubro e 12 de novembro. Daí os mais votados passarão pelo crivo de um júri especializado, que anunciará o vencedor em 23 de novembro.

Se até agora pareceu tudo muito fácil – ou quase -, é preciso ler as orientações da Coca-Cola, que foi muito específica sobre o que pode ou não ser feito aqui. Somente as cores branco e vermelho são permitidas – azul, nem pensar. Bandeiras ou símbolos internacionais são proibidos, o logo deve refletir um modo de vida saudável e equilibrado e o público-alvo é acima de 12 anos.

Se você ficou curioso para saber mais, entre no site da BYVM para descobrir mais sobre a competição. Aproveite a visita para conhecer melhor esse site, que dá aos designers a oportunidade de repensar logotipos famosos e criar novos conceitos.

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement


A nova identidade do eBay

O eBay completa 17 anos de vida neste mês. E o serviço que começou com o propósito de ajudar pessoas a venderem (ou comprarem) praticamente qualquer coisa assume uma nova postura, segundo o presidente da empresa, Devin Wenig:

“- Comprar a qualquer hora, em qualquer lugar? Esse é o novo eBay.”

É uma mudança significativa, que trouxe uma simplificação ao original, além de uma readequação na paleta de cores.

Não gosto de elogiar ou criticar projetos que não vi o sistema completo. E esse é um caso. De qualquer forma, muitas percepções são óbvias numa primeira olhada: Existe uma nova postura, com um “Q” mais global e contemporâneo, sem aquele espírito adolescente presente na identidade anterior.

Ainda não rolou uma atualização no site. Mas isso deve ser questão de tempo.

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement


IBM Office Redesign

La société américaine IBM nous propose de découvrir leurs nouveaux locaux situés à Rome en Italie. Ces derniers ont été rénovés et proposent un environnement futuriste très réussi par le designer Massimo Iosa Ghini. Des locaux à l’architecture très bien pensée à découvrir dans la suite de l’article.

imb10
ibm09
IBM Office Redesign8
IBM Office Redesign7
IBM Office Redesign5
IBM Office Redesign1
IBM Office Redesign4
IBM Office Redesign3
IBM Office Redesign2
IBM Office Redesign6

25 anos depois, Microsoft apresenta novo logo

O logo do Windows passou por mudanças mais frequentes, apesar de nunca abandonar o elementos das janelas, é claro. Porém, a Microsoft mesmo não fazia uma redesign em sua marca desde 1987.

Apelidado de “Pac Man”, o logo anterior foi criado por Scott Baker com Helvetica itálico, e um corte entre o “O” e o “S” para refletir movimento e velocidade. Foi apenas a segunda marca na história da empresa, sobrevivendo por diversas mudanças de posicionamento e slogan.

Segundo a Microsoft, a intenção com o novo design é ser “um sinal de herança mas com olho no futuro”. Os quadrados coloridos representam a diversidade do portfolio de produtos, junto com o tipo Segoe no nome.

A apresentação abaixo mostra o motion design do novo logo:

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement


Vimeo anuncia redesign: Site mais clean com um player maior centralizado

As últimas mudanças do YouTube em busca de simplicidade e usabilidade fizeram efeito. Não acredito que esse seja o fator determinante no crescimento do site – conforme apontado ontem – mas realmente houve uma evolução nos últimos meses.

Só que por mais que a ferramenta de vídeos mais popular do mundo invista em design, ainda nada se compara a harmonia do visual clean do Vimeo, na minha opinião.

E ele vai mudar também, em busca de mais simplicidade. A intenção é otimizar o principal: o video em si, óbvio.

Agora o player tem 960×540 pixels de tamanho, com as informações secundárias relegadas pra baixo da dobra da página. No topo, a etiqueta “More Videos” revela os vídeos relacionados, que antes ficavam na lateral direita.

Com isso, o Vimeo limpa ainda mais a sua página, prometendo não apenas uma mudança cosmética. De acordo com o CEO, Dae Mellencamp, os vídeos devem carregar até 50% mais rápido nessa nova versão, assim como a velocidade de upload.

A página vimeo.com/new detalha todas as mudanças, e você pode se inscrever para testar a nova versão antes que ela seja lançada.

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement


Twitter de cara nova, de novo

Pouco mais de 1 ano depois do anúncio de redesign – o que pra mim parecia ter sido há apenas 3 meses – o Twitter vai mexer no layout novamente.

Dessa vez a intenção é aproximar cada vez mais a experiência na web com a mobile. E os apps atualizados já estão disponíveis para download no iPhone e Android.

Veja mais detalhes da mudança no vídeo abaixo e no site: fly.twitter.com

Brainstorm9Post originalmente publicado no Brainstorm #9
Twitter | Facebook | Contato | Anuncie


Advertisement


Netvibes Showcase

Après la vidéo Fubiz Redesign, voici un projet des agences Fubiz Interactive et Sonacom pour le client Netvibes. La vidéo, réalisée par Mattrunks, présente leurs services (widgets et dashboards) et leur nouvelle baseline. A découvrir en vidéo HD dans la suite.



netvibes2

netvibes3

Travail vidéo : Mattrunks / Production son : Sonacom / Projet : Fubiz Interactive

Previously on Fubiz

Brainstorm #9 | 4.0

Depois de alguns meses planejando e algumas semanas em desenvolvimento, estreamos há algumas horas o novo Brainstorm #9. A intenção era aproveitar parte do visual que tínhamos no site antigo, mas com conteúdo mais organizado e exibição aprimorada da hierarquia dos posts.

Obviamente, e como sempre, podem surgir problemas e faltam ajustes finais, como por exemplo, adaptar o conteúdo da versão anterior a essa nova. Portanto, se você sentir falta de algo, logo atualizaremos, se encontrar algum bug, pode (e deve) reportar.

Ao invés de escrever aqui quais foram as mudanças, e como você pode navegar entre elas, resolvi gravar o screencast abaixo. Dê play, teste e opine.

Com layout criado em casa mesmo, o novo Brainstorm #9 foi produzido e desenvolvido em conjunto com a Contém Conteúdo, comandada por @mauroamaral e @holiveira.

Brainstorm #9Post originalmente publicado no Brainstorm #9
Twitter | Contato | Anuncie


O projeto de design do bbc.co.uk

É possível unificar o caótico design de um dos maiores sites do mundo? A equipe do site da BBC encarou o bicho de frente e conta como foi o processo.

Brainstorm #9Post originalmente publicado no Brainstorm #9
Twitter | Contato | Anuncie


Fubiz : Nouvelle Version

L’aboutissement d’un projet qui se prépare depuis maintenant 3 mois, avec la mise en ligne ce midi de la nouvelle version de Fubiz. L’occasion pour nous de tourner une page, et de repartir sur des bases nouvelles. Explications et vidéo de lancement en HD.

Nouveautés du site

Outre la refonte graphique, le plus grand changement réside dans la création d’un espace membre afin d’accorder davantage de place aux visiteurs pour leur permettre de s’exprimer sous de nouvelles formes. Un espace qui permet aux utilisateurs de proposer des liens et de rédiger des articles, soumis à validation. Une nouvelle manière de partager des découvertes, coups de cœur et projets personnels.

Inscrivez vous ici

version3-1

Autre changement important, la place réservée aux images. La largeur du site a été repensée pour offrir davantage d’espace pour les visuels, une galerie complète a été créé avec 50 000 images réparties en 9 catégories, et une mosaïque permet de naviguer d’un billet à l’autre grâce à des filtres. L’équipe de contributeurs s’étoffe depuis quelques semaines, et le blog migre vers la plateforme WordPress. Il est maintenant accessible en 2 langues, français et anglais.

Les nouvelles caractéristiques sont détaillées ci-dessous :

1/ Articles

Une nouveauté importante : l’arrivée des votes pour chaque article. Une manière de participer différemment en donnant de l’importance à vos coups de cœur, articles et projets favoris. Une mise en avant des articles les plus votés sera effectuée sur le module Most Popular. Un système de tags et de multi-catégories a également été ajouté.

2/ Quick Links & Users Stuff

Ce sont les nouveaux espaces collaboratifs du site. Soumettez facilement vos projets, liens, idées d’articles et surtout coups de cœur. A découvrir après votre inscription sur Fubiz.

3/ Commentaires

Afin de pouvoir répondre directement à l’auteur d’un commentaire, un système de réponse dynamique a été instauré avec l’ajout d’une fonction “Reply”. L’auteur du commentaire initial pourra faire apparaître uniquement les commentaires qui lui sont destinés. Une fonction pratique et utile pour interagir entre membres.

4/ Archives

Le système d’archives de Fubiz est basé sur le plug-in Extended Live, entièrement en Ajax pour permettre de naviguer dans toutes les archives du site sans rafraîchir la page : par date, catégories ou tags.

5/ Membres

Un annuaire de membres a été intégré avec la possibilité de personnaliser son avatar, de trier par noms, de mettre en avant les derniers actifs ou la date d’inscription des membres. A noter également la présence d’un lien, associé à chaque membre, qui renvoie vers sa page profil ainsi qu’un moteur de recherche dédié à la communauté.

6/ Galleries

Beaucoup d’artistes sélectionnés par l’équipe : un nouvel espace avec plus de 50 000 images répertoriées en 9 catégories.

Photography / Advertising / Print / Typography / Street Art / Product Design / Architecture / Internet / Fashion

7/ Mosaic

Une nouvelle manière de naviguer dans le contenu du site Fubiz, à travers un mur de miniatures d’images. Laissez-vous tenter !

8/ Abonnement

En plus du classique flux RSS, vous pouvez suivre Fubiz via Twitter, Facebook et Netvibes. D’autres fluxs sont dorénavant disponibles, par exemple pour la rubrique Users Stuffs ou l’espace Quick Links. A noter que chaque membre dispose d’un flux rss dédié pour ses articles.

9/ Motion

Afin d’accompagner le lancement de cette nouvelle version, nous avons confié la réalisation d’une vidéo de présentation au motion-designer Mattias Peresini de l’agence Sonacom. Le tout sur une bande-son du groupe College.

version3-2

– Site édité et produit par la société Fubiz.
– Réalisation du blog (charte & technique) par le studio Colorz.

N’hésitez pas à utiliser le formulaire contact mis à votre disposition pour les bugs, suggestions et retours techniques. Merci encore à vous, pour votre attention et surtout pour votre soutien.