Arquivo da categoria: CSS

Site – Descubra o melhor com Tabasco no Foursquare

Campanha pioneira integrando o Foursquare criada pela FocusNetworks para a TABASCO® brand Pepper Sauce com o objetivo de ser um guia colaborativo para mapear estabelecimentos que oferecem a pimenta TABASCO® aos seus clientes, e as melhores dicas de estabelecimentos são premiados com um kit exclusivo de pimenta e no final da campanha com um Ipad2.

Veja mais informações sobre a dinâmica do concurso no site brainstorm9 e no videocase do programa Adnews na TV e Mix Tv.

Site tudocomtabasco.com

Site tudocomtabasco.com

Fui responsável pelo desenvolvimento server-side utilizando Ruby on Rails, SASS e HAML como template e a GEM FOURSQUARE2 para buscar os estabelecimentos com dicas, contribui com o desenvolvimento desta GEM adicionando as funcionalidades de filtrar o conteúdo do Foursquare com determinadas palavras dos quais era necessárias para a camapanha, (assunto abordado neste post), e da programação client-side utilizando jquery, e da conversão do PSD para HTML ( template HAML ) e CSS (SASS).

Anúncios

Website HD Inspeções

hdinspecoes.com.br

hdinspecoes.com.br

Projeto realizado para a empresa HS & Cia, empresa responsável pela área de informática da HD Inspeções.

A HD Inspeções é uma empresa do vale do paraíba que faz inspeções e revestimentos em tubos.

O job foi fazer um site estático, que consistiu em fazer o layout ( do qual foi feito no Illustrator), a conversão HTML/CSS, um script PHP de envio de email e o deploy para o servidor.

Segue o link do site

http://www.hdinspecoes.com/

Videocoisas – seu canal de anúncios

Logo, videocoisas.com

Se você quer anúncios com recursos além do bom e velho texto e imagem, eu apresento-lhe videocoisas.com, projeto desenvolvido para a BrazilWeb.

Uma plataforma dedicada à publicação de vídeo-anúncios de seus usuários, ou seja, anúncios de produtos, serviços e habilidades pessoais no formato de vídeo–classificados.

O público anunciante pode classificar seus vídeo-anúncios de acordo com uma série de categorias e localidades. Além disso, podem criar canais, onde todos seus anúncios ficam agrupados, facilitando o contato com os visitantes interessados em seus vídeos.

São aceitos diversos formatos de vídeos, como AVI, MPEG, Quicktime, Real, OGV, e Windows Media e os arquivos dos anúncios devem ter até 50MB (cerca de 10 minutos de duração). A publicação de vídeo-anúncios no Videocoisas é gratuita.

 

O desenvolvimento

O trabalho realizado foi:

  • criação do logotipo
  • arquitetura do site
  • layout do site
  • programação serve-side
  • programação cliente-side (ajax)
  • design e programação do player de vídeo
  • criação de um gerenciador para o moderador
  • configuração do servidor

O Logotipo e o layout foi todo feito no illustrator.

Houve um cuidado especial com a url, a regra foi deixa-la legível e auto-explicativa (URL amigáveis, permalink ), para melhorar a indexão dos buscadores e facilitar a troca de url entre as pessoas .

Cada canal possui seu próprio subdomínio, para que futuramente o serviço possa ser personalizado para cada cliente, onde cada canal terá seu próprio layout e plugins.

As páginas estão seguindo os padrões Web ( webstandards ) o que proporcionou:

  • o tamanho das páginas foi otimizado, deixando-as com uma excelente performance no tempo de resposta
  • melhora no SEO (otimização nos sistemas de busca)
  • acessibilidade

E o restante da sopa de letrinhas de tecnologia utilizado no site é:

  • Microformats
  • Gravatar
  • Ajax
  • Tag-cloud por categorias e localização
  • RSS organizado por canal, categoria e localidade

Então, faça seus vídeos e divulgue produtos, venda, aluguel, ofereça prestação de serviços… ou qualquer outra coisa

 

 

Podcast Canção Nova

