Site da Locaweb reformulado

por em HTML,html5,Opinião Nenhum comentário

Ufa!

Está sendo muito bom participar deste projeto. Um site gigante com milhões de visitas por mês.

Ainda não está finalizado. É como trocar peças de uma engrenagem ligada. Novos produtos precisam ser lançados, novas urls, alterações de conteúdo, testes de marketing… tudo isso continua sendo lançado enquanto estamos trabalhando na estrutura do site. O deixando mais dinâmico, mais semântico, e mais performático.

Não é fácil se desvencilhar de um legado de quase 4 anos. O “novo site” da Locaweb ainda não está no ar, mas por debaixo dos panos já avançamos bastante. Foi necessário primeiro refazer o template, deixando para trás aquele layout com o topo branco:

Entrou em ação a super equipe de designers do site da Locaweb:

-> Andreza Santos;
-> Kênia Lopes;
-> Marcio Hanashiro;
-> Thiago dos Santos.

Foi definido um novo “template temporário”, mais moderno, com uma home mais organizada e melhor diagramada.

Isso foi suficiente para nós(a equipe Dev-Site: Marco Antônio, Gregory Lopes, Heric Tilly e eu), trabalharmos em cima de uma nova estrutura já otimizada. Ainda não tínhamos nenhuma linha de html5 no portal Locaweb.

Como era

Mas isso não era importante naquele momento, já que só “o topo” e o rodapé do template estava sendo trocados.

Nessa semana(julho 2012), publicamos o início de uma nova guide para o site. Padronizando os topos de todas as páginas. Ficou decidido que os topos teriam todos a mesma altura, com abas quadradas, respiros de layout…

Mais ainda está por vir

Alteramos o template do site, dando semântica para ele. Definindo o <header> e o <footer> com a <nav> do site, o <header> da <section> de conteúdo, e o conteúdo principal de cada url, foi marcado como um <article>.

Agora temos a base do site já reformulada em html5. O template de todas as páginas já implementa o novo DOCTYPE da html5. Com a lib modernizr, garantimos compatibilidade do template(e home principalmente), até com o Internet Explorer 6.

Confira o site da Locaweb! Acompanhe as nossas mudanças.

Este conteúdo Site da Locaweb reformulado foi postado originalmente em Desenvolvedor FrontEnd - wbruno.

Switch to our mobile site