Fechar [X]

BRAINSTORM9 5.0: O quê mudou?

55
notas
0
likes
0
Tweets
0
Pin it
55
notas
0
likes
0
Tweets
0
pin it

O Brainstorm9 completa 9 anos em 2011, e desde o primeiro dia de janeiro já começamos a pensar em maneiras de comemorar. Obviamente, um redesign viraria item obrigatório dessa lista.

Junto com a Colosseo, passamos a estudar wireframes de como seria a plataforma ideal para valorizar nossa linha editorial: Falar de criatividade e inspiração com opinião e personalidade, investindo cada vez mais em conteúdo original, proprietário e, ao mesmo tempo, gerar identidade visual.

O resultado é um B9 mais simples, e mesmo com algumas novas funções, mais organizado. Porém, uma mudança fundamental é em relação a uma reclamação constante dos usuários: a velocidade. Todo o código do site foi construído do zero, acabando com scripts e requisições desnecessárias, e fazendo o menor uso possível de plugins, transformando tudo em função nativa do B9. Resumindo: performance!

Outro ponto essencial desse redesign foi a valorização desses 9 anos de conteúdo, permitindo que você navegue no nosso arquivo de maneira fácil e sem distrações com a Biblioteca9.

Além dos comentários e perfis do B9 no Twitter, Facebook e Foursquare, ampliamos a participação dos leitores com a série GUEST9 há alguns meses. Agora, lançamos mais uma maneira de você intervir no conteúdo do site com o que chamamos de Drops9: Basta você enviar um tweet com a hashtag #brains9, que a sua mensagem pode aparecer por aqui entre os posts do blog.

Cada post tem a sua barrinha de mídias sociais, organizando os botões de compartilhamento, mas traz também a nosso próprio “Gostei/Não Gostei” – inspirado naquele do YouTube – para demonstrar o sentimento geral em relação a um post.

Essa versão 5 do B9 começa hoje, mas continuará sendo atualizada e revista ao longo das próximas semanas (e meses). Qualquer problema ou erro, você pode reportar aqui diretamente nos comentários, que estaremos de olho para corrigir.

A equipe do B9 agradece ao excelente trabalho e esforço de interface e design da Colosseo, e programação ninja do Holiveira.

Para saber mais desse processo, assista o vídeo abaixo:

