O site está com o design mais clean, reforçando com cores somente as informações relevantes, o que ajuda na clareza das ofertas e das promoções aplicadas na página. O site praticamente aboliu as velhas pop-ups e alerts, substituindo por divs animadas, facilitando a navegação.

Na página de produto, a novidade está na Avaliação de Clientes, que tem por intuito mostrar a opinião do cliente sobre os produtos que o site comercializa. Democrático, o site considera tanto avaliações positivas como avaliações negativas.

Um grande diferencial é o Portal da Lu, a vendedora virtual do magazineluiza.com, onde são reunidas matérias, webvídeos e podcasts, o melhor em conteúdo de produtos para facilitar a compra.

O Acompanhamento de Pedidos, agora chamado “Acompanhe seus pedidos”, foi reformulado para que o cliente tenha um conhecimento mais preciso sobre os produtos que adquiriu, inclusive o acompanhamento de entregas separadas.

A Lu também escreve um blog, o qual terá posts diários sobre novidades, tendências e conteúdo sobre produtos. O design deste ficou por conta do designer Gustavo Nassif.

Blog da Lu

Quero parabenizar aqui a todos envolvidos, em especial a Ma (Marcela Fernandes), que foi responsável por toda a descrição dos projetos de front-end e back-office, assim como a gerência do projeto em geral. Desenpenhou um ótimo trabalho, essencial para que o novo site fosse possível.

Vale a pena conferir o novo site! Vai aí a dica!

http://feeds.wevertonnaves.com.br/wevertonnaves

http://www.webdesignerdepot.com/2009/06/100-portraits-of-iconic-people-of-all-time/

Muito legal a execução, efeitos na animação, trilha sonora irreverente. Nota 10.

O site foi criado para icentivar uma prática um tanto… inusitada: fazer xixi no banho.  Como o assunto não é algo muito comum, e pode até ser meio “incômodo” para alguns, a execução (design, animação e trilha) foi projetada de maneira a deixar o usuário um pouco mais à vontade. A navegabilidade também merece destaque, onde o usuário passa por algumas etapas antes de acessar o conteúdo principal (som – nome – pergunta), o que facilita na preparação da recepção do conteúdo.

Digo que me surpreendo sempre com os trabalhos de comunicação das ONGs. Geralmente são trabalhos muito bem acabados, com a comunicação muito amarrada e direta. Isso me lembra o trabalho do advergame WeAtheR (pela pegada de responsabilidade social ), feito pela AlmapBBDO para o Greenpeace.

Vejam o comercial, lançando o novo produto da linha,  Kuat Eko, chá verde com guaraná:

Só para relembrar, os dois últimos foram bem marcantes. O primeiro, “Manifesto – A gente muda, o mundo muda” e o outro “Metromúsica”. Pelo menos par mim, me fizeram viajar em algumas idéias mirabolantes, tipo, me fizeram pensar na vida e em como “mudar”.

Acabou o sofrimento dos desenvolvedores para desenvolver sites cross-browser. Tá, vamos ser mais realistas, o sofrimento pode não acabar, mas será amenizado.

A Adobe liberou 5 mil donwloads (esgotados )da sua nova ferramenta, o Adobe BrowserLab.
É um aplicativo onde será possível renderizar os sites simulando vários navegadores diferentes, com a capacidade de até fazer sobreposição das versões, para fins de comparação.

Se você está sabendo disso só agora, provavelmente não terá sua cópia, mas não se preocupe, a Adobe irá liberar em julho novos testes para cadastrados. Aproveite e cadastre-se já.

A Adobe também conta com a integração do BrowswerLab com o Dreamweaver CS4, através de um plugin .mpx, o que facilita na visualização de sites que ainda não foram publicados. Você já pode baixar o plugin neste link.

Chega daquele “lengo-lengo” de deixar vários navegadores instalados. A ferramenta ainda está em testes, mas aposto muito no seu sucesso, será uma revolução na homologação de layouts e funcionalidades de sites e aplicativos web.

Dica do amigo Julio Bianco.

Acabei de ter problemas com um InputText no Firefox e no Chrome. Quando digitava palavras com acentuação, ele exibia o acento separado da letra. Ex.: “Ô se tornava “~A”.

A galera dos fóruns falou que era System.useCodePage, mas na verdade é um bug desses navegadores, que ocorre quando utilizamos o parâmetro wmode com os valores opaque ou transparent.

Se esse parâmetro não é necessário para sua página, é só arrancar que o problema está resolvido. Caso contrário…

A equipe do Google Japão criou no início do ano esse comercial em animação stop motion, para incentivar o download do seu navegador Chrome. O comercial é bem criativo e tem uma trilha simples e agradável, para dar idéia de simplicidade. A grande sacada é a linha de assimilação do receptor da mensagem:

- “O que é essa caixa cheia de brinquedos de madeira?”
- “Uhm… um puzzle, daqueles da minha infância”
- ” Olha, está diminuindo conteúdo…. e construindo uma coisa nova”

Com essa linha de pensamento a mensagem do comercial é passada com sucesso: Layout enxuto e simples em usabilidade.
Esse é o Chrome.

Essa mini-ferramenta que criei está sendo bem útil para mim no desenvolvimento dos layouts para web. Geralmente o anti-alias dos programas de edição não costumam ser fiéis à rederização da aplicação do css nas fontes, quando exibidas no browser.
Daí então criei esse html bem básico para fazer o tira-teima e visualizar como a fonte escolhida no layout vai ficar no html.
Não é nada sofisticado, só uma aplicação bem útil.

Baixe a mini-ferramenta aqui.

Abs.

O último código que desenvolvi do Busca no Xml gerou muitas dúvidas do pessoal para alterações. Queriam colocar link, mudar algum conteúdo, etc. O fato é que desenvolvi focado em um projeto, e disponibilizei para adaptação.
Tive um tempinho essa semana e adaptei o código para ser mais “maleável”.

Primeiro, veja o post:
http://actionman.wevertonnaves.com.br/blog/2008/03/busca-no-xml/

O que mudou?
- Possibilidade de definir os campos e a estrutura do xml;
- Inserção de link (externo e interno);
- Escolha dos campos que aparecerão no DataGrid e os que serão utilizados na busca;

Como alterar?
- No arquivo xml principal, onde guardamos as informações dos xmls de busca,  temos o nó “estrutura”, onde você definirá a estrutura de nós que os xmls devem ter, seguindo a seguinte formatação:
<file_name usabusca=”true” aparece=”250″ />

Primeiro, o nome do nó. Este deve ser exatamente como os sub-nós serão chamados. O parâmetro usabusca (booleano) define se este nó será incluído na busca. O parâmetro aparece (number) é o tamanho da coluna deste nó dentro do DataGrid, um valor igual a 0 significa que este nó não aparecerá no mesmo.

Caso queira adicionar link aos itens, basta incluir o seguinte nó:
<link usabusca=”false” aparece=”0″ />

E para definir o tipo de link, nos próprios xmls de busca, o valor deve ser de uma das duas formas:
url: Adicionando um link com http, o flash irá reconhecer como uma url;
label: Sem o http, o flash entenderá como uma label dentro do próprio swf;

É isso aí galera. Vou adaptar para CS3 agora. Divirtam-se (e me reportem possíveis erros).

Baixe o arquivo aqui.