Arquivo da Categoria ‘Web Design’

Updates no site!

15-02-2010

Publicamos hoje atualizações em nosso portfolio. Apresentamos os já divulgados projetos da Akecer, Dentalclean e anunciamos o próximo site da Bohrer Arquitetura!

Apesar de adorarmos trabalhar com detalhes minuciosos de layout, e tentarmos criar ambientes e efeitos realistas em nossos projetos, o site da Bohrer Arquitetura é um pouco, digamos, diferente. O cliente necessitava de algo extremamente clean e branco, que destacasse única e simplesmente os belos projetos que realiza. Pois bem, exercitamos nosso lado minimalista e criamos um site pequeno e visualmente simples, mas poderoso em sua estruturação interna: ele contém o sistema que denominamos internamente de “stretch”, ou seja, adapta-se a qualquer monitor, independente da resolução de tela. Técnica semelhante pode ser conferida no site do fotógrafo João Guedes, desenvolvido pela Agência já há algum tempo. Contará, também, com portfolio inteiramente administrável pelo cliente, tudo em Flash!

No momento, estamos em vias de finalizar por completo o site da Bohrer Arquitetura, e trabalhamos ao mesmo tempo em um novíssimo cliente, que divulgaremos em breve. E vem ai o Guia Mais Casamento edição São Paulo, cheio de novidades!

Assim justificamos a demora entre as postagens: trabalho, muito trabalho. Mas estamos preparando para logo mais outro artigo sempre interessante relacionado à nossa tão amada internet :)

Até a próxima!

HTML5: As tags “mágicas”

15-01-2010

Como já comentamos em outros artigos, o HTML5 vem (na verdade, já veio) para facilitar a vida do desenvolvedor. Um site escrito em HTML5 tem seu código enxuto, muito mais leve e suas tags permitem delimitar áreas do site muito mais facilmente, além da inclusão de novos elementos.

Vamos comentar algumas das tags novas e mais interessantes! Para uma referência mais completa, visite o Pinceladas da Web, que preparou uma tabela com todas as tags de referência.

Mais simples impossível! Ela insere um vídeo em uma página. A tag promete aposentar de vez os embed players (vídeos em flash) para inclusão de vídeos em sites. No entanto, o HTML5 tem encontrado obstáculos nesta etapa, uma vez que encontra-se esbarrando em problemas diversos com licenciamento de codecs. A saída é continuar acompanhando o processo e aguardar um Youtube inteiro em HTML5!

A tag cria uma seção de navegação na página. Não há muito o que comentar sobre ela, apenas que é restrita ao HTML5 e facilita a organização do código: em vez de definir menus com divs, deixe seu código arrumadinho com seções navegáveis específicas.

Insere em sua página um grupo composto por uma imagem (foto, desenho, etc) e sua respectiva legenda. A diferença entre esta tag e a tag <img> está justamente na incorporação da legenda, o que facilita absurdamente a diagramação de páginas de notícias, por exemplo.

O elemento <canvas> permite adicionar às páginas gráficos vetoriais dinâmicos ou mesmo imagens bitmap. Inicialmente, o elemento foi desenvolvido pela Apple para uso em aplicativos do Mac OSX, como o Dashboard e mesmo no navegador Safari. Posteriormente, a tecnologia foi adotada por navegadores como Firefox e Opera, e entrou como parte da padronização para futuras tecnologias.

Como você, leitor, já pode deduzir, insere um arquivo de som em uma página. Assim como a tag <video>, dispensa recursos adicionais. Confira aqui seus principais atributos.

Enquanto alguns navegadores já se encontram dez passos a frente, fornecendo suporte completo a toda e qualquer tag do HTML5, outros ainda estão caminhando a passos curtos e parando para um cafezinho. Por enquanto, o que nos resta fazer, é aguardar o suporte completo e torcer para que em breve todos estejamos desfrutando dos benefícios desta nova linguagem!

Um grande abraço e até o próximo post! ;)

E-commerce: Pet Shop – Loja Virtual da Agência!

05-01-2010

Tudo bem que é apenas um protótipo… mas estamos quase finalizando a loja modelo da Agência, conforme comentamos em um post anterior. Trata-se de um pet shop virtual, com público-alvo definido, donos de animais de estimação diversos (cães, gatos, lagartos e tartarugas, roedores, pássaros e peixes) de classes A e B. Hoje, publicaremos um preview da página inicial da loja, projeto interno que há muito tentamos implementar, e que em breve se tornará realidade! Lembramos, claro, que a loja não funcionará de verdade, trata-se apenas de uma demonstração de nosso sistema!

Confira a imagem abaixo, e clique se desejar ver em tamanho real:

Aguarde para mais novidades sobre este projeto em breve :)

Um grande abraço e até o próximo post!

2010 de cara nova!

16-12-2009

Viram que bonitinho? Resolvemos trocar de roupa e renovar as energias para 2010, deixar o passado para trás sem, claro, esquecer seus bons frutos :)

O novo site da Agência foi um grande desafio, uma vez que começamos a explorar o HTML 5 e trabalhar com essa linguagem que, embora nova, permite uma infinidade de facilidades para os desenvolvedores e uma melhoria significativa na construção do código.

Aproveitamos também para divulgar a nova newsletter mensal do Guia Mais Casamento, que ainda está em processo de desenvolvimento pela Agência. Ela comportará anúncios publicitários e chamadas para as novidades e matérias do portal. Dê uma olhadinha no preview (clique para abrir no navegador. Versão sem textos apenas para testes!).

Newsletter Mensal do Guia Mais Casamento

Newsletter Mensal do Guia Mais Casamento

Então é isso! Esperamos que tenham gostado. Críticas, sugestões e “alôs” podem ser enviados pelo Twitter. Não nos deixe no suspense, diga o que achou ;)

Um grande abraço e até o próximo post!

Mala direta de Natal – Realmax

10-12-2009

Dando continuidade aos nossos projetos especiais de fim de ano, publicamos hoje a newsletter de Natal para a Realmax, para envio interno e clientes potenciais da empresa. Buscamos seguir ao máximo a identidade visual e criamos um design sofisticado para o a campanha “Natal da Realmax”, além de enfatizar uma mensagem positiva para os receptores do e-mail.

Confira abaixo um preview.

Clique aqui e veja a peça em tamanho real. A tela também está em nossa galeria do Flickr, que você pode acessar clicando em “Galeria de Fotos” na barra no rodapé do blog.

Continue acompanhando nosso blog para mais atualizações em nosso portfolio :)

Um abraço e até a próxima :D