Layout que fiz para ser utilizado na administração e pelos moderador do podcast Canção Nova

Mais detalhes e informações veja no blog da equipe de internet da CN

http://blog.cancaonova.com/artificeweb/podcast-cancao-nova/

Layout do administrador de Podcast da TV Canção Nova

Está  on-line em desenvolvimento o o novo canal de podcast da Canção Nova, desenvolvimento do qual teve a singela participação de um membro da equipe Artifíce Web, Marco Moura.

Marco Moura foi o responsável por desenvolver o layout que será utilizado para a administração dos podcast (área restrita) e para o moderador da comunidade. Então se você vier a ter um podcast na CN, irá utilizar essa interface.

Essa é a página de gerenciamento de autores. Foi feita por Marco Moura (webdesign) e Luciana (programação)

O layout da área pública do site foi feito pelo Nelson, e assim que puder divulgaremos algumas imagens.

Com o layout todo pronto, agora as programadores Luciana e Patricia estão a todo vapor para concluir a programação e logo o novo site de podcast da Canção Nova estará disponível a todos .

Este texto foi originalmente postado no blog artificeweb no dia 30/04/2008

Hot-site: Homenagem Musical para o Dia dos Pais

Para comemorar o dia dos pais 2007, o canal de Música do Portal Canção Nova fez a promoçãoHomenagem Musical para o Dia dos Pais. Três vídeos serão escolhidos pelo portal Canção Nova e serão premiados com kits do Departamento de Audiovisuais (DAVI) e ainda um CD adicional, do qual poderá ser escolhido um dentre vários.


Parabéns pela iniciativa do Anderson (responsável pelo canal de música), o apoio do departamento Davi, e a todos que participaram neste projeto: Tatiane Bastos , Marco Moura (design da página) e a equipe da programação.

Texto originalmente postado no blog artíficeweb

Redesign do Sites Católicos

Olá pessoal.

O primeiro post traz uma “novidade” para o nosso portal. O redesenho da página dos Sites Católicos. O objetivo foi aperfeiçoar e atualizar a página, adicionar novos recursos e melhorar seu aspecto visual.

A página traz links de diversos sites católicos espalhados pelo mundo. As novidades são inúmeras, uma delas é que agora você pode enviar o link do seu próprio site católico.

“Seguindo o aspecto visual da capa do Portal, foi optado em manter a semelhança para melhorar a identidade da capa.”, diz Marco Moura, Web Developer desenvolvedor do redesign.

O “Sites Católicos” possui conceitos sobre acessibilidade que irá contribuir com acesso de qualquer pessoa e em qualquer dispositivo.

“Para deixá-lo com cara de Web 2.0, mudamos o sistema de classificação dos links, agora o conteúdo é organizado com tags.”

O conteúdo fica mais fácil de ser acessado, foi implantado um sistema de busca interna dos links cadastrados.

“Essa nova página possui conceitos sobre acessibilidade que irá contribuir com acesso de qualquer pessoa e em qualquer dispositivo”

Os links para as páginas católicas estão com o recurso de “Preview”, permitindo visualizá-los antes de acessar.

O site está preparado para a umas das tendências na internet, microformats, que logo nos será tão útil como é o RSS.

Para participar do novo conceito de “Sites Católicos” do Portal Canção Nova, acesse o Portal Canção Novawww.cancaonova.com/sitescatolicos

Bom pessoal. Espero que tenham gostado e que participem enviando seus próprios links para que o Sites Católicos cresça em seu objetivo

Dúvida? Sugestão? Crítica? Deixe nos um comentário!

Abraço a todos e fiquem com Deus.

Atualização 23-07-2007

O formulário de sugestão foi turbinado com ajax, quando o formulário é enviado não ocorre o recarregamento da página, tornando mais rápido e prático o envio de sugestão, e foi melhorado a verificação do formulário para checar se o nome e o endereço da sugestão não está vazio.

Atualização 05/10/2007

Foi alterado o método de visualização da imagem de amostra do site, agora é embutido direto na página

Texto originalmente postado no blog artíficeweb