Bruno Dulcetti



Arquivos:

Categorias:

  • Amizade:

  • Artigos

  • Links:

    O meu, o seu, o nosso espaço!

    » Globo.com lança nova versão de layout

    Marca Globo.com

    Depois de mais de um ano, a Globo.com lança um novo layout na sua home, assim como a Rede Globo. Pouca coisa mudou, principalmente se formos comparar com a versão anterior e a outra. O bafafá foi bem grande, alguns comentários, a grande maioria contra o novo layout, mas que a usabilidade e acessibilidade estavam sucesso.

    Concordo Dulcetti. A usabilidade tá legal, mas concordo que não mudou tanto.

    E também não tem como mudar muito, revolucionar toda hora, colocar um fundo preto ou algo do gênero. A grande parte da mudança se percebe na barra.

    A nova barra

    Ela ficou sem os fundos coloridos, agora só recebendo um traço superior colorido no over do mouse. E a marca também foi alterada e na minha opinião foi uma alteração totalmente acertada 😉

    E os menus também mudaram

    Agora eles não estão mais com aquele select modafoca, graças a Deus, porque eu achava aquilo feio demais. Agora são menus que abrem com um clique, fazendo um slide e mostrando seus submenus. E o menu de ferramentas ficou nesse mesmo esquema e o de utilitários acabou sendo substituído pelo menu Classificados.

    Legal Dulça, bem interessante

    Sim, sim, claro. E ainda tivemos mudanças nos destaques, boxes em geral, principalmente o + lidas e + vistos. Também nos boxes laterais, que perderam a cor cinza de fundo e ganhou uma borda, mais espaçamento e aumento nas fontes.

    Resumindo, foi um tapa visual, uma mexida praticamente no CSS, pra dar uma limpada, respirada, melhoras no layout.

    Finalizando

    Acabei entrando na equipe de Portal Padrões, que cuida da Home e da Barra da Globo.com, pediram que eu entrasse na equipe por ter participado de todo o processo dos padrões da Globo.com. Deixei a equipe de Webmedia, sempre tem um lado triste nessa história né, fazer o que 🙁

    Acho que ficou um resultado bem modafoca. E você? O que achou?

    [ 02/dez/2008 às 11:57hrs ] [ Por Bruno Dulcetti ] Comentários 14 Comentários |

    Categorias: Globo.com

    » Rede Globo lança layout dentro dos Padrões

    Marca Rede Globo

    Foi lançado neste exato momento o novo layout do portal da Rede Globo. Dentro dos novos padrões Globo.com, depois do lançamento da home da Globo.com, G1, Globo Vídeos, Ego, Globo Esportes.

    Ficou legal hein Dulça

    Também achei meu nobre. Várias sacadas legais como a parte do por dentro da globo, meio no estilo do twitter, a programação, enfim, tudo mesmo ficou fodástico.

    Finalizando

    Queria parabenizar toda a equipe de Entretenimento, que cuidou desse portal, principalmente ao meu camarada Kenji Yamamoto que cuidou da parte client.

    Foi um post rápido, mas gostaria de saber a opinião de todos. Abraços e aguardem novos lançamentos.

    [ 01/dez/2008 às 23:10hrs ] [ Por Bruno Dulcetti ] Comentários 9 Comentários |

    Categorias: Globo.com

    » Globo Vídeos agora no seu iPhone

    iPhone com a marca do Globo Vídeos

    Essa notícia já era pra eu ter publicado tem bastante tempo, mas vocês me conhecem, portanto já sabem que eu não posto nada no tempo que deveria. Mas vamos pular essa parte que é uma vergonha e vamos para o conteúdo referente ao título por favor.

    Quer dizer que agora o Globo Vídeos tem uma versão para iPhone?

    Exatamente. É com orgulho que digo isso e que foi bem gratificante participar desse projeto e principalmente com a grande equipe Webmedia, que é a responsável pela parte de vídeos dentro da Globo.com. E finalmente lançamos a versão para iPhone(m.video.globo.com).

    Então você não fez sozinho grande modafoca?

    Galera da Webmedia
    Infelizmente esses filhos da mãe não me esperaram para tirar foto comigo, mas tá valendo 🙂

    Lógico que não né meu nobre. Impossível fazer algo dessa gama sozinho. Eu participei nesse projeto junto com o Vitor Pellegrino, Guilherme Cirne, Caina Nunes, Leonardo Burla, Tiago Motta, Anselmo Alves, Guilherme Chapiewski, fora outros integrantes da equipe, que participaram de outras etapas que não foi a de desenvolvimento em si ou que não trabalham mais conosco.

    Foi uma equipe bem modafoca, que deu conta do recado e que não deixou nada a desejar.

    E como foi participar de um projeto mobile?

    Foi uma experiência bem diferente de todos projetos que já participei, tanto na Globo.com, quanto pessoais mesmo, já que o foco cai um bocado, não precisei me preocupar com o maldito IE, somente com o Safari.

    E eu também pude abusar do CSS 3, Webkit, transições javascript, que é algo meio que obrigatório dentro dos projetos para iPhone e tudo mais e não é possível a utilização hoje nos projetos pois poucos browsers suportam CSS 3 e Webkit totalmente. Mas isso por enquanto 😉

    E os vídeos?

    Vídeo do Globo Vídeos no iPhone

    Todos H264, qualidade excepcional, assim como a equipe Webmedia da Globo.com. Bem acima da qualidade oferecida pelo Youtube e também porque o iPhone não suporta Flash, swf, por isso não poderíamos utilizar vídeos FLV que são utilizados no Globo Vídeos. Com isso, criamos um profile só para o iPhone, que atendesse plenamente o que solicitaram.

    Ficou legal o layout hein Dulça

    Graças ao modafoca Cainã Nunes, o layout ficou excepcional. O resultado ficou fora daquele padrão de aplicativos iPhone, que na minha opinião não tem graça nenhuma. Ficou bem leve, clean e de fácil usabilidade.

    Algum problema no desenvolvimento Bruno?

    Print da Tela do Globo Vídeos no iPhone

    Sempre tem não é verdade? Um dos problemas chatos foi a parte da transição, já que não tínhamos achado nada realmente bom para elas. Um script foi iniciado, que achei pela internet. Funciona legal, mas em browsers como Firefox e tudo mais. Porém, o próprio iPhone não tem muita potência para “suportar” tanto script, com isso, a transição acabou não ficando satisfatória.

    E como vocês resolveram?

    Procuramos no App do Facebook, entre outros, mas sempre tinha algo errado. O do Facebook é legalzinho, mas o slide de voltar não volta visualmente falando. Ao invés dele voltar, indo pra direita, ele continuava sempre no mesmo sentido, pra esquerda. O que soa estranho.

    No final das contas, criamos o próprio script de transição do Globo Vídeos, onde o resultado foi totalmente satisfatório e melhor que muitos projetos iPhones que vemos por ae 😉

    Finalizando

    Bom, foi sucesso participar desse projeto, com essa equipe excepcional. Boa experiência e recomendo bastante à vocês, criarem experimentos para mobile/iPhone.

    E claro, não foi somente o Globo Vídeos que teve sua versão para iPhone, mas também todos os principais produtos da Globo como o Ego, Globo Esporte e G1. Tanto para iPhone, quanto para mobile padrão.

    Como eu disse, demorei um bom tempo para postar isso, já que tem um bom tempo que o projeto foi pro ar. E alguns modafocas da equipe postaram também:

    Aquele abraço e comentem sobre o Projeto.

    [ 25/nov/2008 às 15:52hrs ] [ Por Bruno Dulcetti ] Comentários 10 Comentários |

    Categorias: Criações,Globo.com,Pessoais

    » 6ª Semana de Design

    6 semana de design

    E ae cambada. Tranquilidade pura? Tudo na normalidade? Estão felizes? Querem um abraço?

    Seguinte, venho para informa-los, fãs do Dulcetti, admiradores, odiadores, mulheres afim de mim, entre outras modalidades, que eu estarei na 6ª Semana de Design na Univercidade.

    E o que seria essa semana de Design Dulça?

    Cases da 6 semana de design

    Um evento modafoca ae, que falará sobre Design (óbvio) de todos os tipos: Moda, Branding, Automóveis, Prototipagem, Ilustração e outros mais.

    Virou designer agora é Bruno?

    Não, não. Tá louco?

    Eu vou participar da mesa redonda que vai rolar comigo e mais 5 integrantes: Lucas Hirata (Globo.com), Gustavo Gawry e Diego Costa (Sirius) e Marcelo Coimbra e Higor Bagetti (Casa & Vídeo).

    Cada um mostrará um case de sua empresa e discutir com os ouvintes, falar sobre a profissão, a área, atuação, entre outros temas.

    E onde você entra?

    Adivinha? Exatamente, Globo.com. Falarei sobre um case que causou muita discussão: o lançamento do novo layout da Globo.com. E comigo estará o designer responsável pela nova cara do portal, Lucas Hirata. Junto com ele participou a Isabela Rodrigues, mas somente o Hirata participará, pois a Isabela não trabalha mais conosco.

    Farei um paralelo junto com o Hirata, onde ele falará sobre a parte de layout, enquanto eu falarei da implementação. Comentarei bugs, problemas, variações, metodologia, regras, entre outras coisas.

    Acho que será bastante produtivo. O Robson, rapaz que me chamou para falar no evento, disse que estamos sendo bem aguardados, principalmente neste dia. Vamos ver no que que dá, pois nunca falei em público, para um grande número de pessoas, sobre o novo portal da Globo.com.

    Data do Evento

    Na próxima terça-feira, dia 13 de maio às 20h

    Local do Evento

    Avenida Epitácio Pessoa, 1664 – Ipanema – Rio de Janeiro/RJ.

    Finalizando…

    Será que vai ser legal? Quer participar? Me conhecer? Aparece por lá. Vamos ver no que vai dar 😉

    Alguém tem alguma sugestão ou acharia legal que eu falasse de alguma coisa na palestra? Mande pelos comentários.

    Beijo na alcatra.

    [ 09/maio/2008 às 18:22hrs ] [ Por Bruno Dulcetti ] Comentários 15 Comentários |

    Categorias: Eventos,Globo.com,Pessoais

    » Globo Esporte lança sua nova versão

    Globo Esporte.com

    O mais esperado de todos, o mais acessado e o mais querido. Não, não é o flamengo, mas é outro que todos amam.

    Sim, aquele único portal, que faltava da Globo.com para ser lançado no novo padrão estabelecido alguns meses atrás e o Ego, G1, Globo Vídeos e a própria Home, é claro, já seguiam. Ele mesmo, o Globo Esporte lançou sua nova versão, mais leve, mais legível, mais rápida e mais acessível.

    Até que enfim hein Dulcetti…

    Verdade. Muitas pessoas me perguntavam quando seria lançado, toda hora falavam comigo, curiosos, querendo saber como iria ficar, etc, etc. E aí está o portal.

    Seguindo basicamente como o G1, sem efeitos mirabolantes como eu tive que criar no Ego e tudo mais. Mas ficou bem legal, gostei, lógico, seguindo nessa concepção de design, pois já tinha dito que em termos de design perdeu um bocado, mas no resto, ficou sensacional. A galera já está se acostumando e gostando dos novos padrões.

    Pontos Fortes e Fracos

    Como não poderia deixar de ser, existem prós e contras a cada novo projeto.

    Pontos Fortes

    • Conseguiram manter as cores dos links dentro dos times, dando uma sensação de estar na “casa” do seu time, como na versão anterior;
    • Marca personalizada para cada time e cada esporte, campeonato, etc. Já existia na outra, mas agora ficou de forma simples;

    Pontos Fracos

    • Apesar da personalização dos links, rodapé e barra, faltou aquele algo mais que tinah na versão anterior, como o topo com escudo, cor de fundo e tudo mais;
    • Algumas cores estão meio estranhas, como o Rubro do Flamengo;

    Sim, poucos pontos, é porque dei uma passada bem rápida, só pela página do Flamengo mesmo. Mas veja você então e dê sua opinião aqui nos comentários. E aí? Gostou?

    Finalizando…

    Parabéns à todos envolvidos no projeto. Ficou sucesso. Aquele abraço.

    [ 06/maio/2008 às 10:34hrs ] [ Por Bruno Dulcetti ] Comentários 21 Comentários |

    Categorias: Acessibilidade,Globo.com,Webstandards

    » Ego lança nova versão seguindo os novos Padrões Globo.com

    É pessoal. Mais um site do Portal Globo.com lança sua nova versão, totalmente leve, seguindo os novos padrões de implementação criados ano passado. Dessa vez foi o Portal Ego que lançou seu novo layout. Agora os sites que estão nos novos padrões são os seguintes:

    1. Home Globo.com
    2. G1
    3. Globo Vídeos
    4. Ego

    Agora só falta o Globo Esporte.com lançar sua “nova cara” para o público. Isso, logicamente, nos sites com maior visibilidade na Globo.com. Ainda faltam outros diversos. E fica óbvio o motivo pelo Globo Esporte ser o mais demorado: o tamanho. É um site bem grande, com variações absurdas, muitas páginas, etc.

    Legal Dulça. Ficou bem diferente do antigo né?

    Sem dúvida. E isso será sempre a primeira coisa que vão pensar. É uma mudança muito grande e de possível demora pra acostumar com o novo padrão, principalmente pro Ego, que antes tinha um site todo colorido, bela identidade, etc.

    Verdade Bruno. O que você achou desse novo layout?

    Como está seguindo os padrões, achei muito bom, mas temos que frisar esse novo padrão, que tudo está mais organizado, mais limpo, mais leve, mais usável, etc.

    Mas se eu for comparar com o layout antigo, prefiro muito mais o antigo. Era mais a cara do Ego e do público alvo do site. Cheio de frescurinhas, detalhes, sombras, transparências, etc. E como agora, nos novos padrões, isso foi deixado de lado, acabou ficando menos bonito, digamos assim.

    Mas como disse antes, seguindo os novos padrões, acho que chegaram num resultado muito bom.

    E você Dulcetti? Fez algo ae?

    Bom, praticamente toda a parte client-side HTML e CSS. Fiz em conjunto com o Rodrigo, vulgo sapão, mas ele entrou de férias logo em seguida e pegou poucas páginas, com isso, acabei pegando o projeto quase todo sozinho.

    Eu destaco a implementação dos novos destaques do site, que antigamente eram feitos com os textos exportados nas fotos e agora eles ficam por cima da foto, com texto puro mesmo, facilitando aos profissionais que sobem as notícias e destaques.

    Novos Destaques do Ego

    Exemplo do Destaque do Ego
    Exemplo do Destaque do Ego

    A implementação desse destaque foi bem chata, principalmente para deixar igual em todos os browsers, incluindo os do Mac. Mas foi rápido, com todos os detalhes que foi chato. Mas mesmo assim, ainda não ficou 100%, porque alguém deve ter metido a mão enquanto eu estava de férias, ferrando tudo. Fazer o que né.

    Nova Galeria de Fotos do Ego

    Exemplo da Galeria de Fotos do Ego
    Exemplo da Galeria de Fotos do Ego

    Essa galeria, de início foi meio chata, pelo detalhes, efeitos, entre outras coisas. Mas também foi rápida. Agora ela será a Galeria padrão, deixando de lado aquela atual em flash que eu não acho muito agradável.

    Gostei muito desses exemplos hein Dulça. Como você fez?

    Bom, isso eu comentarei nos tutorias que eu farei para eles. O do destaque já foi iniciado, mas vai ser bem longo por causa dos detalhes. Mas prometo este ano colocar os dois aqui no Blog. 😀

    Finalizando…

    Bom, é isso. Espero que gostem. Já espero um monte de críticas e bombardeios ao novo layout, é normal isso acontecer. Mas lembre-se, eu não fiz o design, só o código HTML, portanto, não venha me xingar. Outra coisa, lembre-se dos novos padrões, por isso, não venham falar que queriam ver pássaros voando, uma gostosa rebolando e várias firulas.

    Ah, em relação ao código, não se esqueçam do Vignette, ele estraga muita coisa 😉

    Aquele abraço.

    [BBL]design, ego, globo, globo-video, globo.com, lancamento, layout, pessoais, tecnologia, web-standards, webstandards, xhtml[/BBL]

    [ 11/mar/2008 às 12:56hrs ] [ Por Bruno Dulcetti ] Comentários 14 Comentários |

    Categorias: Globo.com,Pessoais,Tecnologia,Webstandards

    » Globo Vídeos agora com Vídeos em FLV

    E ae pessoal.

    Depois do lançamento do novo Portal de Vídeos da Globo.com, de muitos pedirem, reclamarem, criticarem, agora os vídeos da Globo.com estão no formato FLV. Isso mesmo, podem comemorar, agora os vídeos estão num player em flash, com buffer decente, melhorando bastante o carregamento dos vídeos, que é uma vantagem do flash.

    Mas como que era antes Bruno?

    Como muitos devem saber, antigamente os vídeos ficavam no formato WMV, chamado num player do Windows Media Player. O carregamento do vídeo era precário, sempre pausava e dava buffer. E se você quisesse voltar o vídeo em algum ponto, aí era mais precário ainda, carregava tudo de novo, fazendo buffer, etc. Uma merda.

    Agora tá bem melhor hein Dulcetti

    Com certeza sim. Além de ficar bem melhor, etc. Veja um exemplo num vídeo da Rebeca Gusmão.

    E logicamente que todos os vídeos não estão no novo formato. A partir de hoje, todos os vídeos entrarão no novo formato. Só falta saber se os antigos entrarão, gradativamente, no novo formato FLV. Essa eu vou ficar devendo à vocês.

    Finalizando..

    Bom, é isso. Mais uma melhoria da Globo.com. E esperem que vem mais novidade por ae. Akele abraço.

    [BBL]acessibilidade, flash, globo, globo-video, globo.com, tecnologia, video, videos[BBL]

    [ 19/dez/2007 às 14:00hrs ] [ Por Bruno Dulcetti ] Comentários 22 Comentários |

    Categorias: Acessibilidade,Flash,Globo.com,Tecnologia

    
    Copyright © 2005 Bruno Dulcetti | Creative Commons
    Bruno Dulcetti atuante na área de desenvolvimento web / webdesign e colaborador na área de webstandards pelo Blog BrunoDulcetti.com - blog. Atuante na área desde 2000. Atuando na cidade de Niterói/RJ - Brasil. E-mail: bruno@brunodulcetti.com