LEIA TAMBÉM
COMENTE
  • http://www.facebook.com/eduardoduccigne Eduardo Duccigne

    Parabéns! Ficou muito bom. Gostei do fato de darem ênfase à performance. Vida longa ao B9!

    • smileti

      Obrigado, Eduardo!!!! E as novidades do ano de aniversário não acabam com o site, não. Vem mais coisa por aí. :)

      • http://www.facebook.com/eduardoduccigne Eduardo Duccigne

        Ansioso desde já :)

  • http://www.facebook.com/zeeaugusto Zé Augusto Alcantara

    Vida longa e prospera B9!

    • smileti

      Amém.

  • http://www.murilocampos.com/blog Murilo Campos

    ae parabens, pípou!

    • smileti

      Obrigado, Murilo!

  • http://www.facebook.com/asteka05 Paulo Roberto Marchi Cunha

    Parabéns a todos pelo novo site… mas meu feed ainda ñ está atualizando =/ …Eu uso Netvibes!
    Sem críticas apenas elogios abraço!

  • Vostro

    Show! Ficou muito bom!

    Só um comentario:

    O segundo link para o site da Colosseo esta errado! Esta para http://www.colosseo.com , faltando o br no final.

    Abs,

  • Francis Rosário

    Não curti muito o design do topo, mas de resto está bom.

    • Diego

      Pior, o topo não achei muito legal mesmo, mas o resto ficou bom, pra navegar, pesquisar e talza.
      Parabéns pela mudança.

  • http://www.facebook.com/profile.php?id=100000664300078 Mario Bodnar

    Galera, parabéns pelo novo formato! Sem dúvidas houve uma valorização nos posts e a possibilidade da interatividade da galera está show! Deixo aqui a sugestão para a próxima versão ser em um formato "mais horizontalizado", uma vez que segue nosso padrão de leitura e nossas telas widescreen de hoje… Por outro lado imagino que também há mais questões a serem levadas em conta, como a visualização da página por outros meios mobile/ipad e cia. Nota 10!

  • http://www.facebook.com/brunosofia Bruno Sofia Mattos

    Faço das palavras do Eduardo as minhas !

    Como diria a Apple … 2 vezes mais rápido, 2 vezes mais fino… :)

    Abraços

  • http://twitter.com/amilcartavares @amilcartavares

    Olá. Em minha opinião, os vossos vídeos deviam ter melhor qualidade, tanto gráfica como sonora. Também, tentem melhorar o vosso 'act'.Sobre o site, gostei pois está melhor que a versão anterior, portanto, valeu a pena o 'makeover'. A finalizar, os meus parabéns e vida longa ao vosso projecto.

  • Felipe Giacomelli

    Parabéns!

    Achei falta do laranja… hehehe

    • Marcel

      Verdade, senti que faltava alguma coisa, o laranja marcava bastante… Mas a gente se acostuma… =]

      • smileti

        Pois é. Como já dizia o poeta, "toda mudança é traumática". :)
        O laranja foi eliminado como cor predominante durante a mudança da marca. Ele continua presente, mas dessa vez com uma postura mais "leve", se compararmos com antes!

        De qualquer forma, foi uma mudança para dar um tom diferente do que era adotado no passado! Obrigado pelos comentários, pessoal.

  • http://www.facebook.com/macestevao Estêvão Macedo

    Ficou foda, agora talvez eu entre por aqui pra ler os posts ao invés de continuar escravo do Google Reader.

  • http://www.facebook.com/tati.aline1 Tati Aline

    Realmente ficou beeeem mais rápido e o visual ficou bem legal… ele não "briga" com as postagens deixando a pagina visualmente poluída. Curti!!

  • http://www.leandrorafael.com Leandro Rafael

    A princípio eu estava meio "meh", nao mudou muito. Mas aí comecei a ler alguns posts e percebi que a mudança foi boa. O conteúdo está bem mais fácil de ser achado, e a leitura bem mais fácil.

    Tchau pro Trabalho do Zee, hehe.

    PS: podia ter uma idea pra erro 404, né?

    • smileti

      Prometo pensar em algo, Leandro. Obrigado! :)

  • http://caderninhodeideias.wordpress.com Flá

    Achei que é um ótimo redesign, com melhorias aparentes no visual, layout e simplificação na paleta de cor. Quanto à performance, nunca achei o site lento, portanto não vou comentar. Uma coisa que está me incomodando são os ícones das redes sociais, na direita, em cima da caixa de busca: na minha opinião, eles estão com muito peso, as cores escuras, o degradé e a aparência metálica estão destoando do site, que está muito limpo. Eu, sinceramente, simplificaria estes ícones ao máximo.
    Gostei bastante da nova maneira de destacar os últimos posts, menos "moderna" que a anterior mas, definitivamente, mais direta. E, de quebra, ainda combina com o layout do app pro iPad.
    A primeira vista é isso que eu acho, mas se souber de alguma outra coisa que eu gostaria de opinar, eu volto. :*

    • smileti

      Obrigado, Flá!

    • Thiago

      Também não gostei dos icones. Aliás, essa "caixinha" foi a parte do site que menos gostei. Achei que ficou estranha pois o menu está na vertical enquanto outros elementos estão na horizontal e muito próximos um dos outros (os elementos).

      Por exemplo, olhando rapidamente pensei que para "Enviar uma dica" eu poderia colocar um link ou algum texto rápido na caixa branca que fica logo a direita desse botão (só depois fui descobrir que era botão). Ficou estranho, me pareceu tudo muito apertado em um espaço pequeno… Mas é detalhe. Totalmente contornável.

      No mais está excelente. A idéia de tweets compondo o post foi muito boa, mesmo! É isso que faz a diferença, mais que qualquer design ultra-revolucionário ;)

      Abss

  • https://www.facebook.com/victorhugo.marques Victor Hugo Marques

    Muito bom, clean, mais facil a leitura – apesar de eu quase sempre usar o greader- só que cada vez menos laranja

  • Hemerson

    Eu gostei. Ficou muito legal.

  • http://twitter.com/Annagraboskii @Annagraboskii

    Nossa, ficou ótimo!
    Clean, paleta de cores super amigável, e em relação a performance, o site já era rápido pra quantidade de media utilizado, então continua rápido!

    Só uma sugestão: ao solicitar para comentar, o site ta dando refresh, ajax ai seria uma boa!
    Tava vendo vídeo do post, cliquei pra comenta e… refresh.
    :)

    • smileti

      Boa dica, Anna! Estudaremos isso, com certeza! Obrigado pela ajuda. :)

  • http://www.portalcab.com Cab

    Ficou muito legal o layout, parabéns a todos os envolvidos. Porém eu gostaria de fazer uma crítica construtiva a respeito da página de posts. =)

    Tipo, a área com os destaques na homepage grande e no topo é legal e tal, mas não achei legal colocarem os mesmos destaques no topo da página de post. Isso somado ao banner gigantesco abaixo dele tá fazendo com que o usuário tenha que descer a barra de rolagem para chegar ao conteúdo que queria ver a principio de história e isso não é nem um pouco interessante. =/

    Eu sei que banners são um mal necessário e pouco se pode fazer a respeito disso, mas já os destaques poderiam sair daí. Abaixo seguem link para duas imagens onde eu ilustro melhor como acho que deveria ser. =)

    Página de post atual: http://img542.imageshack.us/img542/9692/b9atual.j
    Página de post ideal: http://img52.imageshack.us/img52/1198/b9ideal.jpg

    No mais é isso. Parabéns principalmente em focar na performance. =)

    • smileti

      Cab,

      Pensamos nisto logo no início. Mas não seria possível por algumas questões. Em relação aos destaques no topo: grande parte dos acessos vem de permalinks. E se não há outros posts como destaque, o conteúdo não é explorado. Essa é uma forma de fazer com que os leitores (vindo de permalinks) acessem mais de uma página. E funciona muito bem, mesmo desde a versão 3.0.

      Sobre o banner: ele não é constante. Está hoje, por ser um formato especial de lançamento, mas a chance de você topar com ele no dia a dia será pequena.

      E como você já disse: é um mal necessário. :)
      Obrigado pelo comentário. Um abraço.

  • http://www.iconoclasta.com.br bomdiavermes

    Caros, excelente layout. Parabéns mesmo! Clean e objetivo!

    • smileti

      Obrigado!

  • http://www.creattivemind.blogspot.com Cristiano Lima

    Parabéns Carlos e a todos que contribuiram para um dos mais importantes blogs de criatividade do país, e por que não dizer, do mundo. Confesso que tomei um susto ontem quando não pude ler os novos posts, mas sabia que algo grande estáva por acontece. Parabéns pelo intenso e ótimo trabalho de toda a equipe.

    Parabéns Brainstorm9

  • http://zonadeconvergencia.wordpress.com Johnnie de Marco

    Parabéns, ficou muito bom.
    Sugiro um post mostrando a evolução do layout, seria bem interessante.
    Abraços e sucesso!

  • Bruno

    Vcs atualizaram o aplicativo para iPad tb?

    • smileti

      Fala Bruno, atualizamos sim. Ele está na versão 1.3.
      Conseguimos identificar o bug que havia (que às vezes fechava o aplicativo), e até agora isso não aconteceu mais. Em breve, atualizaremos ele para versão 1.4, com mais novidades ainda!

      Um abraço.

  • http://www.jrgarou.com/ Júnior Santos

    Acho que vou ser o único chato que vai tocar no assunto, mas… Qual versão do HTML vc's estão usando?
    A declaração doctype do início alerta uma marcação HTML5, mas nada do que se segue sugere isso.

    O site tá show, rapaziada. Só faltou um carinho com a semântica ;)
    Belo trabalho!

  • http://twitter.com/fabioyabu @fabioyabu

    Muito bom! Sem pirotecnias nem frescuras desnecessárias! Parabéns Merigo e equipe!

    • http://www.brainstorm9.com.br/ Carlos Merigo

      Valeu Yaboo!

  • http://twitter.com/MariliaGilP @MariliaGilP

    Parabéns! O Site ficou beeeem interessante ;]

  • https://www.facebook.com/aguering Anderson Guering

    Bacana ver a iniciativa de se manter atualizado, tem muita coisa boa ai fora pra se aprender com os gringos, sendo que considero o Mashable o irmão maior direto do B9, até pelo formato de advert post e banners tradicionais. Dentro desse formato é possível dizer que o trabalho de arquitetura deles é excepcional. Não sei se por questão de público, os blogs brasileiros ainda tem essa necessidade de ter um apelo visual forte, reforçar a sua identidade sempre, o que as vezes cansa um pouco. Destacaria os blogs do grupo Gizmodo (US e nao BR) como o blog a ser batido no momento nessa questão; acredito que fizeram uma leitura perfeita das necessidades do user na web atual e traduziram isso de forma competente. Não sei como eles se sustentam, mas não vi nenhuma propaganda nos blogs do grupo e toda informação é disposta da forma mais minimalista possível (obviamente foi desenhado com o iPad em mente): icones quase sempre monocromáticos e bem pequenos, zero de gif/jpgs além das thumbs dos artigos, etc. Imagino que a leitura que o B9 fez seja semelhante, mesmo porque alguns minutos de leitura especializada já fornecem um panorâma até que eficaz de como algo além disso é supérfluo. Sendo assim ainda é possível destacar alguns deslizes como já foi destacado por alguém acima: os ícones estão meio over (o icone do facebook tem a cor que nada lembra o azul deles, what gives?), o espaço para os mais retuitados exageradamente grande, assim como a tipografia do título, e uma certa inconsistência no tamanho peso e cores das fontes, no geral causam um certo desconforto. Já os acertos seguem a fórmula que vem sendo tendência nos grandes veículos: o bloco do tópico em si achei perfeito, compacto, com começo e fim indica perfeitamente que informação pertence a qual assunto. Aquele mashup de Top Stories no topo é moderno e as transparências transmitem leveza, na minha opinião deveria ter mais disso no resto do blog. Mas em resumo estão de parabéns. Mudanças são sempre bem vindas.

  • http://www.turbocar.com.br Felipe Mafra

    Gostei muito do novo site, especialmente da nova barrinha de compartilhamento que "solta" do site e me acompanha enquanto leio o post e da biblioteca. Vira e mexe queria procurar um post antigo daqui e usava o Google pra encontrar (site :www.brainstorm9.com.br "busca") porque era mais rápido. Vou experimentar usar sempre esse site paralelo agora. Ótima idéia :)

    Sobre a barra social, ela não me acompanhou até o fim dos comentários e vou ter que subir pra poder usar a bendita. Foi planejado assim ou tá zoado aqui? Usando Chrome 13.0.782.24 beta-m.

  • https://www.facebook.com/alexandre.esposito Alexandre Esposito

    Belíssimo layout. Organizado, bonito e, pelo menos nessa primeira testada, mais leve.

  • Leila Oliveira

    Parabéns para a equipe do B9.
    Se era bom agora ficou melhor ainda!
    Adorei a biblioteca9.

  • http://twitter.com/willianmota @willianmota

    Muito show de bola ficou o novo #brains9 ! Limpo, objetivo e bem arquitetado… Vale a pena conferir mesmo!!

  • Matches

    Nossa, tomei um susto quando entrei. Achei que tava no site errado.
    Sinto falta do laranja, mas talvez eu precise de uma fase de adaptação.
    Os ícones também estão bem diferentes dos anteriores.
    Quanto à velocidade, parbéns, o site tá super veloz.

  • Marcelo B

    Parabéns B9! Mandando bem como sempre!
    Por sinal, alguém sabe qual o software que o Merigo está usando para apresentar o blog no vídeo? Gostei do efeito de iluminar a informação e dar zoom…

  • http://www.brazilianideas.com Marcelo B

    Valeu Merigo!!!
    Grande abraço!

  • webadaptavel

    Gente, foi muito interessante esta reformulação. Apesar das críticas sobre os destaques antes do menu, penso que websites são mídias perfeitas para experimentação. Se vocês tivessem feito tudo como um "site padrão", nem vocês, nem nós, poderíamos fazer certas reflexões.
    Eu gostaria de ver vocês incorporando conceitos como http://www.designadaptavel.com.br. Com a qualidade e competência de vocês acho que fariam um site revolucionário.
    Abs

  • http://inteligenciamercadologica.info/ Alex Frachetta

    Ficou excelente, pessoal, mais uma vez! Parabéns!
    Dica: Sites de notícias e alguns blogs tem usado o botão "Recomendar", ao invés do "Curtir". Vejam se isso é legal para o B9. Acho que o "Recomendar" é mais adequado.

    Vi vocês na segunda-feira almoçando na Pane d' Itaim! :)

  • http://tfjoaodias.com Leonardo S. Rocha

    Merigo, o site está excelente. Cada upgrade torna o site melhor ainda. Além disso, vocês sempre trazem conteúdo de qualidade. Parabéns! Ah! E esperamos cada dia mais.

    E o Braincast? Gosto dele. Acho que o restante também. Vocês poderiam voltar. :)

  • http://twitter.com/graciolli @graciolli

    Tipooooooo – e a busca no site? Hoje fui fazer uma busca e cada o campo de busca? Até achar ele que se encontra dentro da biblioteca demorei 4 minutos. ruim.

  • gusfune

    HAHAHHAHAHAHHAHAHAHAHHAHAHAHA

    mt bom!

    • http://www.brainstorm9.com.br/ Carlos Merigo

      Hahhahah. Ainda bem que você viu, pq eu esqueci completamente desse detalhe.
      Arrumaremos.

  • Bastian

    mas acho que a experiência completa só usando explorer mesmo. não consegui navegar pelo chrome ou safari