Web Design, Criação Sites Rio, Otimização Sites Rio, CMS, Joomla - Rio de Janeiro

Fechando 2011

2011-12-26T22:14:00.000-02:00

Correria sempre é um fato nos finais de ano, projetos "pra ontem", presentes de última hora, a roupa branca da passagem de ano, enfim, poucas voltas faltam para o ponteiro bater "meia noite", temos que correr.

Assim, resumimos em uma única postagem 3 em 1, os projetos de criação de sites que fecharam 2011:

MF Consultoria

Site do consultor de marketing farmacêutico, palestrante e especialista em genéricos do Rio de Janeiro - Marcos Ferreira

Com layout personalizado e dirigido pelo Marcos Ferreira, teve o tema (template) desenvolvido com exclusividade para o sistema de gerenciamento de conteúdos - CMS - Joomla.

O site basicamente visa informar sobre as palestras e cursos ministrados pelo consultor.

Visite: http://www.marcosferreiraconsultoria.com.br

Deluy

Site institucional para empresa provedora de créditos que visa apresentar de forma clara e objetiva os produtos e serviços oferecidos no setor financeiro pessoal.

Totalmente construído sobre a plataforma Joomla integra vários componentes e módulos dinâmicos para a comunicação publicitária e ofertas da Deluy.

O site foi estruturado sobre o Gantry Framework que permite grande mobilidade e amplia o número de posições possíveis para os módulos instalados. São 78 posições contra 25 do layout padrão, o que deixa o layout mais livre, dinâmico e com melhor usabilidade.

Integração com as Redes Sociais é um item que não pode faltar hoje em qualquer site que se preze e principalmente que queira interagir com seu público alvo.

Os formulários do site que se abrem na Home a partir da caixa de destaques, são carregados de páginas internas em janelas modais através de Ajax e a validação dos campos foi feita utilizando jQuery.

A w3maker assina também a criação do nome, logotipo e toda a comunicação visual para a Deluy.

Visite: http://www.deluy.com.br

Trecos & Pregos

Criação de site para loja de conveniências, ferramentas e materiais para construção no Shopping Rio 2 - Barra da Tijuca - Rio de Janeiro.

Site com layout personalizado com exclusividade para o sistema de gerenciamento de conteúdos - CMS - Joomla.

O site basicamente visa informar sobre os produtos encontrados nas três lojas da rede, duas ainda por inaugurar em 2012.

Visite: http://www.trecosepregos.com.br

-----------

Para saber mais sobre criação de sites, visite: http://w3maker.com.br

2012

2011-12-23T12:53:00.001-02:00

Uma marca com 33 anos de vida

2011-12-14T14:58:00.002-02:00

Em 1978, junto com meu colega de faculdade Eduardo Monteiro, criei a marca para o Coral Israelita Brasileiro - numa época de canetas de nankim, tira-linhas, compassos, curvas francesas, réguas paralelas e esquadros, tudo sobre o bom e velho papel Schoeller-Hammer 3G, resultando na Arte Final.O projeto foi encomendado na época pelo Sr. Salomão Fridman (in memoriam). O diretor musical era o maestro Isaac Karabitchevsky.

Uma marca repleta de simbologia

Com poucos elementos visuais, representamos vários símbolos associados ao tema - Coral Israelita Brasileiro.

Em uma primeira visão, dois elementos principais se destacam:

- A estrela de David estilizada;

- O coral com o maestro ao centro;

Um olhar mais detalhado revela o pentagrama musical que serve de padrão para a formação da estrela de David e o candelabro (Menorah) com as sete velas, símbolo do judaísmo, formado pelos coristas e o maestro.

Por três ou quatro ocasiões ao longo destes 33 anos, o Coral pensou em criar uma nova marca e solicitou estudos a diversos designers, mas nas palavras de seu atual diretor musical, Sr. Abrahão Rumchinsky, "nada emocionou ou conseguiu ser melhor do que esta marca".

Por ter sido uma marca desenhada a mão, o tempo se encarregou de deteriorar sua estrutura e a qualidade de reprodução, uma vez que a arte final original se perdeu e as reproduções passaram a ser feitas a partir de impressos.

Tendo tomado conhecimento de que a marca ainda permanecia a mesma que criei em 1978, tomei a iniciativa de desenhá-la em arquivo digital vetorial.

Um DVD com várias versões prontas para reprodução foi presenteado ao presidente do Coral, Sr. Isaac Chapermann e ao diretor musical Sr. Abrahão Rumchinsky por ocasião do Concerto Comemorativo dos 57 anos do Coral Israelita Brasileiro, realizado no dia 27.11.2011 no clube Hebraica - Rio.

Não sei mais por quantos anos esta marca representará o Coral Israelita Brasileiro, mas considero um trabalho bem feito, pela história que contou, cantou e encantou até agora.

Reciclando Criatividade e Madeiras

2011-10-18T11:40:00.001-02:00

Xilogravura

Xilogravura é a técnica na qual se utiliza madeira como matriz para a reprodução de gravuras em papel ou outro material adequado.

É um processo muito parecido com um carimbo. É uma técnica em que o artista entalha na madeira a gravura que deseja imprimir, usando instrumentos cortantes especiais chamados de goivas. Em seguida, usa um rolo de borracha com tinta sobre a matriz, de modo que somente as partes elevadas do entalhe sejam tocadas. O processo termina com a impressão em alto relevo sobre papel ou tecido especial, que fica impregnado com a tinta, revelando a figura. Como resultado final da xilogravura tem-se na verdade dois diferentes tipos de obras para serem apreciadas: a figura impressa e a matriz gravada que a gerou.

Reciclando a criatividade

A criatividade vem de várias fontes e, muitas vezes, é necessário reciclar os mananciais. Exercitar outras técnicas e principalmente deixar um pouco de lado o computador como ferramenta para o desenho e a elaboração de artes, é uma forma de fortalecer e renovar a criatividade.

Hot Site para GP's in Rio 2011

2011-07-25T11:28:00.075-03:00

Hot sites são projetos em que gostamos muito de trabalhar. Seu aspecto peculiar, como fonte de informação de curta duração, faz com que, via de regra, sejam produzidos de forma rápida, com layout de impacto e conteúdo objetivo.

Hot site, Micro-site ou Mini-site, traduzindo ao pé da letra significa "site quente" elaborado para um momento, voltado para destacar uma ação de comunicação e marketing pontual.
A diferença está apenas na estratégia de comunicação utilizada para concebê-lo. Usualmente os hot sites possuem tempo de vida útil determinado, isto é, são feitos para serem rápidos e são direcionados a uma ação de marketing ou comunicação específica, com duração ligada a esta ação mercadológica, como lançamento de produtos, eventos, novas edições de produtos ou serviços, ações de CRM (Customer Relationship Management), entre outras.
Geralmente os hot sites possuem um apelo visual maior e são mais focados em um público específico, traduzindo a expectativa deste alvo.

Seguindo estes critérios, a w3maker acaba de firmar seu "Apoio Promocional" produzindo o hot site para a 10a. Edição do GP's in Rio - 2011 do PMI Rio - o maior evento de networking profissional para Gerentes de Projeto do Rio de Janeiro.

O hot site foi produzido tendo como base o CMS (Content Management System) Joomla - sistema de gerenciamento de conteúdo - assim, possibilitando rápidas atualizações e inserção de avisos e notícias através do Blog integrado.
O hot site possui uma única página extensa, dividida em quatro painéis; a navegação se dá por um menu superior fixo, que quando "clicado" faz a página deslizar até o ponto desejado.

No primeiro painel é exibido um resumo dinâmico de todas as atividades do evento e é feita a "chamada à ação" (call-to-action) para a inscrição dos participantes.

Informações adicionais e formulário de inscrição são exibidos em "janelas modais".

Em design de interface gráfica do usuário, uma "janela modal" é uma janela filho que exige interação dos usuários antes que eles possam voltar a operar o aplicativo pai, através de recursos de programação em Ajax ou jQuery o fluxo de trabalho na janela principal do aplicativo é interrompido até que a janela modal seja fechada pelo usuário.

Em web design, janelas modais são úteis pois mantém o usuário na página de um site, exibindo conteúdos, imagens ou alertas flutuantes sobre a página visitada.

Uma força para o layout - muito além das fontes de sistema

Em um passado não muito distante, a grande limitação de layout tipográfico à qual o web designer estava "amarrado" era a de utilizar apenas as fontes de sistema ou aquelas que vinham com a instalação padrão dos sistemas operacionais - em outras palavras, uma fonte que não estivesse instalada na máquina da pessoa que visitava um site seria imediatamente substituída por uma fonte padrão, comprometendo toda a estética do site.

Foi-se o tempo em que para exibir fontes de letras especiais em um site, era necessário transformá-las em imagens.

A w3maker utilizou o recurso @font-face que permite instalar no servidor de hospedagem, junto com as páginas do site, uma coleção de fontes nos formatos True Type (TTF), Embedded Open Type (EOT) e Scalable Vectorial Graphics (SVG) - desta forma, a partir de declarações na folha de estilos é possível enviar informações ao browser (navegador) de internet do usuário, para que utilize a fonte que o web designer escolheu.

O resultado prático disto é que os títulos e textos passam a responder por detalhes importantos do estilo e design do site.

Para o Hot site do GP's in Rio a w3maker utilizou a fonte "Megalopolis". A fonte "Megalopolis" foi obtida e empregada respeitando a sua licença de uso em

http://www.fontsquirrel.com/license/MEgalopolis-Extra

CMS turbinado

A escolha do CMS Joomla deveu-se não somente ao fato de propiciar atualizações fáceis e rápidas, mas também à possibilidade de instalação de extensões que permitem interação com as redes sociais.
O módulo RokTwittie foi escolhido para publicação na seção de notícias, dos últimos tweets (tuítes) da página do Twitter do Evento.

Novo logotipo do evento

A w3maker assina também a criação do novo logotipo do evento, em comemoração à sua 10. Edição.

Logotipo original que vinha sendo utilizado até a 9a. edição do GP's in Rio.

O primeiro fator considerado na criação do novo logotipo foi a legibilidade e o "apóstrofe" entre as letras "P" e "s" - apesar de este último ser um pequeno detalhe e um elemento que comumente é utilizado no idioma inglês, o evento adotou este formato.

O briefing básico foi "networking", rede de contatos e interação entre os Gerentes de Projeto.

Estudos preliminares foram feitos a lápis, em seguida serviram para o início do processo de vetorização no Corel Draw. Alguns layouts foram apresentados, em dois deles procuramos manter em comum com o logotipo anterior o grafismo do Pão de Açúcar. As letras da sigla foram criadas e desenhadas com exclusividade.
Em três das opções apresentadas, o apóstrofe foi substituido pela sobreposição de parte das letras "P" e "s", ficando a cargo da área de interseção formar de modo estilizado o apóstrofe. Assim obtivemos uma limpeza visual maior, com a eliminação deste caractere.

Mais um projeto concluído e no final recebemos os comentários, enviados pelo coordenador do evento Daniel Fucs, da equipe à qual o site foi submetido antes da publicação:

Para saber mais sobre a criação de Hot Sites acesse: www.w3maker.com.br

Um site para americano ver

2011-05-31T21:41:00.034-03:00

A criação e o design de sites quase nunca seguem padrões.
Criar para web é saber lidar com limites.
Em internet tudo pode, tudo é possível.
Os padrões (web standards) devem ser respeitados para a melhor performance de um site.
Todas estas afirmações são verdadeiras, apesar de contraditórias.
Ué?!? Mas então qual é a verdade? Todas!
Então, me perdi!

A partir destas verdades e mentiras fizemos uma imersão na linguagem de comunicação dos sites americanos e ingleses do segmento de "plumbing & heating" - encanamento e aquecimento - para elaborar a criação do novo site da empresa DCC Plumbing and Heating, de Danbury, Connecticut, USA, de propridade de Ildo Joseph.
O briefing, bem o briefing foi - "preciso de um site campeão, um site pra brigar de igual pra igual com as empresas do segmento".
Nas grandes nevascas do inverno impiedoso americano, a água congela nos encanamentos e estes se quebram como casca de ovos - o número de chamados para consertos e novas instalações de calefação, aumenta exponencialmente nesta época.

Fizemos uma pesquisa de linguagem de comunicação em mais de 30 sites do segmento. Americanos são objetivos, vão direto ao que interessa, firulas de design que desviam a atenção do foco da comunicação, não cabem neste caso.
Americanos querem saber de tradição e bons serviços, "since 1948" - quanto mais antiga a empresa, mais confiável.
Foi a partir destes conceitos que desenvolvemos um site despojado, com design básico e repleto de objetividade - o que fazemos, quais produtos utilizamos e como falar conosco. Simples assim.

O fator "Super Herói"

Somado à simplicidade da comunicação adicionamos o fator "super herói". Como todos sabem, os americanos são chegados em um super herói. Partindo do princípio que os super heróis fazem parte da cultura americana e, sabendo que todo americano gostaria de chamar um Super Herói para resolver seus problemas, foi que criamos o "Super DCC", com óbvias características visuais e cromáticas de Super Homem e feições caricatas ao estilo Simpsons.

Temos fortes convicções de que a imagem deste personagem aliada aos bons serviços prestados pela DCC Plumbing & Heating vai gravar na mente dos clientes uma imagem de solução para todos os problemas com encanamento, aquecimento e ar condicionado central - especialidades da empresa.

Este personagem entrou em contraponto com a imagem do "quebra galho"; na animação que aparece abaixo do cabeçalho do site, com chamadas diretas.

Por que chamar qualquer um para resolver seus problemas de encanamento?

Chame DCC Solução Total! Fins de semana, à noite e em feriados. Ligue agora 203-650 3137.

E nas cores da bandeira americana, mais subliminar, impossível!

A foto "royalty free" comprada no Dreamstime de um encanador quebra galho com um desentupidor na mão, foi o mote para a criação do banner animado. Eis que surge o "Super DCC" com sua super chave inglêsa na mão para resolver todos os seus probelmas! Você só precisa ligar.

O bom e velho lápis
O personagem, como sempre, foi esboçado com o bom e velho lápis, teve os traços corrigidos e redesenhados com pilot, depois digitalizado com uma câmera de celular e transferido via Bluetooth para o computador, vetorizado e colorizado no Corel Draw (sim, nós usamos o Corel Draw!).
Acompanhe as etapas da criação do personagem:

O site foi construído com o CMS (Content Management System) Joomla, com tema desenvolvido com exclusividade, sobre a estrutura básica de módulos do Joomla, na versão 1.5.23, a mais recente antes da 1.6 - escolha determinada por conta de algumas extensões utilizadas e que ainda não funcionam na nova versão. Hospedado no GoDaddy, utiliza banco de dados MySQL e linguagem PHP. A utilização do Joomla confere ao site a possibilidade de evolução e atualização imediata.

Mostrando as armas
Por trás desta inocente imagem de um site simples e objetivo se escondem poderosas "armas" para o SEO (Search Engine Optimization). O site DCC Plumbing & Heating conta com a instalação do componente JoomSEF comprado da ARTIO. Este componente se encarrega de exibir um completo painel administrativo com ferramentas para otimizar a performance do site junto aos mecanismos de busca. Uma de suas principais características é transformar os endereços de páginas em URLs amigáveis, substituindo as "strings" de código PHP (endereços de arquivos/páginas) por palavras chave que ajudam na indexação das páginas e melhoram o posicionamento do site. Os resultados deverão ser colhidos nos próximos meses.

Com relação a facilitar o contato dos visitantes do site foram instalados um módulo gratuito "Rapid Contact" localizado no topo da coluna da direita e um formulário em PHP com validação de campos na página "Contact". O telefone para chamados de serviços aparece em destaque no banner animado e no rodapé do site.

Flash descomplicado

Para as atualizações do banner animado em Flash, não é necessário utilizar o Adobe Flash, SwishMax ou outros para preparar novos banners. Foi comprado e instalado o módulo Smart Flash Header da ProJoom, que simplifica tudo - bastando criar a imagem na dimensão correta e colocar na pasta do módulo no servidor. Não é necessário nem utilizar um programa de FTP (File Transfer Protocol), o módulo vem com um sistema de "upload" para subir as imagens e um completo painel de controle onde é possível definir velocidade de transição entre slides, dimensões, efeitos de animação e muito mais.

Por fim, para garantir a integridade do trabalho foi instalado o componente de backup "Akeeba", que faz uma cópia completa do web design do site e do banco de dados, permitindo que o site seja facilmente restaurado em qualquer eventualidade.

O reconhecimento pelo trabalho bem feito veio de imediato, nas palavras do diretor da DCC Plumbing & Heating, Ildo Joseph:

Por tudo isso, podemos afirmar que nossos sites não são simples páginas de exibição de conteúdo, são poderosas ferramentas de relacionamento web, preparadas para evoluir de acordo com as necessidades de crescimento das empresas.

Por último, mas não menos importante, para confirmar uma das verdade do início deste post, o site DCC Plumbing & Heating passou na validação de código XHTML do W3C Markup Validation Service - Veja aqui o resultado.

Para saber mais sobre criação de sites com Joomla visite w3maker

Do layout ao site pronto

2011-05-02T22:35:00.016-03:00

Em geral quando se vê um site pronto é muito difícil imaginar quantos "pulos" o web designer e o programador deram para chegar ao resultado final.

Normalmente muitas pessoas são envolvidas na aprovação do site e com isto, a etapa de criação é a fase mais complexa de todo o desenvolvimento web, pois o resultado tem que ter consenso.

Em alguns casos aqui na w3maker, recebemos o layout definido, seja por agências de comunicação, publicidade ou mesmo por nossos clientes. Para estas situações, muitas adaptações são necessárias, pois nem sempre quem cria do outro lado, conhece as limitações do web design. Não que o web design tenha limites, mas para que tudo funcione dentro dos web standards, algumas regras precisam ser observadas.

Nosso mais recente desafio, com o layout fornecido, foi o desenvolvimento do novo site para a Kraftweb, empresa de soluções de tecnologia. Recebemos do diretor Mauro Zaide o layout a seguir, com a liberdade de modificar aquilo que fosse importante para a melhoria visual e operacional do projeto.

Layout fornecido para a Página Inicial

Layout fornecido para as páginas internas

Optamos pelo uso do Joomla como sistema de gerenciamento de conteúdo, devido à necessidade manifestada pela equipe da Kraftweb de atualizar periodicamente tanto o conteúdo como a estrutura do web site.
O layout final foi resultado de duas etapas de design e ajustes para adequação do conteúdo ao formato proposto. Desenvolvemos um template (tema) exclusivo para Joomla, respeitando a diagramação do layout fornecido, porém adaptando-o à estrutura de módulos deste CMS (Content Management System).
Usamos os recursos de "mod_custom" (módulo personalizado que permite a edição de textos, imagens e inclusão de HTML) e estrutura de blog para criar os conteúdo para as quatro caixas da home, permitindo assim, que possam ser editadas com extrema facilidade.

Fotos? A gente pega na Internet, certo?

Errado! Usamos o Dreamstime, banco de imagens royaltyfree, onde adquirimos fotos de qualidade que atendessem aos conceitos de cada produto da Kraftweb.

Texto? O web designer dá um jeitinho!
Errado! Muitos clientes pensam que é atribuição do web designer fazer o conteúdo se encaixar no layout, mas em 101% dos casos, o texto precisa ser escrito com o número certo de caracteres para que fique em harmonia com o design.
Para que tudo ficasse equilibrado, layout e forma, foi necessário o tratamento do conteúdo (textos) - ciente disto, a Kraftweb contratou os serviços de criação e edição de textos da empresa Ventana Projetos em Comunicação para o desenvolvimento dos conteúdos.

O resultado para a página inicial (home) e para as páginas internas, a partir do layout proposto, foi novamente trabalhado pela equipe da Kraftweb e o resultado final desenvolvido pela w3maker e aprovado pode ser visto a seguir.

Web Design da Página Inicial (Home)

Web Design das Páginas Internas

Foi necessária a integração de formulário de contato que enviasse dados diretamente para o servidor da Kraftweb e para isto utilizamos a estrutura de "wrapper" oferecida pelo Joomla que é uma especie de "janela" (iframe para os íntimos) que "carrega" um formulário externo dentro da página "Fale Conosco".

O novo site da Kraftweb é "cross browser" ou seja, funciona com mínimas variações nos principais navegadores: Firefox, Chrome, Opera, Safari, Internet Explorer 7, 8 e 9. Para o Internet Explorer 6 que já foi descontinuado pela Microsoft, mas que alguns ainda insistem em usar (por comodidade, hábito, preguiça ou desconhecimento de como atualizar), apesar das falhas de segurança e falta de suporte para atualizações. Instalamos um plug-in no Joomla que detecta se o usuário faz uso deste navegador e apresenta um alerta informando sobre a versão desatualizada e oferecendo opções de atualização.

O menu de navegação do site recebeu submenus comandados por CSS com transparência, utilizando a estrutura padrão de menus do Joomla.

Uma solicitação especial para a seção FAQ - Perguntas frequentes, foi de que as respostas ficassem ocultas e só fossem exibidas a partir do clique do usuário em cada uma delas. Para solucionar este item, recorremos à instalação e configuração do módulo Ice Accordion, disponível para download gratuito no site de extensões do Joomla.

Site no ar!

Por fim veio o reconhecimento pelo nosso trabalho, nas palavras do diretor da Kraftweb:

“O desenvolvimento do novo site da Kraftweb com a w3maker foi uma experiência muito interessante. Desejávamos um site moderno e ágil, com padrão dos sites das empresas de soluções de TI atuais. Com a indicação da w3maker optamos pela plataforma Joomla, para conseguirmos a agilidade de atualização necessária. O resultado final foi muito bom, com plena aprovação de clientes e parceiros.”
Mauro Cohen Zaide

Para saber mais sobre criação e desenvolvimento de sites com Joomla, viste: w3maker

Um "cartão postal" que vira marca

2011-04-30T19:25:00.012-03:00

Mais uma vez, (nem sabemos quantas...) um cartão postal do Rio de Janeiro vira marca de uma empresa. Foi em uma disputa acirrada entre Corcovado e Pão de Açúcar, venceu o último.

A escolha de um marco da cidade maravilhosa não podia ser opção, mas sim obrigação, já que se tratava da criação da logomarca para a nova empresa de turismo receptivo e eventos HC Travel, de nosso cliente o Hamilton Carrilho.

Alguns estudos foram feitos, diretamente no computador, sem esboços preliminares a lápis desta vez. As figuras do Corcovado e do Pão de Açúcar foram vetorizadas e ajustadas para que coubessem em um círculo. A ideia principal foi criar a marca, com base nos adesivos que se colavam antigamente em malas de viagem indicando as cidades por onde o viajante havia passado.

Um selo como marca para a HC Travel

Para reforço de comunicação, utilizamos também um padrão de fundo com o desenho do calçadão de Copacabana, já que esta marca visa a comunicação direta com estrangeiros. As cores verde e amarelo foram uma exigência do Hamilton, sendo que, decidimos por abranger tons mais sóbrios destas duas palhetas como o verde oliva e o ocre.

Alguns estudos para a marca foram feitos, sempre com a ideia do selo e para tornar tudo mais sóbrio e elegante, um monograma caligráfico com as iniciais HC foi acrescentado sobre as imagens do Corcovado e Pão de Açúcar.

Uma versão horizontal foi desenvolvida, pensando principalmente na comunicação para o site da empresa e para aplicações em banners de eventos. Alguns estudos com variações de fontes de letras foram feitos e por fim os layouts foram apresentados ao nosso cliente. As versões a seguir foram aprovadas e duas serão as opções que poderão ser utilizadas, dependendo da aplicação da marca.

Aprovada a versão final pelo Hamilton Carrilho, partimos então para as aplicações da marca nos principais itens de papelaria e comunicação da HC Travel.

A marca aprovada já é veiculada nos principais eventos receptivos promovidos pela HC Travel, passando uma imagem atual e de impacto aos seus clientes.

Para saber mais sobre ciração de marcas, logomarcas ou logotipos, visite w3maker.com.br

Landing Page para Duloren USA

2011-03-28T17:30:00.008-03:00

Eis aí um tema que estimula a criatividade da gente e faz os layouts ficarem mais bonitos, as landing pages que produzimos para o representante oficial da Duloren nos Esatdos Unidos.

Totalmente desenvolvida em HTML, como dita a regra das melhores práticas de um boa landing page, pois deixa todo o conteúdo visível e disponível para a indexação pelos robôs e "spiders" dos mecanismos de busca.
No intuito de manter o usuário sempre na landing page, optamos por utilizar o componente visualizador de conteúdos Clearbox para os links dos menus de conteúdo da landing page. Assim estes conteúdos abrem em camadas (janelas modais) sobre a página principal e através de um menu de botões de avançar e voltar é possível navegar entre os links do menu.

A seguir pode ser observado o detalhe da navegação entre os conteúdos no rodapé da camada gerada pelo Clearbox.

O código fonte da landing page foi todo otimizado para atrair os "robots" e "spiders" dos mecanismos de busca, como parte do serviço de SEO agregado ao projeto.

Alguns detalhes da criação e complementos do design da landig page ficaram por conta do padrão de fundo, aplicado à declaração "background" do CSS.

A tipologia manuscrita para os títulos "Edwardian Script", uma fonte "Open Type", foi convertida em formato PNG (Portable Network Graphics) com transparência e receberam as tag "alt" e "title" para descrever o os respectivos textos/conteúdos para leitura de máquina e acessibilidade.

Para o conceito do projeto, as gradações de tons de vermelho bordô, marrom e preto foram escolhidas para conferir o clima sensual e estimular o desejo de compra das lingeries Duloren USA.

A landing page das lingeries Duloren USA pode ser vista em: http://www.dulorenusa.com/lingerie/index.html

Para saber mais sobre criação e desenvolvimento de landing pages visite: w3maker.com.br

4 em 1

2011-03-26T07:06:00.007-03:00

Nos aqui da w3maker costumamos parafrasear o velho ditado: "Em casa de web designer, portfolio desatualizado."
Atender aos clientes, criar sites, desenhar logotipos, reciclar os conhecimentos, estudar a nova versão do Joomla 1.6, instalar a nova versão 1.6.1 com correções de segurança, mergulhar na nova estrutura de iframe do Facebook e aprender os macetes para criar sites de empresas, observar as mudanças nos resultados de busca do Google com o novo recurso "Google Instant", avaliar o quanto isto afeta o processo de otimização de sites... Com tantos afazeres, acaba não sobrando tempo para cuidar da nossa imagem, fazendo com que deixemos de lado o portfolio da w3maker, os posts neste Blog, nossa página no Facebook... a gente se sente como aqueles equilibristas de pratos. :-(

Por isso então resolvemos publicar este 4 em 1 para mostrar os últimos projetos de sites desenvolvidos para nossos clientes:
- Acesso / Via4
- Cargomar / Via4
- EsEqEx - Escola de Equitação do Exército
- EmpreiteiraPCh

Os sites desenvolvidos para Acesso e Cargomar tem em comum a criação e o layout desenvolvidos pela Via4 - Agência de Comunicação e Marketing para seus clientes. A w3maker desenvolveu os templates para Joomla e toda a programação e produção destes dois projetos.
Para o site Acesso foi utilizado o Gantry framework para estruturação dos módulos e atender com a maior fidelidade aos requisitos do layout.
Já para o site da Cargomar, trabalhamos desenvolvendo um tema (template) personalizado, utilizando a estrutura padrão de posições de módulos do Joomla. Neste caso, destaque especial para os módulos "customizados" para exibição de Cotação do Dólar e Hora Mundial.

Os sites desenvolvidos para nossos clientes EsEqEx - Escola de Equitação do Exército e EmpreiteiraPCh ambos em Joomla, coincidentemente seguem o mesmo esquema dos anteriores.

Optamos pelo Gantry framework para o site da EmpreiteiraPCh, por se tratar de um site com estrutura pequena, poucas páginas e com diagramação mais livre, deste caso, destaque para a utilização do módulo RokStories para exibição dinâmica de imagens e conteúdo, baseado na biblioteca javascript Mootools.
No site da EsEqEx - Escola de Equitação do Exército, novo layout para um site com uma grande estrutura de links divididos em dois menus de navegação, optamos por desenhar o tema personalizado de modo a ampliar ao máximo o aspecto de usabilidade e facilitar a experiência do usuário.
Este site teve uma enquete inicial instalada para saber o que mais agradou aos usuários e, 38,9% votaram no layout. Este projeto também teve uma especial atenção no aspecto de acessibilidade, visando reduzir ao máximo as barreiras para deficientes visuais, apenas dois controles imprescindíveis em javascript nos deixaram abaixo da nota máxima.

Para saber mais sobre criação de sites em Joomla, visite: w3maker

Uma logomarca com ventos de popa rasa

2011-01-31T11:12:00.003-02:00

Começamos o ano com a aprovação da logomarca criada para o Veleiro Clicquot, com ventos de popa rasa. Isto porque, a aprovação foi de primeira, com ventos soprando a nosso favor.
O briefing foi "criação livre" - o sonho de todo designer!
O proprietário do veleiro, Ivan Gelabert só fez um pedido: que em algum elemento da logomarca, fôsse utilizada a cor laranja, uma franca associação com a famosa marca de Champagne, ele deve ter lá seus motivos, mas não investigamos isso.

Criação livre é como velejar ao vento, aprumamos o leme, apontamos os lápis, sacamos o bloco de croquis e partimos para os esboços. A definição dos elementos a serem utilizados na logomarca surgiu num caderno de anotações.

Sol, velas, ondas do mar, proa do barco, borbulhas e família de fonte para o logotipo. Feito isto, partimos para o bom e velho Corel Draw para vetorizar e compor os elementos da logomarca. Buscamos no Google uma referência de um veleiro similar ao Cliquot, para ter uma amostra das velas do barco, já que o Clicquot se acha no estaleiro recebendo pintura nova e pequenos consertos.

Os estudos de forma, cores e logotipo começaram a ser feitos e de imediato surgiu aquela que seria a logomarca aprovada. Outros estudos e variações foram feitos para apresentação como opções. Habitualmente a w3maker apresenta três opções de logomarcas para aprovação dos clientes.

Os layouts foram apresentados em uma página montada em HTML no servidor da w3maker para que o nosso cliente, Ivan Gelabert e as pessoas a quem ele pediria opiniões pudessem facilmente acessar de seus computadores, via internet.

A versão aprovada recebeu alguns retoques após a reunião de apresentação com nosso cliente. O layout aprovado foi definido como a versão para aplicação na popa do veleiro e foi desenvolvida uma nova versão com diagramação horizontal, para aplicações nas proas de bombordo e estibordo.

Sobre algumas fotografias do veleiro no estaleiro, fizemos a simulação de aplicação das duas versões da logomarca, sendo que a da popa tem a restrição de largura da escada de acesso e, as da proa, deveriam se distanciar do limite da linha d'água com uma certa folga, considerando o veleiro com a capacidade máxima de passageiros.

A logomarca para o Veleiro Clicquot, criada pela w3maker em breve vai singrar os mares!

Saiba mais sobre criação de logomarcas em http://www.w3maker.com.br/

Atalhos para a Primeira Página

2011-01-12T08:18:00.000-02:00

Domando o Algoritmo Mutante

Para explicar o que é SEO e o que esta técnica pode fazer pelo seu negócio, nós da w3maker, costumamos fazer uma analogia para nossos clientes.

Comparamos o trabalho do profissional de SEO com aqueles observadores da vida selvagem, que montam uma tenda no Parque Nacional do Serengeti, na Tanzânia. Em plena savana africana, sob o sol, camuflados no meio de arbustos, oferecendo seu sangue aos mosquitos, munidos de binóculos, cameras fotográficas e filamadoras, observando dia e noite, pacientemente a movimentação e o comportamento animal, em busca de imagens para mostrar ao mundo ou para pesquisas científicas. Os animais observados têm seus padrões de comportamento e dependendo das situações do meio, mudam seus hábitos para se adequar às necessidades de sobrevivência.

A analogia aqui é a seguinte:

- O observador da vida selvagem é o profissional de SEO;

- O Parque Nacional do Serengeti é o Google, o Yahoo, o Bing ou o Ask, enfim todo e qualquer mecanismo de busca;

- O comportamento animal são os algoritmos dos buscadores, foco da observação dos profissionais de SEO - e estes algoritmos são "mutantes";

A diferença é que, se por um lado o trabalho do observador da vida selvagem é árduo e desconfortável, o do profissional de SEO não requer tanto suor, já que pode trabalhar no ar condicionado. Mas nem por isso é um trabalho menos árduo - requer raciocínio, perspicácia e muita paciência para obter bons resultados.

Observar o comportamento de "algoritmos mutantes", que se adequam em questões de dias, horas e até minutos às mudanças do universo web, requer persistência e sagacidade.

Assim como na vida selvagem, fatores imprevistos ou manipulações do acaso interferem na observação, no mundo dos buscadores, ações mal-intencionadas de pseudo-profissionais se sobrepõem ao posicionamento de sites corretamente elaborados.

Além disso, as constantes mudanças do ambiente de busca fazem com que verdades até ontem absolutas se tornem hoje, fatos relativos.

O terreno explorado pelo profissional de SEO, além de muito vasto é totalmente desconhecido - o segredo guardado a sete chaves criptografadas pelos mecanismos de busca, é o trunfo para o estrondoso sucesso comercial de empresas como Google, Yahoo e MSN - Microsoft (Bing).

Ninguém, no competitivo mercado de posicionamento, tem conhecimento de como funciona exatamente um algoritmo de busca. O que se tem, é um aprendizado a partir de diagnósticos obtidos com observação, experiências e análise de resultados de posicionamento. A cada site posicionado nas primeiras páginas de resultados de busca o profissional de SEO consegue avaliar a performance de sua estratégia e tirar conclusões mais aprofundadas sobre o funcionamento dos algoritmos. A comparação de padrões e ocorrências dos resultados, esboça para o profissional de SEO o modelo de funcionamento do algoritmo.

Advertência: Tudo que for dito ou afirmado daqui em diante é categóricamente empírico. As dicas apresentadas, são o resultado de experimentações bem sucedidas ao longo dos últimos nove anos, no trabalho de posicionamento de diversos sites, com um aproveitamento de mais de 85%.

Como explicar aos seus e aos nossos clientes a importância do trabalho de SEO

Quase a totalidade dos empresários e corporações que possuem seus web sites desconhecem a importância de aparecer bem posicionado nas (SERPs) primeiras páginas de resultados de busca. A maioria acha que aparecer nas páginas de resultados de busca é uma contingência natural - ou seja basta colocar um site no ar que este irá aparecer no Google. Muitas pessoas digitam suas URLs no campo de busca e se contentam em ver seus sites aparecerem no resultado de busca orgânica.

Não é assim que a banda toca!
De nada adianta você usar seu endereço ou palavras de alto grau de especificidade para encontrar seu site. É preciso detectar as palavras chave que os internautas buscadores usariam para encontrar serviços e produtos existentes em seu web site. E é aí que reside uma das maiores dificuldades do posicionamento. Sair do seu universo e passar a pensar como se fosse uma pessoa que se utiliza de um mecanismo de busca.

Se alguém digita "sapatos" no campo de busca, espera encontrar links para páginas que vendam "sapatos". Na grande maioria das vezes o que as empresas e proprietários de sites fazem é confundir os mecanismos de busca ou direcionar o usuário para um conteúdo que não corresponde à palavra-chave objeto da busca.

Explico: Se meu negócio é fabricar ou vender sapatos e somente sapatos, não se justifica eu colocar como palavras-chave no cabeçalho de minha página, bolsas, cintos, carteiras, artefatos de couro se não os fabrico, apenas para atrair também aquele usuário eventual que buscou por bolsas, mas que em minha concepção pode mudar de idéia e comprar um sapato - "deixa ele cair no meu site, quem sabe compra um sapato... hehehe" - isto, em parte pode até ser possível, mas os usuários buscadores hoje, dipõem de muito pouco tempo e "pulam fora" de um site rapidamente se não encontram "logo de cara" aquilo que estavam buscando. Portanto, oferecer explicitamente o objeto da busca, logo na primeira página de seu site, é um dos segredos da eficiência do SEO ou posicionamento em mecanismos de busca.

Certo, mas se eu só vendo sapatos, basta colocar meu site no ar, que naturalmente os buscadores que digitarem sapatos nos mecanismos de busca irão me encontrar - para que eu preciso "gastar dinheiro" com um profissional de SEO?

Se você tiver tempo para esperar, algo como uns três anos após seu site ter sido colcado no ar, ele com certeza irá aparecer lá pela 16a. página de resultados de busca.

O trabalho que o profissional de SEO faz é, em primeiro lugar, otimizar o código fonte das páginas de seu site, de forma a torná-las mais amigáveis aos "spiders" e "robots" dos mecanismos de busca.

Um fator que a maioria das pessoas desconhece é que uma página de um site tem duas funções de leitura primordiais:

Ela precisa atender aos propósitos de leitura humana e de leitura de máquina - detalhes de extrema relevância para "spiders" e "robots" não são visíveis para o usuário que visita uma página - estão especificados apenas no código fonte e não são exibidos pelo seu navegador de internet (browser).

Já detalhes de leitura humana, tais como fotos, podem atender aos dois propósitos, informar aos usuários sobre seu produto e também conter informações no nível do código fonte que informem aos "spiders" e "robots" sobre a indexação de seu conteúdo.

Com ações controladas por ferramentas de avaliação de buscas por palavras chave, monitoramento de tráfego, origem dos cliques em uma página e muitas outras estatísticas, o profissional de SEO pode conduzir um site às primeiras páginas dos resultados de busca natural (orgânica).

Note bem que especifiquei no texto acima "conduzir um site às primeiras páginas".

Todo cliente que me procura, ciente da importância de um bom trabalho de SEO, invariavelmente quer aparecer na "Primeira Página do Google"!

Mas, infelizmente a primeira página do Google só dipõe de 10 lugares e, muitas vezes, dependendo da principal palavra-chave do cliente, os concorrentes jogam sujo, utilizando-se de técnicas de "black hat" para posicionar os sites na primeira página. Tais técnicas se utilizam de expedientes tais como ocultar um número muito grande de repetições (spam) de palavras-chave no corpo da página de modo que para leitura humana não sejam visíveis, mas para leitura de máquina informem aos "spiders" e "robots" que aquela página apresenta um número maior de ocorrências desta determinada palavra-chave. Isto a torna mais relevante como resultado de busca e a posiciona dentre as 10 na primeira página de resultados.

Mas as táticas de "black hat" são punidas pelos mecanismos de busca, o que pode levar os donos de sites que se utilizam destes expedientes a terem suas páginas banidas dos buscadores.

Voltando ao exemplo do observador da vida animal no Parque Nacional do Serengeti, - imagine que este esteja observando o comportamento de um determinado pássaro e que um enxame de gafanhotos famintos se aproxime e espante os pássaros para bem longe - aqui nesta comparação, o enxame de gafanhotos é o "spam" de palavras-chave - o enxame poderá inclusive afugentar o observador, que não terá condições de trazer para o primeiro plano de sua observação o pássaro em questão. É assim mais ou menos que funciona a disputa pelos 10 primeiros lugares da primeira página de resultados de busca.

Look Site para Lançamento da Nova Coleção dos Relógios da marca Ferrari no Brasil

2010-12-09T08:07:00.013-02:00

LookSite
O que diferencia a criação deste site dos demais, é um conceito. Mais do que um site de produtos, trata-se de um "LookSite". O termo foi cunhado a partir do seu similar mais conhecido, usualmente impresso em papel - trata-se dos "LookBooks" de lançamento das coleções de grifes de moda, onde tendências, estilo e design são apresentados.
O "LookSite" de lançamento da nova coleção dos Relógios da marca Ferrari no Brasil, segue o conceito de apresentação das novas tendências, estilo e design para relógios de pulso.

Totalmente desenvolvido utilizando o CMS (Content Management System) - Sistema de Gerenciamento de Conteúdos de código aberto - Joomla!

Estruturada sobre o "framework" para plataformas web Gantry, a construção do site seguiu um padrão modular, onde todas as peças se encaixam com precisão. A utilização deste "framework" serviu para facilitar e controlar a integração dos vários componentes e extensões necessários à produção do website.

Identificação imediata

Nós da w3maker, temos por princípio que um site deve "dizer logo de cara" de que se trata o seu conteúdo e por isso, estampamos no primeiro slide da animação em Flash um relógio esportivo, juntamente com o slogan da campanha de lançamento. O Flash utilizado é um módulo localizado e não interfere no fornecimento de informações para posicionamento do site em mecanismos de busca.

Impacto visual

O pedido único e principal do briefing de criação do site, feito pelo diretor e representante exclusivo da marca de Relógios Ferrari no Brasil, Sr. Gabriel Schwatrz foi: "Quero um site de impacto, dinâmico e com a cor vermelha de fundo".

Briefing melhor impossível! Ou seja, quase nenhuma limitação para a criação - o sonho de todo designer!

O processo criativo

A crição de um site na w3maker normalmente começa de trás para frente ou seja, pensamos e desenvolvemos primeiro a imagem de background para depois passar às camadas superiores da interface. Desta forma os estudos e formas são mais livres e podemos exercitar um layout mais abrangente.

Com uma câmera digital de 3.2 Megapixels do celular Sony 510a, registramos imagens dentro de um carro em movimento na Rua Voluntários da Pátria e nos corredores do metrô, na estação Botafogo no Rio.

As imagens foram selecionadas, levando em conta o critério de sugestão de movimento e dinâmica da composição. Definição e foco pouco importaram, uma vez que aplicamos efeitos de desfoque e filtragem com a cor vermelha em camadas no modo multiply no editor de imagens Gimp. O resultado passo a passo pode ser visto nas imagens abaixo:

As três imagens resultantes foram suficientes para a criação de fundos para o site, banners, slides para o Flash e outros detalhes do layout.

Para que o site não tivesse apenas a cor vermelha, empregamos elementos na cor grafite para as áreas de textos corridos e ainda utilizamos um padrão de fundo modular (azulejo) de estilo "grunge" que foi baixado da seção de texturas grátis do site Photoshop Roadmap.

A seguir o resultado da combinação de dois elementos de background dispostos em camadas e contorlados pela CSS (Cascading Style Sheet) - Folha de Estilos em Cascata.

A tecnologia embarcada

Para o catálogo dos relógios, as galerias de imagens foram instaladas utilizando o módulo RokBox compatível com o Joomla!, que é baseado na biblioteca MooTools em Javascript - este recurso propicia a criação de uma camada virtual intermediária entre o servidor do site e a máquina do usuário, para onde as imagens são previamente carregadas, agilizando e diminuindo drasticamente o tempo de exibição das fotografias dos produtos.

Muito além das fontes de sistema

Em um passado recente, a grande limitação de layout tipográfico à qual o web designer estava "amarrado" era a de utilizar apenas as fontes de sistema ou aquelas que vinham com a instalação padrão do sistema operacional - em outras palavras, uma fonte que não estivesse na máquina da pessoa que visitava um site seria imediatamente substituída por uma fonte padrão, comprometendo toda a estética do site.

Foi-se o tempo em que para exibir fontes de letras especiais em um site, era necessário transformá-las em imagens.

A w3maker utilizou o recurso @font-face que permite instalar no servidor de hospedagem, junto com as páginas do site, uma coleção de fontes nos formatos True Type (TTF), Embedded Open Type (EOT) e Scalable Vectorial Graphics (SVG) - desta forma, a partir de declarações na folha de estilos é possível enviar informações ao browser (navegador) de internet do usuário, para que utilize a fonte que o web designer escolheu.

O resultado prático disto é que os títulos e textos passam a responder por detalhes importantos do estilo e design do site.
Para o LookSite dos Relógios Ferrari a w3maker optou pela família de fonte Aller nas versões Light e Regular. A fonte Aller foi obtida e empregada respeitando a sua licença de uso em http://www.fontsquirrel.com/license/Aller

De forma simples o objetiva, foi publicado pela w3maker, o LookSite da marca de Relógios Ferrari no Brasil, onde mais de 100 modelos podem ser vistos em detalhes.

Para saber mais sobre criação de sites e desnvolvimento de LookSites visite w3maker.com.br

Novo Site Atnas Engenharia - Estudo de Caso

2010-12-01T11:30:00.034-02:00

Empresa

ATNAS ENGENHARIA LTDA iniciou suas atividades em 10 de abril de 1997. A empresa fundada pelos engenheiros Odílio Márcio Mauad Ferreira e Marco Antonio da Rocha Tristão, ambos com mais de 40 anos de experiência na Petrobras em projetos, planejamento e implantação de empreendimentos, notadamente na área de gasodutos e oleodutos.

Certificada desde 2007 em ISO 9001, ISO 14001 e OSHAS 18001, possui um Sistema de Gestão integrada visando um maior controle e qualidade sócio-ambiental, gerencial e econômico.

Novo site Atnas Engenharia - Niterói - Rio de Janeiro

Web Design e Sistema de Gerenciamento de Conteúdos - w3maker

Visão Geral

Nome da Empresa: Atnas Engenharia Ltda.

Responsável pelo Projeto: Sabrina S. Fernandes Cintra - Gerente de P&D

Representante da Diretoria

Assistente do Projeto: Josi Guimarães - Assistente Administrativa
Site: http://www.atnas.com.br/
Web Design e Desenvolvimento: w3maker

Briefing
Desenvolvimento de novo site, projeto visual, com instalação, customização e configuração de ferramentas de gerenciamento de conteúdo.
Reuniões onde serão passadas as informações e conteúdo que estarão disponibilizados no site.
Carga horária de treinamento na ferramenta de gerenciamento;
Manutenção da ferramenta após a implantação;

Objetivo: construir uma ferramenta onde as áreas possam ter a liberdade de modificar a suas páginas (conteúdo).

- Comunicação com o Controle Global da Empresa onde o funcionário pudesse atualizar seus dados pessoais;
- Campo de Notícias Atuais (link para o site último minuto);
- Página com o Informativo Mensal. Campo onde o funcionário possa enviar sugestões para o informativo;
- Mapa do Brasil com animação, indicando quais estados a Atnas já teve Contrato;
- Página para a área de SMS;
- Links com o Dialogo Diário de Segurança, Meio ambiente e Saúde, Campanhas de SMS, Dicas de utilização de EPI ;
- Página para Eventos. Cronograma de eventos e Treinamento. Notícias atuais da empresa;
- Páginas com serviços realizados (todos os empreendimentos, com data local, serviço executado, cliente);
- Página do Recursos Humanos. Link onde a pessoa poderá preencher o seu currículo com o modelo criado para Atnas (padronização dos currículos), campo para vagas em aberto;
- Página para divulgação das atividades de responsabilidade social responsabilidade (link de projetos públicos).

Mãos à Obra
Uma vez que a w3maker recebeu o resumo das solicitações e analisou em reunião com as responsáveis pelo projeto Sabrina Fernandes e Josi Guimarães, o sistema de gerenciamento de conteúdos Joomla! foi escolhido pois atendia com amplos recursos às necessidades elencadas. Passo seguinte foi verificar e analisar as extensões mais adequadas para complementar as funcionalidades do novo site Atnas Engenharia.
Para criação do site e web design, um "briefing de criação" com perguntas que definiam os estilos, cores e finalidades imaginados foi enviado pela w3maker, para termos certeza de que a comunicação e as informações estavam dentro do entendimento verbal.
Com isso a criação do site foi direto ao ponto, no primeiro layout apresentado, com pequenas modificações solicitadas.

O tema (template) para o Joomla! foi desenhado e projetado com exclusividade para o novo site da Atnas Engenharia. Foram utilizadas as posições padrão do sistema e alguns módulos custom foram instalados para atender a necessidades específicas de edição e posicionamento na estrutura.

Tela de administração de Temas (templates) do Joomla! exibindo o tema

criado e desenvolvido com exclusividade pela w3maker

O que faz a Diferença

Algumas das melhores e imprescindíveis extensões da comunidade de desenvolvedores do Joomla!, testadas e aprovadas pela w3maker foram instaladas para melhorar a performance e atender a necessidades específicas do projeto, são elas:

Componentes:

- Akeeba Backup - http://www.akeebabackup.com/ - imprescindível para fazer backups do site e do banco de dados do sistema.

- File Picker - http://www.webconstruction.ch/ - componente necessário para fazer upload de arquivos em diversos formatos (ai, csv, doc, exe, fla, flv, gif, gz, gzip, htm, html, indd, jpg, mp3, odp, ods, odt, pdf, png, ppt, psd, rtf, swf, tar, ttf, xcf, xhtml, xls, zip) para exibir os respectivos links dentro dos artigos do site.

- JCE Editor - http://www.joomlacontenteditor.net/ - componete e plugin que instalam um Editor mais estável, confiável e com mais recusros que o editor padrão do Joomla!

- K2 - http://getk2.org/ - componente que, dentre inúmeras funcionalidades, possui um editor de imagens online, o SplashUp, que permite que os administradores do site editem imagens para publicação, sem ter que utilizar os tradicionais programas de tratamento de imagens.

Módulos:

- Hot Image Slider - http://www.hotjoomlatemplates.com/extensions - módulo básico para exibição de imagens em movimento, baseado em jQuery e que foi utilizado para a animação que aparece no cabeçalho das páginas do novo site.

- Custom Content - http://joomlacode.org/gf/project/ - módulo que permite exibir artigos em posições de módulos, com isso é possível inserir código HTML em qualquer lugar da página.

Algumas solicitações de funcionalidades específicas foram feitas:

- Webmail - Na página inicial o Webmail deveria estar disponível para que os funcionários em serviços externos possam acessar seus E-Mails. Para isto um módulo wrapper foi utilizado para inclusão do código do formulário de autenticação do provedor.

- Área Restrita - Uma área restrita deveria permitir o acesso apenas daqueles funcionários com permissão para vizualizar documentos e normas da empresa. Para isso o módulo de login do Joomla! foi utilizado. Futuramente este módulo será modificado para exibição dos contra-cheques dos mais de 500 funcionários da empresa.

Validação do Projeto no W3C:

Um aspecto muito importante, que a maioria dos clientes desconhece e via de regra não dão valor, é um código fonte bem escrito. Um site pode funcionar visualmente bem, com código bem escrito ou mal escrito.

"O que o olho não vê o robô de busca sente".

A importância de um código bem escrito está diretamente ligada ao quanto as páginas do site serão amigáveis, acessíveis, facilmente identificadas e indexadas pelos mecanismos de busca e seus robôs e spiders.

No caso do novo site da Atnas Engenharia, tanto o código XHTML que define a estrutura das páginas quanto o CSS, que é a folha de estilos em cascata que confere o posicionamento dos elementos na página, define a família de fontes e as cores dentre outros, passaram na validação do W3C.

O serviço de validação do W3C é um software livre criado pelo W3C para auxiliar web designers e desenvolvedores web na verificação de seus códigos de programação. A ferramenta não só é capaz de comparar uma folha de estilo com as especificações para as CSS, apontando erros, grafia incorreta ou uso impróprio das CSS, mas também alertará você para potenciais riscos à usabilidade.

Treinamento

Por fim, antes da publicação do novo site da Atnas Engenharia, um treinamento presencial de 5 horas foi ministrado nas dependências da empresa e contou com a participação de quatro funcionárias que ficarão encarregadas inicialmente da manutenção do website.

Considerações Finais

Como a w3maker vem trabalhando com o CMS - Joomla! desde suas primeiras versões, pudemos oferecer à Atnas Engenharia, a criação de um site literalmente dinâmico e flexível.

Ao longo dos anos a w3maker aprendeu a tirar o maior proveito da grande variedade de funcionalidades oferecidas pela comunidade do Joomla!.

Poucos são os sistemas de gerenciamento de conteúdo open source que oferecem tanta versatilidade, enquanto preservam a boa usabilidade, funcionalidade e segurança.

Com tudo isto, a w3maker entregou à Atnas Engenharia um produto adequado e expansível, que qualquer pessoa poderá administrar.

Para saber mais acesse w3maker.com.br

w3maker apoia o 9o. GP's in Rio

2010-11-10T10:13:00.003-02:00

A w3maker apoia a realização do 9o. GP's in Rio, evento de networking para Gerentes de Projeto do PMI-Rio (Project Management Institute), coordenado por Daniel Fucs.
Nosso apoio se deu através da criação e construção do Hot Site para divulgação do evento.
O "briefing" do projeto pedia a criação de uma página simples, com as principais informações sobre o evento e um "call-to-action" para o formulário de pré inscrições para o evento.

Totalmente desenvolvido em XHTML, Tabeless e CSS o hot site deu especial atenção aos itens de Redes Sociais que apoiam a divulgação do evento através do posicionamento com destaque para os ícones das comunidades do Twitter, LinkedIn, Facebook e Ning.

Para a exibição do mapa de localização do evento foi utilizado o componente "ClearBox3" versão 3.02 - um "javascript" baseado em bibliotecas jQuery que permite a exibição em camada de imagens, galeria de imagens, Flash, Quicktime, Windows Media, HTML, conteúdos internos do site, páginas externas e, no nosso caso o Google Map.

O "call-to-action" foi estratégicamente posicionado próximo à área inicial de leitura do hot site, ao lado direito da logomarca do evento e da tag do título do primeiro parágrafo - desta forma, exibindo claramente o objetivo de comunicação do hot site.

Utilizando um dos princípios heurísticos de usabilidade, o "call-to-action" foi estratégicamente repetido de forma auxiliar, no texto (sob a forma de botão) e no rodapé do hot site (como link de texto).

Feito isto, só nos restou correr 'pro' abraço e receber os cumprimentos do Daniel Fucs pela criação do hot site.

Para saber mais sobre criação de sites, hot sites, landing pages e promoção de eventos, visite o site w3maker

Um site que começou a ser criado há 39 anos atrás

2010-07-10T07:17:00.010-03:00

Estamos exatamente há um mês sem postar nada aqui no blog - "casa de webdesigner mensagem por fax"... uma atitude inconcebível na blogosfera.
Mas tem uma música dos Beatles que define com precisão o nosso momento:
A Hard Day's Night.

Trabalhando feito cães e sem poder dormir como uma tora! :-(

Nosso mais recente projeto de criação de site foi para os Relógios Superatic. Seria este mais um site para o portfolio, não fôsse uma curiosidade histórica.
Tudo começou há 39 anos atrás, em 1971 quando o nosso diretor de criação, Marcio Goldzweig, ganhou de presente de seu pai, um relógio automático da marca Superatic. Relógios automáticos eram o grande barato da época, não precisavam de corda, bastava sacudir o pulso para acionar um rotor perpétuo, que mantinha o relógio em funcionamento.

Obviamente o garoto de 13 anos, não podia imaginar que 39 anos depois, teria o site da w3maker descoberto em uma busca orgânica do Google (criação de sites rio), feita pelo Gabriel Schwartz diretor de marketing da Superatic e que seria contratado para criar o site da marca Superatic, em linguagem PHP, utilizando o CMS (Content Management System - Sistema de Gerenciamento de Conteúdo) open source do Joomla com o Gantry Framework, totalmente em Tableless (sem o uso de tabelas) com CSS (Cascading Style Sheets - Folhas de Estilos em Cascata), com MooTools 1.2.4 baseado em Ajax para elaboração do menu de navegação e utilizando o componente Pirobox com jQuery 1.4.2 para a criação das galerias de imagens dos relógios.

O garoto que em 1971 tinha acabado de viver as emoções da conquista do Tri pela seleção Canarinho na Copa de 70 no México, também não podia supor que 39 anos mais tarde, faria a fotografia dos relógios Superatic utilizando uma câmera digital e um mini estúdio portátil.
De lá pra cá, muita coisa mudou, o relógio Superatic automático que tinha os ponteiros e os números em ouro, hoje funciona com mecanismo a Quartz. A televisão à válvula em preto e branco que transmitia os jogos da Copa de 70, hoje funciona com Chips e Leds. Os computadores da época eram grandes mainframes e o mais famoso era o HAL 9000 do filme do Stanley Kubrick, 2001 uma Odisséia no Espaço, hoje com um notebook, o site da Superatic foi criado e programado diretamente no servidor de hospedagem.

Para saber mais sobre criação de sites com Joomla visite: http://www.w3maker.com.br/

Da bolha da internet à Web 3.0

2010-06-10T11:09:00.007-03:00

obrevivemos à bolha da internet, nada mais poderá nos abater!

Do original em inglês "dot-com bubble" - movimento especulativo que foi de 1995 a 2000, com seu clímax em Março de 2000, quando a NASDAQ atingiu seu índice máximo de 5132.52 - ontem (09/06/10) a NASDAQ fechou em 2158.85

Relembrando os idos de 1999/2000/2001, analisamos o que era "a criação de sites" na virada do milênio. Estamos falando de uma era "Pré Firefox". Até 1998, o Netscape Navigator era sinônimo de navegação na internet, até o Tio Bill (não confundir com Kill Bill) começar a oferecer, em esquema 0800, o seu Internet Explorer junto com o Windows 98.
Então, para que você faria download do Netscape com sua linha discada e seu modem de 56K?

Os webdesigners sofriam apenas para fazer os sites funcionar no Netscape e no Internet Explorer. As resoluções dos monitores eram de 640x480 pixels e os novíssimos monitores de 14 polegadas como o Samsung Syncmaster 3 (quem não teve um?) já vinham de fábrica ajustados para a resolução de 800 x 600 pixels - as pessoas reclamavam que nesta resolução as letras ficavam muito pequenas!

Descontada a altura da barra de navegação, sobravam míseros 640 x 435 pixels para soltarmos nossa criatividade no mundo virtual.

Em 1999 criamos o site para o Centro de Educação em Informática do SENAC-SP, onde uma das exigências era, resolução 640x480, e assim foi!

Para se ter uma idéia do que esta resolução representa, fizemos uma comparação com a resolução média dos Notebooks de 1280x800 - a área destacada, era o espaço onde TODO o site devia ser desenvolvido, era a área visível quando o site carregava na tela.

As limitações não paravam por aí, no que diz respeito aos menus de navegação, ainda não tínhamos as abençoadas CSS (Cascading Style Sheet - só surgiram em 1994), mais de um javascript na mesma página era o caos, se fazia necessário um terceiro javascript específico para apaziguar os ânimos e fazer tudo coexistir com harmonia e funcionar.

Trabalhávamos com tabelas e declarações de estilos inline, ou seja, todos os estilos ficavam embutidos no código HTML, deixando os sites lentos - uma contradição por si só, numa época onde as conexões também eram lentas. Soluções inteligentes em DHTML ajudavam bastante na criação de sub menus de navegação, mas muitas vezes obrigavam os webdesigners a fazer duas versões do mesmo site, uma para o Netscape, outra para o Internet Explorer e, os clientes é claro, não queriam pagar pelo trabalho dobrado.
Estávamos em plena "Guerra dos Browsers" - as duas facções disputavam a tapa os usuários.

Mesmo assim a galera da w3maker se divertiu e aprendeu muito com estas limitações, ganhamos até o prêmio iBest do júri popular por dois anos consecutivos com o site de culinária Luzinete Veiga - abaixo alguns exemplos de sites produzidos entre 1999 e 2001, por favor sem risadas!

É desta época e merece destaque, o Vovó Erótica!
O iG passava pelo seu auge de popularidade, por ser o primeiro provedor do Brasil a distribuir emails de graça. Com esta estratégia o público que circulava pelo portal iG era enorme para os padrões da época - surgiram vários sub portais de conteúdo, um deles o Red Sex; foi lá que o Vovó Erótica nasceu, teve seus momentos de glória e implodiu (RIP) junto com a bolha da internet.

Chegamos ao limiar da segunda onda da internet, rumo à Web 3.0 - revendo tudo isso, é possível perceber o quão primitiva era a internet de 10 anos atrás (primeira onda). Discutir Web 3.0 é tema para outro post, segundo muitos é algo que nem existe ainda.

A Web 3.0 pretende ser a organização e o uso de maneira mais inteligente de todo o conhecimento já disponível na Internet (fonte: Wikipedia).

Pensamento do dia:

"Talento não se acha no computador" - Jorge Sunao Koto
Para saber mais sobre ciração de sites: w3maker

Criação de Site - LAIFBAC

2010-05-27T17:53:00.011-03:00

Mais um site entregue pela w3maker - desta vez, um site com a tecnologia mais atual existente que foi aplicada nos itens, animação, sistema de menus, busca, galeria de imagens e sistema de gerenciamento de conteúdos.

Trata-se da criação do site para a Laifbac - 1st Latin American International Face & Body Art Convention.

Tudo começou com o site e o blog da w3maker sendo encontrados na busca orgânica, pela nossa cliente Melissa Biehl utilizando o Google.com, com as palavras chave "criação sites rio" em busca feita a partir da cidade de Mississauga - Canadá, onde reside.

Na página de resultados ocupamos com nosso site a primeira posição e com nosso blog a quarta posição.

Contato feito e proposta aprovada, o site foi todo resolvido e desenvolvido à distância, com reuniões virtuais de briefing a partir do Skype e com utilização intensa do Google Docs para o fornecimento do conteúdo de textos.

A proposta foi a de criar um site com visual intenso, uma vez que seu propósito é divulgar um evento inédito no Brasil e na América Latina de pintura Facial e Corporal.

Mensagens diâmicas deveriam ser passadas ao visitante sob a forma de animações informando sobre a convenção - abolimos de imediato o uso do Flash e optamos por utilizar um componente em Javascript Assíncrono, o MooTools que permite transições com efeitos e executa o carregamento das imagens com maior velocidade do que no Flash.

As imagens são armazenadas em uma pasta no servidor e podem ser editadas, ordenadas e gerenciadas a partir da área de administração do site. O componente exibe as imagens sob a forma de slideshow e oferece ainda uma pré-visualização dos slides anterior ou seguinte, caso o usuário deseje retroceder ou avançar as imagens manualmente.

Definido e formatado este componente, o layout do site foi concebido ao seu redor, com grandes imagens de background dos artistas que farão os workshops da convenção.

Este site "precisa" que as imagens "falem", portanto grandes formatos foram adotados, no entanto a preocupação com a rapidez de carregamento não foi deixada de lado - ao término da montagem, todas as imagens foram submetidas ao compactador do Smush It para a maior redução de peso sem perda de qualidade - com isto, alguns megabytes foram poupados.

Toda a estrutura de webdesign foi montada a partir do "Gantry Framework", que é uma estrutura de grade de construção que permite o desenvolvimento do layout dentro das métricas ideais para a utilização do Joomla como gerenciador de conteúdo.

Para os itens do menu de navegação, foi utilizado o componente "fusion.js" que compartilha da mesma biblioteca MooTools da animação. Além disso, como inovação, foram inseridas miniaturas das imagens dos instrutores dos workshops ao lado dos respectivos nomes no submenu de navegação.

O sistema de busca do site é inovador, uma vez que carrega os resultados de busca na própria página em que o usuário se encontra e sem a necessidade de acionar um botão de "buscar", conforme os termos vão sendo digitados no campo de busca os resultados são carregados em uma camada sobre a página. Além disso a busca pode ser local (no conteúdo do site) ou na web via Google.

Para as galerias de imagens que não são poucas no site todo, uma para cada instrutor, além das galerias de boas vindas e das imagens de Búzios, foi utilizado o componente externo "Pirobox" com Ajax, com código aplicado diretamente no editor de artigos do site. As imagens em tamanho maior são exibidas sobre a página em camadas a partir do clique sobre as miniaturas e possuem função de voltar e avançar além de acionar um slideshow automático.

Além das galerias de imagens, outros elementos de comunicação dinâmica foram incorporados ao site:

- Um sistema de abas (tabs) contendo o Mapa de localização de Búzios que se utiliza de uma API do Google Maps; os destaques para os patrocinadores do evento, com janela modal de publicidade e futuramente irá conter um vídeo institucional do evento que será carregado no sistema de abas a partir do Youtube.

A divulgação deste site e da convenção será feita através das redes sociais e para tanto um componente de disseminação viral foi instalado para ajudar nesta tarefa, o AddThis.

O gerenciamento de conteúdo é todo feito com o Joomla e, para tornar as URLs geradas pelo PHP amigáveis aos mecanismos de busca, foi instalado o componente Joomla SEF (Search Engine Friendly) que transforma as "strings" do endereçamento das páginas, em URLs com palavras chave úteis ao serviço de SEO implantado no site.

O site conta ainda com as ferramentas de análise Google Analytics e Webmaster Tools para avaliação das ações de SEO e posicionamento.

Por fim, cabe destacar que o site está preparado para receber ampliação de conteúdo e evoluir conforme a data do evento for se aproximando.

Para saber mais sobre sites com gerenciamento de conteúdos - w3maker.com.br

Logomarca para "International Association of Yoga & Ayurveda - IAYA"

2010-05-19T17:50:00.002-03:00

Criação de Logomarca ou Logotipo hoje, é uma seara complexa - todo mundo é designer, todo mundo tem milhares de fontes em seus computadores e, escolher uma fonte bacana não basta para criar uma logomarca.
Logomarca é um neologismo usado de forma empírica e genérica, para designar logotipo, símbolo ou marca, sem que haja consenso nem precisão absoluta ao que ele se refere, se apenas ao símbolo, ao logotipo ou ao sinal misto (combinação de ambos). O seu uso está popularizado no Brasil e o termo consta do dicionário Aurélio e é considerado correto pela Linguística. No entanto, o termo é visto como inadequado por diversos designers por não possuir a necessária precisão. (Fonte: Wikipedia)

Logotipo, refere-se à forma particular como o nome da marca é representado graficamente, pela escolha ou desenho de uma tipografia específica. É um dos elementos gráficos de composição de uma marca, algumas vezes é o único, tornando-se a principal representação gráfica da mesma. (Fonte: Wikipedia)

Vamos ao que importa: A w3maker foi contratada para criar a logomarca da "International Association of Yoga & Ayurveda - IAYA" - entidade credenciada internacionalmente com certificação dos maiores mestres do Yoga e Ayurveda da Índia.

Um projeto no mínimo com inúmeras variáveis e envolvimentos místicos cuja imagem final, deveria transmitir através de seu símbolo, diversos aspectos da espiritualidade.

O "briefing" enviado pela diretora no Brasil da Associação, Sheila Quinttaneiro, considerava especificações desde cores e suas simbologias, até imagens que possuem forte significado para o hinduísmo.

Optamos por fazer nossas pesquisas sobre as simbologias, de forma isenta e imparcial. Cada pesquisa feita foi apresentada e discutida com a Sheila, para definição de qual caminho seguir na linha gráfica.

Dois elementos foram eleitos para a criação do símbolo:

- A Flor de Lótus - representa a espiritualidade e a evolução; ela nasce no lodo e resplandesce com a beleza da sua flor;

- Om - símbolo de Deus, representa o som cósmico de Deus no Universo.

Uau! Por onde começar?
O caminho mais óbvio foi fazer algumas montagens com os elementos para testar o equilibrio e a harmonia da combinação das formas.

A segunda opção se mostrou a mais equilibrada mas faltava alguma coisa que juntasse tudo, como numa "associação". O símbolo de "Om" apesar de seu aspecto gestual, ainda estava graficamente representado em sua forma mais comum. Fizemos então um estudo para suavizar suas formas e torná-lo mais orgânico, por assim dizer.

A "Flor de Lótus" precisava de um eixo e foi aprimorada para ganhar mais imponência.

Voltamos então a juntar os dois elementos, mas ainda faltava alguma coisa que os unisse, que os envolvesse, como numa associação.

Foi então que surgiu a idéia de envolver o símbolo de "Om" com um coração estilizado, como se fosse o bulbo da "Flôr de Lótus". A simbologia estava completa, "Deus no Coração"!

As cores escolhidas seguiram os preceitos e significados hinduístas:

- Lilás na Flôr de Lótus - é a cor que representa a consciência cósmica;

- Azul Marinho no Om dentro do Coração - é a cor que representa a interiorização da consciência.

Para compor a logomarca, o nome da associação foi escrito todo em caixa alta com a fonte MS Candara, com variação de pesos, Normal e Bold e espacejamento entre letras de 20%.
Atualmente uma logomarca precisa ser pensada para aplicações que vão além dos tradicionais itens de papelaria, uniformes, frota, etc. Ela tem que atender às diversas aplicações do mundo virtual, ícones de desktop, ícones da barra de navegação, patterns, backgrounds, cabeçalhos de documentos eletrônicos e por aí adiante.

Por fim, para quem olha esta logomarca pronta, não imagina que tantos conceitos e estudos de forma foram necessários para um resultado final. Para os que desconhecem a simbologia hinduísta, esta pode parecer apenas uma simples logomarca, mas para os que conhecem, seu símbolo tem muito a dizer e, com certeza trará boa sorte à esta associação.

Para saber mais sobre criação de logomarcas: w3maker.com.br

Criação de Anúncio - Shiva Studio

2010-05-19T09:00:00.005-03:00

Nossa formação original remonta aos tempos em que atuávamos na publicidade, desde 1995 caímos na rede e este serviço ficou em "standby". Vira e mexe os clientes pedem para a gente fazer um anúncio, é quando então a veia publicitária pulsa forte.

Foi o caso deste anúncio para o Shiva Studio de Yoga e Ayurveda, com o Curso de Imersão em Yoga que será realizado em Búzios - RJ.

O anúncio é veiculado na revista Prana Yoga Journal nas edições 39 e 40, uma das publicações mais importantes do Yoga no Brasil.

Para este anúncio, usamos a técnica do "alltype" para transmitir toda a informação sobre o curso, no título do anúncio, evitando assim o tradicional texto de apoio ao título.
Com variações de corpo de letra e uso de cores, escolhemos a Myriad Pro - Open Type, destacamos em amarelo as informações principais. As demais informações receberam a tonalidade de verde e bege para criar um segundo plano. Foi definida uma largura e tudo foi alinhado de forma justificada.

A escolha das fotos fornecidas pela Sheila Quinttaneiro foi decisiva na força de comunicação do layout do anúncio. A imagem principal, uma variação da posição do Guerreiro, sugere toda a linha de ação e dirige o olhar de quem vê o anúncio, para as informações. Foi feito um corte na foto para deixar o espaço necessário para o texto à esquerda.

Fotos complementares menores, de outras posições de Yoga, reforçaram a mensagem do anúncio.

Saiba mais sobre criação de anúncios - w3maker.com.br

Revista Forças Armadas - Relatorio SEO 18.05.2010

2010-05-18T09:55:00.007-03:00

Relatorio SEO 18.05.2010

Veja mais apresentações da w3maker.

Primeira página do Google - Metas atingidas, com o posicionamento do site da Revista Forças Armadas na primeira página de resultados de busca orgânica do Google. Um aumento significativo de 78% no número de visitantes únicos foi registrado no 3o. bimestre, desde a implantação do SEO.

LA&CCC 2010 - Sucesso total

2010-05-17T11:21:00.017-03:00

Realizado no Sheraton Hotels & Resorts Rio de Janeiro entre os dias 4 e 6 de maio de 2010 o LA&CCC 2010 da SES World Skies, teve sua comunicação visual desenvolvida pela w3maker.

Além da criação do Hot Site para o evento que funcionou para divulgação e inscrições/reservas para o evento, a w3maker cuidou de toda a comunicação visual, sob a coordenação do Sr. Hamilton Carrilho da empresa SarahTur, organizadora do evento.

Do crachá ao painel de 4.00 x 2.80 m para o salão de convenções, foram diversas peças seguindo os padrões do manual de identidade corporativa da SES World Skies, utilizando uma imagem de vista aérea do Rio de Janeiro.

O destaque dos itens de comunicação, foi o Manual do Evento, que serviu de apresentação da conferência, com uma carta da vice-presidente de vendas para a América Latina e Caribe, Dolores Martos; portfolio de boas vindas ao Rio de Janeiro e Agenda de todo o evento.

Seguindo a mesma linha gráfica, foram desenvolvidas placas e banners de sinalização para o saguão do Sheraton, área de recepção dos participantes e restaurante.

A comunicação visual do LA&CCC 2010 teve a direção de arte e produção das artes finais digitais a cargo de Marcio Goldzweig da w3maker.

E, para fechar com chave de ouro, o reconhecimento pelo "great job" da Gerente de Marketing para a América Latina e Caribe, Maria-Marta Andrade.

Para saber mais sobre comunicação visual e hot sites visite w3maker.com.br

Folder Monitoramento Remoto - Hidromec

2010-03-19T11:21:00.001-03:00

A w3maker está trabalhando no layout do folder de "Monitoramento Remoto de Estações Fluviométricas - com transmissão via GSM/GPRS e Satélite" para a Hidromec.
O layout utiliza ilustrações e conceito de tipografia com diferenças de corpo de letra para os títulos; foi apresentado ontem para os diretores Marcio e Bruno.

Utilizando imagens de alto impacto visual, tem por finalidade apresentar de forma breve o sistema de monitoramento da Hidromec em feiras e eventos do segmento de Hidrometria, Meteorologia e Hidrologia.

Alguns detalhes do layout:

Em breve o projeto completo.

Saiba mais sobre criação de catálogos, folders e material de comunicação: w3maker.com.br

2010-03-17T17:58:00.001-03:00

As fotos no Mapa - http://bit.ly/9kQ6MT

2010-03-17T17:56:00.001-03:00

Minhas fotos selecionadas para o Google Earth - http://bit.ly/dalwqB

Minhas 10 mais no Dreamstime

2010-02-12T09:42:00.003-02:00

Trabalho com um site que representa ilustradores e fotógrafos de todo o mundo onde sou artista exclusivo desde 2006, o Dreamstime.

O site é um banco de imagens onde minhas ilustrações e fotografias são comercializadas em sistema de "royalty free" ou seja, você pode adquirir o direito de utilização das imagens para veiculação em sites, folhetos, catálogos, displays, etc. Uma mesma imagem pode ser comprada por vários usuários ou podem ser adquiridas com exclusividade e, neste caso, são retiradas do portfolio de exibição.
O princípio básico é: "Se você possui a imagem em alta resolução (original), isto lhe garante o direito de uso, de acordo com a modalidade de compra efetuada".
Os valores das imagens começam na casa de US$ 1.00 para os formatos menores, passando por US$ 50.00 nas licenças extendidas para uso em impressos nos formatos de alta resolução e podem chegar a US$ 2,000.00 pela venda dos direitos de exclusividade.

Meu portfolio é composto por mais de 500 imagens, entre ilustrações, ilustrações hiperealistas, desenhos vetoriais, bases para cartões de Natal, texturas e fotografias, todas em alta resolução.

Conforme as imagens vão sendo compradas, é computado o número de downloads de cada uma e, um nível é atribuído a cada imagem; quanto mais downloads, maior o seu nível e maior o seu valor para compra.

As imagens são oferecidas em vários formatos: JPG, TIFF e EPS (Vetor). O Dreamstime avisa o artista quando algum cliente procura por uma imagem no formato vetorial e este não está disponível no site, assim é possível enviar o arquivo para atender ao comprador.

Neste período, minhas 10 imagens mais vendidas, acumularam 482 downloads e servem de termômetro para que eu possa produzir mais imagens com os temas mais procurados.

A imagem mais vendida acumulou 99 downloads até agora.

Ainda não dá para viver da comercialização das imagens, mas os valores mensais obtidos com a venda das minhas ilustrações e fotografias, circula pelo PayPal e serve de moeda para investimento em projetos de web e divulgação de meu trabalho em sites internacionais, além é claro da compra de imagens de outros artistas do Dreamstime, para ilustrar sites que desenvolvo.

Visite o Dreamstime - CLIQUE AQUI

Rio by my Cell

2010-02-06T10:17:00.008-02:00

Rio by my Cell é ao mesmo tempo um trocadilho e um exercício do olhar sobre o Rio de Janeiro. Tudo que eu queria era carregar no bolso uma câmera digital que não incomodasse. Finalmente meu celular Sony Ericsson - com uma Cybershot de 3.2 Mega Pixel, resolveu o problema.

Com ele, em minhas caminhadas, passeios, visitas a clientes, vou registrando os visuais do Rio de Janeiro, sob os mais diversos ângulos. Sem grandes pretensões e quase nada de Photoshop...

Landing Page - Cursos de Ayurveda - Shiva Studio

2010-02-03T14:03:00.004-02:00

Atualmente uma campanha publicitária não pode deixar de considerar a internet como veículo.
Um dos melhores meios para veicular uma campanha na internet é através do uso de Landing Pages ou Páginas de Aterrissagem [1] - [2].
Os resultados obtidos através deste recurso podem ser bastante satisfatórios em relação ao investimento versus o número de visitas que uma landing page recebe.

A w3maker acaba de colocar no ar a landing page para oferta e venda de Cursos de Formação em Ayurveda e Yoga 2010/2011 para o Shiva Studio.

Focada exclusivamente nas palavras chave - "Cursos, Formação, Ayurveda, Yoga e Rio de Janeiro" a landing page foi instalada como página "index" e através dos seus links, dá acesso direto às páginas com os programas dos cursos oferecidos.

Como complemento, existe um link com informações didáticas sobre Ayurveda que se utiliza de um recurso simples de Javascript exibindo uma camada com textos. O link de entrada para o site do Shiva Studio fica em evidência.

O "call to action" é medido individualmente para cada um dos 4 cursos oferecidos através do Google Analytics, o que permitirá a coleta de dados para cada programa de formação.

Para saber mais sobre Landing Pages - CLIQUE AQUI

Download de Apostila sobre Landing Pages - CLIQUE AQUI

Onda Azul - Parte I

2010-01-28T19:14:00.002-02:00

É engraçado observar como as coisas coincidem.
Como diz a letra da música:
"A vida vem em ondas
Como um mar
Num indo e vindo infinito"
Dentre os projetos mais recentes que a w3maker está desenvolvendo, quatro deles chamam a atenção por um pedido em comum feito nos briefings de nossos clientes - "usar a cor azul".

O primeiro deles, trata-se da criação do hot site para o 17th International Microscopy Congress que será realizado no Rio de Janeiro de 19 a 24 de setembro de 2010.

O evento tem a organização de logística da Sarah Tur, que na pessoa do Sr. Hamilton Carrilho, nos encomendou o hotsite.

Como atrativo e ferramenta de destaque para os conteúdos do site, foi utilizado logo abaixo do menu de navegação um componente escrito em jQuery, o Easy Slider que faz deslizar da direita para a esquerda, imagens e informações importantes para os que pretendem participar do evento.

Aliás, não é um mero evento, será um congresso para 3.000 cientistas e pesquisadores de vários lugares do mundo e que tem como chairman o Prof. Dr. Guillermo Solórzano - DEMa - PUC-Rio - Departamento de Engenharia de Materiais. O evento é realizado a cada quatro anos com apoio da Federação Internacional de Sociedades da Microscopia (IFSM) é o fórum mundial da microscopia nas fronteiras de pesquisa e aplicações em Ciências de Materiais e em Ciências de Vida. A Sociedade Brasileira de Microscopia e Microanálise (SBMM) é a organizadora oficial do congresso

O hotsite criado pela w3maker foi aprovado de primeira pelos Sr. Hamilton Carrilho e Prof. Dr. Guillermo Solórzano.

Para ajudar na criação e sugerir a ambientação apropriada, foram adquiridas fotografias no Dreamstime. A imagem principal, de um microscópio, foi utilizada no cabeçalho da página e na barra lateral direita.

A cidade do Rio de Janeiro deveria ser evidenciada no layout, então uma silhueta do Corcovado foi desenhada no formato de ilustração vetorial e aplicada como marca d'água na barra de títulos das páginas.

Uma característica importante que foi levada em conta na elaboração da programação, foi a criação de um código totalmente amigável aos mecanismos de busca e que passou na Validação do W3C.

Feito isto, o conteúdo interno foi desenvolvido a partir das informações fornecidas pela Sarah Tur.

Página de "Local Tours"

Uma das solicitações que o projeto contempla é um extenso formulário de reserva de hotel, passeios turísticos e demais eventos paralelos ao congresso.

Página de "Reservations"

Por se tratar de um evento de grande porte, hospedar 3.000 pessoas é uma tarefa que exige uma grande oferta de quartos em diversos hotéis que atendam a um padrão compatível com a magnitude do evento.

Para isso foi criada uma seção no hot site com ofertas de outros hotéis na cidade, além do Windsor Barra Hotel que sediará o evento e hospedará alguns de seus participantes.

Nesta seção, chamada "Other Hotels" o desafio da w3maker foi o de integrar uma tabela de preço de 17 opções de hotéis, com um pequeno resumo com foto de cada um dos hotéis oferecidos.

A solução encontrada, novamente passou pelo jQuery e, neste caso utilizamos o componente Clue Tip 1.0.6 que permite a abertura de uma página externa em estilo pop up, a partir do link no nome de cada hotel, com as respectivas informações.

As páginas são ativadas com o passar do mouse sobre os links e permanecem abertas até que o usuário clique no botão de fechar. O componente tem sua interface totalmente controlada via CSS e o seu funcionamento pelos scripts do jQuery.

O hot site tem uma arquitetura da informação clara e objetiva, no sentido de facilitar e promover o acesso a todo o seu conteúdo.

Para visitar o hot site - CLIQUE AQUI

E, como foi dito no começo deste post, mais três outros projetos de sites na cor azul estão vindo por aí, mas isto á assunto para Onda Azul - Parte II, Parte III...

Para saber mais sobre hot sites- Visite w3maker

Design Democracy

2010-01-22T19:50:00.004-02:00

SEO e Posicionamento - Revista Forças Armadas

2010-01-19T21:42:00.002-02:00

A w3maker concluiu com sucesso a primeira etapa dos serviços de posicionamento do site da Revista Forças Armadas.
Decorridos 35 dias após a otimização do código fonte, utilizando o componente Joomla SEF (Search Engine Friendly), o site já aparece na primeira página de resultados de buscas com algumas palavras chave.
O componente Joomla SEF transforma as URLs geradas dinamicamente no PHP em endereços amigáveis, com termos que atendem aos propósitos de indexação de palavras chave.

O percentual de visitantes que encontram o site através dos buscadores (21%) ainda é baixo, mas para esta primeira fase, é um número bastante expressivo.

Alguns exemplos de buscas que já retornam com resultados na primeira página:

- Palavras chave: forças armadas aeronáutica

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 5ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&q=for%C3%A7as+armadas+aeron%C3%A1utica&meta=&rlz=1I7ADFA_pt-BR

- Palavras chave: revista aeronáutica

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 4ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&rlz=1I7ADFA_pt-BR&q=revista+aeron%C3%A1utica&meta=&aq=f&oq=

- Palavras chave: forças armadas

- Busca efetuada em – 19.01.2010
- Buscador: google.com.br – Método de pesquisa: toda a web
- Resultado: 1a. Página – 5ª. Posição
- Link: http://www.google.com.br/search?hl=pt-BR&rlz=1I7ADFA_pt-BR&q=for%C3%A7as+armadas&meta=&aq=f&oq=

Com estes resultados e a análise fornecida pelo Google Analytics, a otimização do site seguirá para a segunda etapa, onde alterações nas Meta Tags, no arquivo Robots.txt e no Sitemap serão feitas para melhorar o posicionamento.

Nesta fase, um trabalho de ampliação dos links externos será iniciado, com o intuito de aumentar o Page Rank do site que hoje é 3 de 10

Um site bem posicionado é a garantia do retorno do investimento e a abertura de um canal de captação de novos negócios.

Para saber mais sobre SEO e Posicionamento de sites, visite w3maker

Logomarca, Logotipo... a w3maker tira de letra

2010-01-15T13:56:00.002-02:00

Na reunião de briefing para a criação da logomarca e da identidade visual da nova sorveteria "premium" que será inaugurada no Shopping Città América - Rio de Janeiro, nosso cliente Alexandre Kepler Neitzke, não tinha ainda uma definição do nome.
Em conversa informal sugerimos, em tom de brincadeira, "SORVETTI" já que se trata de uma sorveteria artesanal italiana. O tom de brincadeira deveu-se ao fato de acreditarmos que este nome não estaria disponível por exemplo, para o registro de domínios na internet.
Para nossa surprêsa, os domínios estavam disponíveis para registro nas extensões .COM, .COM.BR e .NET e foram imediatamente registrados. O registro junto ao INPI foi orientado pela w3maker e um freelancer foi contratado para dar entrada no processo, acompanhar e cuidar de toda a documentação.

Na criação de uma logomarca, o desafio sempre é desenhar um símbolo que indique logo à primeira vista, qual o ramo de atividade, independente do que estiver escrito no logotipo.

Temos por hábito fazer esboços a lápis, antes de partir para o computador. As idéias foram surgindo com traços gestuais focados na letra "S".

Imediatamente vimos que a letra "S", trabalhada de forma mais "orgânica" sugeria o movimento da massa de um sorvete. BINGO!

Surgia ali o símbolo que não deixará dúvidas de que estamos falando de "Sorvete".

Próximo passo, associar uma tipologia, já no computador. Antes porém, o traço da letra "S" foi aprimorado, digitalizado e vetorizado, para se associar ao estudo de fontes de letras.

Percebemos, ao finalizar a vetorização, que embora a imagem do sorvete simbolizada pela letra "S" fôsse bastante evidente, faltava movimento e personalidade. Adicionamos então, linhas ao estilo de movimento dos "cartoons" e luzes que conferiram volume ao símbolo.

Foram apresentadas três opções de tipologia associadas ao símbolo, compondo a logomarca e, o Alexandre e o Celso Katsumata, aprovaram a versão a seguir:

Por se tratar de um produto que terá sua versão "Premium" a logomarca receberá como formato opcional, a aplicação desta palavra, em tipologia manuscrita, agregada ao conjunto.

A escolha das cores tem uma associação por derivação de tonalidades, com as cores da bandeira italiana (vermelho, branco e verde).

A silhueta da letra "S", já nos estudos a lápis, sugeriu a criação de um padrão decorativo que será utilizado em elementos tais como embalagens, cardápios, uniformes, balcões e etc.

A loja Sorvetti está em fase de construção, o projeto visual está em fase de detalhamento. A aplicação correta da logomarca será definida através de seu Manual de Identidade Visual.

Situações corretas e incorretas, dimensões, definição de tamanhos mínimos, de escalas de cores para impressão gráfica, cores de tela e alfa decimais para internet, aplicações em uniformes, utensílios e muito mais estão catalogadas no Manual.

Para saber mais sobre criação de logomarcas, visite w3maker.

2010-01-12T21:46:00.001-02:00

http://bit.ly/w3maker_pac
Mais um projeto da w3maker - desta vez, uma apresentação multimídia do PAC Social para Ruth Jurberg da RJPlan.

Apresentação multimídia - w3maker no PAC

2010-01-12T21:22:00.005-02:00

Uma das facetas to trabalho da w3maker é a criação e elaboração de apresentações multimídia utilizando recursos de animação em Flash.

Fechamos o ano de 2009 com um projeto executado para Ruth Jurberg da RJPlan, coordenadora da área social do PAC, sobre a sua atuação no censo, trabalho social e regularização fundiária nas comunidades do Alemão, Manguinhos e Rocinha no Rio de Janeiro.
A apresentação visava destacar dados e imagens a respeito do trabalho social realizado e foi utilizada em apresentações para o vice governador do Estado do Rio de Janeiro, Luiz Fernando Pezão, para o Ministério das Cidades, Bienal Internacional de Arquitetura em São Paulo e Caixa Econômica, onde seu projeto recebeu premiação em Brasília.

A partir de imagens fornecidas da documentação do trabalho do censo e do arruamento das comunidades, fizemos a partir dos mapas obtidos no Google Maps a localização de cada projeto.

Por se tratar de uma apresentação breve, o número de telas foi calculado para a duração aproximada de 40 minutos, intercaladas com a locução da Ruth. Os dados, mapas e estatísticas do trabalho foram projetados para aparecer na tela ao comando de cliques sobre as áreas sensíveis.

Para maior agilidade no processo de construção da apresentação, o projeto teve seu conteúdo todo publicado em nuvem. Um arquivo compartilhado foi criado no Google Docs e serviu de roteiro para todas as pessoas da equipe da Ruth Jurberg que participaram do desenvolvimento do conteúdo. Ao mesmo tempo este arquivo foi o "ponto de encontro", onde inclusões e ajustes foram publicados. Através do FTP do site da RJPlan, as telas da apresentação foram publicadas para aprovação conforme ficavam prontas.

Para saber mais visite w3maker

Mural Virtual de Natal

2009-12-22T15:04:00.013-02:00

É costume nas empresas, fazer um mural de natal com os cartões recebidos de clientes, fornecedores e amigos.
Como a w3maker atua no mundo virtual, utiliza a computação em nuvem, cria e produz web sites, resolvemos fazer então o nosso Mural Virtual de Natal e de Ano Novo.
O primeiro é o nosso cartão de natal e os demais, de clientes, fornecedores e amigos!

2009-12-18T11:21:00.001-02:00

http://bit.ly/8KIjJc - O site da w3maker recebeu a menção honrosa do júri do CSS Awards!

w3maker entre as feras do CSS

2009-12-18T10:11:00.003-02:00

Acabamos de receber a notícia de que o site da w3maker foi contemplado com a Menção Honrosa do CSS Awards! Estamos entre as feras mundiais do CSS!
E o que é melhor, concorrendo ao "Site do Dia".

O CSS Awards é uma galeria dos sites de maior prestígio no mundo, criados com CSS - para quem não sabe, CSS é a sigla em inglês de "Cascading Style Sheet" ou "Folha de Estilos em Cascata", que é um conjuto de comandos que definem os estilos para todos os elementos da montagem e do layout de um site.

Um júri internacional composto pelos mais renomados designers, agências de internet e blogueiros julgam e premiam os melhores sites feitos com CSS.

O diferencial do layout do site da w3maker é que foi concebido e construído como uma "landing page" (página de aterrissagem), fugindo completamente dos padrões de um site convencional. Exibindo explicitamente o conteúdo "criação de sites".

Um dos destaques da criação do site w3maker é o menu de navegação, totalmente desenhado usando declarações de CSS para a tipografia e o alinhamento dos elementos gráficos. Composto de duas listas simples, com declarações individuais para cada elemento de texto.

A chamada principal do site, inspirada no estilo dos layouts publicitários "all type", foi construída com variações de tamanhos de fontes, cores e com o uso de capitulares para destacar cada palavra; também foram utilizadas as "tags" H1 e H2 que funcionam como "chamarizes" para os robôs de busca. No mais, uma sutil sobreposição de camadas e posicionamentos, conferiram movimento para um elemento que a maioria dos designers só consegue no Photoshop, gerando uma imagem do texto.

Simples assim, mas com forte relacionamento de recursos de CSS.

O elemento de apoio, uma ilustração de um balão de quadrinhos sobreposto a uma colagem de códigos HTML, cumpre a função de informar sobre a experiência da w3maker com criação de sites, que vem desde os primórdios da Internet comercial no Brasil, no entanto o texto, que parece fazer parte da ilustração, é outra montagem comandada pelo CSS.

Por se tratar do site de portfolio da w3maker, não poderia deixar de apresentar uma galeria de imagens com os sites desenvolvidos para seus clientes. Utilizando o componete "Lightbox" que igualmente é todo definido e montado a partir de declarações em CSS.

Agora fica a nossa torcida para que o site da w3maker seja eleito o site do dia do CSS Awards e com isso ganhe evidência entre os melhores do CSS mundial.

In CSS we trust!

Para saber mais sobre criação de sites com CSS e conhecer nosso portfolio viste: w3maker

Campanha de Comunicação para Hidromec

2009-12-12T08:12:00.047-02:00

A w3maker acaba de entregar uma campanha de comunicação integrada para a Hidromec, empresa que fabrica e comercializa equipamentos hidrométricos, sedimentométricos e meteorológicos, além de prestar serviços de monitoramento ambiental via satélite.

A campanha foi composta de:
- criação do novo site,
- fotografia de produtos,
- produção de catálogos de produtos,
- banners para feiras e exposições.

O briefing e o acompanhamento das etapas de criação e produção ficaram a cargo dos diretores da Hidromec Marcio Oliveira e Bruno Pires.

Para a criação do site a w3maker trabalhou com os elementos da natureza - água e ar - que são o foco da Hidromec tanto nos produtos quanto nos serviços. O resultado foi uma ilustração, com montagem fotográfica de imagens adquiridas no Dreamstime, que aparece no topo de todas as páginas.

A combinação dos elementos partindo da cor azul da logomarca, utilizando transparências e uma escala de medição, serviu para criar os elementos de identificação do segmento de atuação da Hidromec, não deixando dúvidas para quem entrar no site, que se trata de uma empresa que trabalha com produtos voltados para hidrometria e meteorologia.

Seguindo a linha da simplicidade, foi criado um "framework" para o desenvolvimento do site em Joomla. Por se tratar de uma estrutura com muitas páginas de conteúdo, foi necessário criar um menu de navegação com vários níveis para a apresentação dos produtos da Hidromec.

A escolha do Joomla como sistema de gerenciamento de conteúdo se deu pelo fato de que a Hidromec promove constantes atualizações na sua linha de produtos.

Tendo em vista a necessidade de facilitar o acesso dos usuários ao conteúdo do site, a w3maker optou por instalar um componente de geração automática de Mapa do Site, o xMap, que se encarrega de montar dinamicamente, a cada nova seção ou página criada, a página de Mapa - sem necessidade de atualizações manuais.

Para a exibição de produtos, distribuidos por diversas seções do site, foi instalado um compontente em Ajax, o "slimbox" que trabalha com uma camada virtual entre o servidor e o computador do usuário, agilizando o tempo de carregamento das imagens, a partir do clique nas miniaturas para ampliá-las.

A w3maker responde também pela fotografia dos produtos; por se tratar de itens pesados e de difícil manipulação, um estúdio fotográfico foi montado na Hidromec para registrar em alta definição, mais de trinta produtos. Em seguida as fotografias receberam um tratamento para correções de cores e recorte de fundos. Alguns resultados deste trabalho podem ser vistos a seguir.

A administração dos recursos de gerenciamento de conteúdo do site é personalizada e atende aos requisitos de agilidade e praticidade na manutenção.

Para a produção gráfica dos catálogos a w3maker desenvolveu layouts e artes finais para os produtos automáticos de sedimentometria em formato A4 e impressos frente e verso.

Complementando a comunicação da empresa, foram produzidos três modelos de banners no formato 0,80 x 1,20 m impressos em lona, para utilização em feiras e exposições que a Hidromec participa.

A campanha para a Hidromec não se encerra por aqui, estão programados e contratados com a w3maker a reformulação da interface do site Teleaneel que a Hidromec mantém, com exibição de relatórios de telemetria via satélite para seus clientes e o redesenho da logomarca da empresa.

Saiba mais sobre soluções completas para comunicação integrada:
w3maker.com.br

Tem w3maker no Samba

2009-12-04T09:02:00.026-02:00

Quando alguém "atravessa" no samba, dizem que "tem japonês no samba"... no nosso caso foi o oposto, fizemos bonito, sem atravessar na criação do novo site dos Passistas do Império Serrano - Ginga Imperial então, "tem w3maker no samba"!

A idéia central da criação do site foi trazer a alegria do samba e adotamos um estilo com ilustrações de sambistas e passistas, nossa inspiração foi nos desenhos do grande mestre J. Carlos.

O lápis ficou a cargo do ilustrador Vinicius Silveira, mostramos a ele alguns desenhos de J. Carlos e o resultado pode ser visto a seguir.

Os traços do Vinicius foram vetorizados e colorizados pelo Marcio Goldzweig e o resultado, como nas histórias em quadrinhos, pode ser visto aqui.

Os personagens foram envolvidos por um grafismo de ondas que sugere a evolução e os movimentos do samba, nas tonalidades de verde é claro, que são as cores da Império Serrano.

O resultado pode ser visto no topo da página do site, uma ilustração que transmite alegria e vibração, mesmo sem uma animação, que deixaria o site mais pesado e desviaria a atenção dos internautas para o tema principal, que é o conteúdo - estamos falando de um site com linguagem de web 3.0, onde não há mais espaço para "pirotecnias" e gifs animadas "tremelicando" na página.

A linha da criação dos personagens atende aos propósitos de ilustrar e servir, por exemplo, como marca d'água das fotos que o Marco Alemeida, diretor do site Passistas do Império tira nos ensaios e eventos da Ginga Imperial e nos envia para publicação.

Muitos personagens dos desenhos, ainda não foram publicados, serão colocados no site no lançamento de novas seções, destaques especiais e eventos da Ginga Imperial.

Para a programação, a w3maker adotou o CMS (Content Management System) - Joomla, por se tratar de um site com atualizações frequentes e que requer agilidade neste processo.

Na galeria de fotos do site, que é o ponto alto dos eventos dos Passistas do Império, instalamos o componente Slimbox que utiliza o MooTools, tendo como objetivo agilizar o carregamento das imagens, por que trabalha com uma camada virtual entre o servidor de hospedagem e os computadores dos usuários

A personalização do site foi total e, detalhes como o ícone da barra do navegador não foram esquecidos, um dos personagens teve seu rosto estampado no formato .ico para esta finalidade.

Por estes e outros motivos é que o novo site dos Passistas do Império já está na avenida virtual e pede passagem para disputar o Estandarte de Ouro.

Saiba mais sobre criação de sites: http://www.w3maker.com.br/

Na rota internacional

2009-12-01T10:30:00.002-02:00

Estar bem poisicionado no Google, abre um leque cujas dimensões não se consegue mensurar. Completamos neste mês, 3 anos de presença na primeira página de resultados de busca. Grande parte de nossa captação de serviços é devida ao posicionamento e à qualidade dos serviços que prestamos.

O mais recente exemplo disto é o hot site que acabamos de produzir para o evento internacional que acontecerá no Hotel Sheraton no Rio de Janeiro, o LACCC 2010 - Latin America & Caribbean Customer Conference 2010 em maio do ano que vem. O evento é promovido pela empresa operadora de satélites SES WORLD SKIES com sede em Washington e realizado no Brasil pela Sarah Tur Operadora Turística e de Eventos.

Do hot site, podemos enfatizar a criação com design limpo, o aspecto corporativo bem claro e a arquitetura da informação muito bem definida. Como sempre, procuramos trabalhar dentro dos padrões do W3C e este hot site passou na validação.

Para a animação que apresenta imagens do Rio de Janeiro como convite para o evento, escolhemos uma biblioteca em jQuery, o Easy Slider, que permite o carregamento imediato das imagens, por trabalhar com uma camada virtual entre o servidor e o usuário. Além disso permite a indexação das imagens e seus textos alternativos nos mecanismos de busca.

A diagramação das diversas páginas do site não seguiu um padrão rígido e foi adaptada para cada um dos conteúdos, seguindo apenas um critério estrutural, o que deixou cada páginas com personalidade e muita eficiência na comunicação dos temas.

A utilização de cantos arredondados tanto no layout do hot site quanto nas fotografias, tornou todo o conjunto mais harmônico e agradável.

Para as inscrições e reservas do LACCC 2010 foi desenvolvido um sistema em ASP com base no formulário de reserva do Sheraton Hotels & Resorts - Rio de Janeiro. Os dados preenchidos são gravados no banco e geram um formulário formatado para impressão que é verificado pela equipe da Sarah Tur e posteriormente enviado para o setor de reservas do Sheraton. O sistema é dotado de área de administração onde os formulários preenchidos online podem ser gerenciados.

Para facilitar o acesso dos usuários do hot site ao formulário, foi utilizado um componente em AJAX, o Greybox, que permite que ele seja aberto em uma camada que se sobrepõe a qualquer página.

Toda esta liberdade na criação do hot site, resultou em um trabalho que foi elogiado pelo departamento de marketing da SES WORLD SKIES na pessoa de sua gerente, Maria-Marta Andrade.

O hot site pode ser conferido em: www.sarahtur.com.br/laccc2010

Saiba mais sobre a criação de hot sites: http://www.w3maker.com.br/

Saindo do HD

2009-11-26T08:22:00.005-02:00

Nos tempos da tipografia, quando um livro era produzido, dizia-se que estava "no prelo"; na culinária é comum dizer que um quitute está "no forno" e quanto a um site?
Bem o raciocínio lógico é, está "no hd" e em breve vai "ganhar a web", vai "ganhar o mundo"!
Clara esta analogia, aí vão os quatro projetos de sites criados e desenvolvidos pela w3maker que estão "saindo do hd" em breve:

- Hidromec - Empresa produtora de equipamentos para hidrometria, telemetria via satélite, meteorologia e sedimentometria.

- Kaiserhaus-Birkendorf - Hotel na cidade de Ünlingen-Birkendorf, em plena Floresta Negra na Alemanha.

- Passistas do Império Serrano - Site dos Passistas da Escola de Samba Império Serrano - Ginga Imperial.

- Portal Pouso & Prosa - Portal de Roteiros do Artesanato - Mãos de Minas - Hospedagem, Gastronomia, Artesanato, Monumentos e Cidades Históricas de Minas Gerais.

Para saber mais: www.w3maker.com.br

Landing Page - Viagem à Índia - Shiva Studio

2009-11-21T16:43:00.024-02:00

Para divulgar o pacote de viagem à Índia, realizado todos os anos sob o acompanhamento da professora de Yoga, Sheila Quinttaneiro, foi criada para o Shiva Studio, uma Landing Page com o roteiro da viagem detalhando e ilustrando as passagens mais importantes.

A w3maker adotou o modelo de uma página longa, com um volume de texto que facilita a indexação pelos robôs de busca.

A utilização deste recurso, oferece aos mecanismos de busca um conteúdo rico e grande oferta de resultados semânticos para buscas pelas principais palavras chave relacionadas com a oferta principal desta landing page:
- viagem a india;
- yoga;
- ayurveda;
- meditação;
- curso;
- viagem espiritual;
- sheila quinttaneiro;
- shiva studio;
- rio de janeiro.
Além destas palavras chave o texto apresenta de forma natural e funcional, nomes de cidades indianas, templos, monumentos históricos, aspectos culturais, eventos, deidades e outros que ajudam em buscas, que apontem para o tema da Índia.

Como oferta de informação e conteúdo rico, foram inseridos verbetes retirados da Wikipedia e devidamente creditados com a inclusão dos backlinks. Tais informações expandem a oferta para os robôs de busca, tornando a landing page mais relevante.

Em uma janela popup não invasiva, que não é impedida pelos bloqueadores de popups, foram inseridos textos didáticos e relevantes, que servirão de informação complementar aos interessados em fazer o roteiro da viagem à Índia.

O posicionamento da landing page
A criação desta landing page para o Shiva Studio foi associada a uma estratégia de SEO e posicionamento no Google. A base de dados mundial do Google foi alimentada com com a URL desta página e um conjunto de palavras chave foi adicionado em mais de 50 extensões do buscador.
Esta estratégia visa posicionar a landing page e firmar seu lugar nas primeiras páginas de resultados de busca para os roteiros de viagem à Índia dos anos seguintes, quando o conteúdo será modificado e ampliado.
Para facilitar o trajeto dos "robots" e "spiders" dos buscadores, o código da landing page foi otimizado e validado pelo W3C.
Confira a validação do XHTML - W3C Validator

A w3maker vem atingindo ótimos resultados nos serviços de posicionamento de sites para seus clientes, com uma marca superior a 85% de casos de sucesso em que os sites chegaram à primeira página de resultados do Google, com prazos que variam de 15 a 90 dias em média, dependendo é claro do maior ou menor número de ocorrências das palavras chave.

A landing page Viagem à Índia 2010 atingiu no dia 22 de novembro de 2009 em sua primeira etapa de posicionamento, o 6o. lugar na primeira página de resultados de busca do Google, com as palavras chave "viagem à índia rio", dentre aproximadamente 1.440.000 ocorrências. A tendência é uma melhora de posicionamento com mais tempo e a inclusão de novos conteúdos na página.

A criação da landing page

Sobre a criação e o visual da landing page a w3maker adotou uma linha que se baseia no estilo do site do Shiva Studio, empregando padrões de estamparia indiana como plano de fundo, variando os temas e a intensidade de tom.

Para criar o clima e a ambientação necessários, foram utilizadas fotografias das viagens anteriores fornecidas pela professora Sheila Quinttaneiro e do banco de imagens do Pictures India. A idéia foi espalhar imagens sobre a página, ocupando de forma despojada os espaços vazios do texto, como se o visitante da landing page estivesse vendo fotos tiradas em viagem pela Índia.

Saiba mais sobre criação de Landing Pages e Posicionamento de Sites: w3maker

Criação do Site Karinny Ebrenz com CMS

2009-11-06T10:46:00.001-02:00

Assim como os contos de fadas começam com "Era uma vez...", os posts do nosso portfolio começam com "Mais um site no ar..."
Desta vez foi a criação do site para Karinny Ebrenz Foto Studio.

Karinny é uma fotógrafa e tem seu estúdio em Icaraí - Niterói - fotografa noivas, casamentos, gestantes, bebês e crianças, produzindo belos álbuns para seus clientes.
Sua necessidade: Um site dinâmico, versátil e que permitisse a constante atualização de seu portfolio.
Nossa solução: A criação de um site, utilizando o sistema de gerenciamento de conteúdo (CMS) do Joomla.
Requisitos do projeto: Karinny promove um Concurso entre seus clientes que fotografam no estúdio e precisava de um sistema de votação com recursos de proteção contra votações através do uso programas automáticos.
Nossa solução: Utilizamos na elaboração do site, um componente "captcha" que obriga o usuário a digitar caracteres alfa-numéricos em um campo, antes de clicar no botão de VOTAR.

Os usuários do site podem ver as fotos dos participantes, clicando nas miniaturas para abrir em formato maior e escolher o seu candidato para a votação. Para as galerias de fotos utilizamos um componente "slimbox" que funciona a partir de recursos em Ajax, agilizando o carregamento das imagens e criando efeitos de movimento na abertura das fotos em formato grande.

A galeria de imagens

A imagem carregada em tamanho grande

Em relação ao design, o pedido da Karinny foi que o site tivesse o fundo preto, mas que fosse ao mesmo tempo jovem e alegre.

Para atender a este pedido, utilizamos um fundo com um padrão abstrato onde efeitos de luzes e cores do espectro visível remetem ao tema "fotografia".

Na página inicial, alguns componentes de acesso rápido aos conteúdos internos do site foram utilizados para tornar a "home" mais dinâmica.

Alguns exemplos que merecem destaque são:

Galeria de imagens com transição automática e sincronia de textos, com links para oes respectivos conteúdos. Esta galeria possui ainda miniaturas das fotos, para o caso do usuário do site desejar ver alguma imagem específica.

Ainda com relação ao acesso rápido ao conteúdo interno do site, utilizamos um sistema de Abas para a caixa de "Destaques", onde o compontente funciona a partir do "MooTools". Trata-se de um "slider" de conteúdo que exibe resumos das páginas internas, de fácil configuração permitindo a inclusão de várias abas.

Por se tratar de um site com um conteúdo bastante extenso, utilizamos um sistema de busca em Ajax, que não requer o clique após a digitação dos termos da pesquisa - conforme o usuário digita no campo de busca, as ocorências são carregadas automaticamente em uma camada, com os respectivos links para as páginas internas do site, sem que o usuário precise esperar pelo carregamento da página de resultados de busca.

Outro aspecto muito importante: O sistema de gerenciamento de conteúdo do site Karinny Ebrenz vai permitir que sua equipe apresente sempre as últimas novidades.

Da parte da w3maker, o site foi entregue rigorosamente dentro do prazo combinado, com qualidade e atendimento personalizado.

Como prova deste reconhecimento pela criação de um site bem feito, segue abaixo o email da Karinny, elogiando o nosso serviço.

Saiba mais sobre criação de sites: w3maker.com.br

Novo site Petit et Joli é "crossbrowser"

2009-10-29T11:21:00.007-02:00

Entrou em funcionamento hoje o novo site da Petit et Joli - Gastronomia & Charme.

Mais uma criação da w3maker - totalmente desenvolvido em XHTML, Tableless e CSS é um site "crossbrowser". O site foi testado de forma intensiva e teve seu código adaptado para a correta exibição nos 5 principais navegadores:
- Internet Explorer 7
- Internet Explorer 8
- Firefox 3.5.3
- Opera 10.01
- Google Chrome 3.0
- Safari 4.0.2

Quando o design fala mais alto e os pedidos do cliente exigem um site com um visual diferenciado, surge a necessidade do uso de comentários condicionais para que a aparência seja a mesma em todos os navegadores.

A criação do site partiu de um princípio básico, o portfolio de canapés, doces e ramequins da Petit et Joli deveria ser mostrado na cor "rosa" a preferida da Alexandra Alves, que juntamente com Ethel Kaufmann formam a dupla de produtoras dos mais apetitosos buffets da cidade do Rio de Janeiro.

Para as galerias de fotos dos produtos foi utilizado o Lightbox, um recurso em Ajax (javascript assíncrono) que agiliza o carregamento das imagens, criando uma camada virtual intermediária entre o visitante do site e o servidor de hospedagem. O Lightbox permite ainda a configuração de efeitos de abertura das imagens que não ficam devendo nada aos recursos do Flash e, o melhor disto tudo é que tudo fica "amigável e visível" para os robos de busca.

Na galeria apresentada na seção "Quem Somos" do site, foi utilizada a tecnologia jQuery, um javascript muito mais enxuto e que igualmente possui efeitos de movimento e transparências bastante elegantes.

Para o menu de navegação a w3maker utilizou um recurso simples que integra CSS com uma pequena função em javascript que aciona os submenus na seção de fotos dos produto no site.

A linha geral da criação deste site foi a simplicidade, com linhas curvas, que deixaram o visual mais orgânico e integrado com a proposta de apresentar os produtos da Petit et Joli com muito charme.

Saiba mais sobre criação de sites no Rio de Janeiro

Portfolio - Criação de Sites com CMS, Joomla e Wordpress - Rio de Janeiro

2009-10-07T08:49:00.005-03:00

Portfolio de Sites
Criação de Sites com sistema de gerenciamento "total" de conteúdo.
CMS - Content Management System - utilização do sistema "open source" Joomla, que permite a construção de sites complexos, com diversos recursos tais como, menus dinâmicos e galerias de imagens utilizando tecnologias Ajax e jQuery, que agilizam o carregamento, permitindo inúmeros efeitos de animação.
O sistema torna o conteúdo dos sites totalmente "visível" aos mecanimos de busca para seus "robots" e "spiders", deixando o caminho aberto aos serviços de SEO (Search Engine Optimization) e Posicionamento em Buscadores, através de URL's amigáveis.
Para sites com estruturas básicas o sistema "open source" Wordpress possibilita o desenvolvimento de blogs e sites que permitem ao administrador fazer sua manutenção de qualquer computador conectado à internet - tudo isto sem a necessidade de conhecimentos de código HTML - se você sabe usar o Microsoft Word, vai poder atualizar seu site sem qualquer dificuldade.

Saiba mais em: www.w3maker.com.br

Nem só de sites vive a w3maker

2009-10-05T07:58:00.006-03:00

Na verdade a formação original da w3maker se remete aos conhecimentos de Design Gráfico, Criação de Logotipos e Logomarcas, Comunicação Visual, Projetos de Embalagens e Produção Gráfica.

A entrada para o mundo da internet se deu em 1995, praticamente junto com o seu início no Brasil. Nunca abandonamos os projetos gráficos, mas canalizamos os conhecimentos de diagramação, layout e tipografia do papel como suporte para os monitores do mundo virtual.

Tudo isso para dizer que acabamos de entregar os banners do evento LAWNP'09 - XI Latin American Workshop on Nonlinear Phenomena, que começa hoje e vai até o dia 9 de outubro de 2009 em Búzios, que tem como operadora oficial a Sarah Tur. Foram criados e produzidos dois modelos de banners no formato de 2,00 x 1,00 M; um sobre o evento, com fotos royalty free de Búzios
e outro institucional da Sarah Tur com fotos do Rio de Janeiro, escolhidas a dedo por Hamilton Carrilho, Gerente de Congressos & Eventos da Sarah Tur.
O layout para o banner do evento enfatiza os tons de azul, colhidos a partir dos tons do mar de Búzios, em quadros com cantos arredondados e sobreposições que criam uma dinâmica de comunicação adequada à linguagem de cartaz.
O banner institucional da Sarah Tur, de layout mais sóbrio visa funcionar como "assinatura" para este e outros eventos e sinaliza a origem da operadora com fotos de aspectos do Rio de Janeiro.

Da Cozinha para a Web

2009-09-30T08:52:00.005-03:00

Direto da cozinha de Ethel Kaufmann e Alexandra Alves para a Web, mais precisamente para a "Blogosfera".

Desenvolvido pela w3maker utilizando o CMS - Wordpress, entrou no ar no dia 28/09/09 o blog Petit et Joli. Um canal de comunicação para divulgação dos produtos e eventos realizados pelas sofisticadas "quituteiras" Ethel e Alexandra, que juntas atendem na Petit et Joli.

Totalmente personalizado e com design que segue a tendência do site que está em fase de criação e desenvolvimento o Wordpress foi instalado em diretório "blog" dentro do domínio http://www.petitetjoli.com.br/

Um treinamento básico do backend foi ministrado pela w3maker de forma a permitir que Ethel e Alexandra possam publicar suas novidades e divulgar seus produtos e eventos que realizam no Rio de Janeiro.

A escolha do Wordpress como sistema de gerenciamento de conteúdo se deu, pela facilidade de manuseio e pela rapidez de implantação, que permitiu a sua publicação em 3 dias após a aprovação do layout.

Conheça mais sobre CMS em:

- www.w3maker.com.br/joomla

- www.w3maker.com.br/cms

- www.w3maker.com.br/criacao_sites

Lançada a 4a. Landing Page da w3maker

2009-09-10T21:00:00.009-03:00

Lançada a 4a. Landing Page da ação de posicionamento dos serviços da w3maker, desta vez promovendo os serviços de Criação de Sites - Rio de Janeiro. Campanha de posicionamento regional para a cidade e o estado do Rio de Janeiro.

Nesta data - 10 de setembro de 2009 as Landing Pages de Joomla e CMS já atingiram a primeira posição na primeira página de resultados de busca do Google, dentre mais de 13.000.000 de ocorrências - com as palavras chave "sites em cms rio".
http://www.google.com.br/search?hl=pt-BR&q=sites+em+cms+rio&meta=.

A eficiência da campanha se complementa com a 3a. posição para o Site institucional da w3maker e a 4a. posição para o Blog da w3maker (este).

Imagens e links valem mais do que mil palavras!

Posicione seu site com quem tem experiência no assunto - w3maker

No ar as novas Landing Pages da w3maker

2009-08-29T18:28:00.008-03:00

Como parte da ação de posicionamento dos serviços da w3maker na busca orgânica do Google, foram criadas e publicadas três das oito "Landing Pages" da campanha.

A primeira trata de "Landing Pages" - ambientando, explicando e evidenciando a utilidade e as vantagens da utilização deste recurso para o posicionamento e promoção de produtos e serviços.

A segunda Landing Page demonstra as vantagens da implantação de um CMS - Content Management System ou Sistema de Gerenciamento de Conteúdo em sites corporativos.

A terceira complementa a segunda e apresenta o mais popular sistema de gerenciamento de conteúdo "open source" - o Joomla. Com um breve portfolio de sites elaborados em Joomla e telas do seu administrador, em poucas palavras ficam claras as vantagens de adotar esta ferramenta para se ter um site extremamente dinâmico e versátil.
As aplicações mais comuns são:
- Sites Pessoais
- Sites Corporativos
- Intranets e Extranets
- Portais Corporativos
- Revistas, Jornais e Publicações Online

A linguagem de comunicação de todas é objetiva, abordando os principais pontos de interesse, como deve ser uma Landing Page ou página de aterrissagem.
Para mais informações, as páginas possuem um formulário de contato e um link direto para o site da w3maker, onde portfolios, relações de clientes atendidos, outros serviços e muitas informações podem ser encontradas.

Em breve as outras cinco Landing Pages, que estão em fase de programação e montagem serão publicadas.

Joomla Day 2009

2009-08-21T09:53:00.003-03:00

A w3maker em peso vai marcar presença no "Joomla Day 2009 - Rio de Janeiro - 12 de setembro de 2009.

Mais informações no Site Oficial do evento.

Eh O Cara

2009-05-16T19:58:00.014-03:00

Lançado oficialmente o site do ARG - Eh O Cara. Um desafio que mistura os mundos real e virtual.
Os personagens funcionam como Avatares. Os participantes do desafio poderão escolher um dos seis para serem acompanhados durante o desafio. Os personagens darão dicas e ajudarão os participantes a vencer as etapas do desafio.
Dreaddy, Manu, Pulga, Dejota, Lady e Shirley são as estrelas deste desafio.

D R E A D D Y
M A N U
P U L G A
D E J O T A
L A D Y
S H I R L E Y
Estimulo ao Empreendedorismo

O desafio Eh O Cara visa estimular o potencial empreendedor e será dirigido aos jovens da comunidade do Alemão - Rio de Janeiro. Além do prêmios - 15 iPhones e 4 Notebooks, o desafio vai eleger 4 vencedores que terão uma empresa montada e financiada por 6 meses. Serão escolhidas as melhores idéias através dos planos de negócio. Eh O Cara visa a integração não só dos participantes, como de seus apoiadores e sócios na empreitada.

Visite o site Eh O Cara , cadastre seu nome e e-mail para ficar por dentro deste desafio!

Criação de Mascote - Logomarca com Ilustração

2009-05-08T07:12:00.010-03:00

Mais um trabalho de criação de mascote concluído. Desta vez foi para a empresa "Galinho Refrigeração" de São Paulo, que na pessoa do Sr. Antonio Igor, encontrou nosso site na primeira posição no Google e encomendou o serviço.
A proposta foi: modernizar o mascote que aparece como símbolo na logomarca da empresa. O nome "Galinho" precisava ser associado a uma imagem de força para esta empresa que já atua no mercado de refrigeração há 20 anos. Além do slogan "O bom de briga!" era necessário que o novo mascote apresentasse um corpo mais parrudo do que o atual mascote ou seja um galo em condições físicas para topar qualquer parada.
Nestes casos de criação de mascotes, adotamos o critério de apresentar ao cliente os esboços feitos a lápis, antes de partir para a etapa de vetorização e colorização do personagem. Desta forma os ajustes são feitos sempre a lápis, até a aprovação do traçado final. O primeiro esboço estava longe de ser o ideal e foi recusado. A partir de novas referências fornecidas pelo cliente, definimos um galo mais forte e atlético, com cara de quem encara qualquer parada. Este traço foi aprovado e pequenos ajustes na fisionomia e na aplicação de detalhes de penas pelo seu corpo foram feitos. Partimos então para a vetorização e colorização do desenho "close" pode ser visto a seguir, mostrando detalhes das luzes e sombras. O resultado final da ilustração do mascote fora de sua aplicação na logomarca ficou assim: A aplicalção na logomarca associada ao slogan resultou nesta arte:
Mais um cliente satisfeito com um trabalho executado com critérios e bem definido em todas as suas etapas.

Veja mais em:
http://www.mzweig.com.br/marcio/ilustracoes.htm

Criação é isto!

2009-04-17T10:03:00.006-03:00

Recebi esta peça publicitária na newsletter do Sergio Viriato do "Lá Fora" - de seu site sobre mídia exterior.
Conforme suas palavras:
"Cartazes que me fazem querer ir a Praga e tomar um drink. E, com certeza, apertar a mão do diretor de arte". Direção de criação de Jakub Hanzlicek
Eu apertaria também, a mão do fotógrafo - Bohousek Pospisilu - que soube usar a luz com maestria!

A Campanha é da A Saatchi & Saatchi de Praga para o Bugsy's Bar e é intitulada "Living Cocktails".

Esta peça prova que realmente imagens dizem muito mais que palavras!

Google Suggest

2009-04-15T08:49:00.011-03:00

Muitas vezes me perguntei a respeito da real função do mecanismo "Google Suggest".
A mais óbvia, é agilizar as buscas, ajudando o usuário a encontrar mais rápido o que procura, sugerindo possibilidades.
Mas, realizando algumas buscas específicas, descobri o lado cômico desta ferramenta.
Tomando como exemplo a busca pela definição de web designers, com as palavras chave "web designers are", descobri que o oráculo (Google) elegeu esta categoria de profissionais como as "novas estrelas do Rock", uau! Me sinto agora, ao lado de "Deus" (Eric Clapton) por exemplo; posso me comparar a Mick Jagger ou Paul McCartney (delírios de grandeza - desculpem, criativos, designers e artistas são assim mesmo).

Então, cada novo site que desenvolvo pode ser comparado a hits como "Satisfaction" ou "Let It Be".
Independente de eu ser ou não uma estrela do web design, fato é que esta sugestão do Google prova que existe uma forte corrente indicando por trás da bricadeira, que web designers hoje são indispensáveis para o sucesso da criação de um site ou melhor, para o site entrar na parada de sucessos!

Gostei da brincadeira e resolvi explorar outros conceitos - vejamos o que sugere o Google a respeito de "designers are":

Ôpa! Beleza! Com uma afirmação destas - "designers são destinados a ser amados e não compreendidos" - daqui em diante meus clientes não vão "nunca mais" questionar minhas propostas e meus layouts. Vão aprovar e "amar" de primeira minhas criações! Fim de todos os problemas de refazer layouts - a partir de agora "designer" é designer e "cliente" é cliente - cada macaco no seu galho! O Oráculo (Google) é sábio!

Entrando mais fundo na bricadeira - afinal, já que desci pro play... - fui ver o que o Google sugere para "css is":

Esta é para arrepiar os programadores e web designers: Disparado na frente, com mais de 5 milhões de resultados "css is dead"! Então tudo que aprendi com árduo esforço foi por água abaixo? Calma!
Esta afirmação em alguns blogs diz respeito ao CSS perder a luta na guerra dos browsers - quem conhece CSS, hacks e resets, sabe que estou falando da luta desigual travada pelos web designers usando CSS para "tentar" fazer um site funcionar "mais ou menos" de forma padronizada em todos os browsers.
Mas existe um alento, em segundo lugar nas sugestões do Oráculo aparece "css is poetry" o que nos torna autores de códigos que podem ser interpretados como poemas - nossa! Eu nunca pensei que um "float: left;" ou "display: block;" rimassem entre si ou falassem ao coração, como um poema... mas é o que sugerem os mais de 2 milhoes de resultados.
Isto tudo é brincadeira, mas fica a pergunta: Será que o Oráculo apenas sugere inocentemente, baseado em resultados anteriores ou sábiamente induz você?

Sobre Keywords

2009-04-01T21:32:00.008-03:00

A palavra chave que mais leva visitantes ao site w3maker é "estampas para camisetas".
Curiosamente o público que acessa o site através destes termos de busca, não entra em contato para contratar serviços de ilustração para camisetas, e olha que não são poucos, 51.43% dos novos visitantes do site entram através de "estampas para camisetas".

Logo a seguir, as consultas mais ativas são para criação de sites e posicionamento nos mecanismos de busca.

Ilustração, que é um dos serviços, oferecidos perdeu seu valor. Com a profusão de imagens disponíveis pelo sistema royalty free, clip arts e aquelas imagens que a gente "pode pegar de graça" na web, quase ninguém encomenda ilustrações exclusivas.

Estampas para camisetas são vendidas por aí a R$ 10,00, muitas vezes com o transfer incluso - por esta bagatela, pra que encomendar uma ilustração exclusiva, pagando 30 a 40 vezes mais? E olha que tem gente que acha R$ 10,00 por uma estampa um valor abusivo!

Crise? Que crise?

2009-03-26T20:10:00.007-03:00

Parafraseando o disco antológico do Supertramp - Crisis? What crisis? - lanço a mesma pergunta! Crise? Que crise?
É claro que não se pode achar que nada está acontecendo, como nossos governantes querem nos fazer acreditar.

Mas, fato curioso e até sintomático foi que, logo após a divulgação na mídia da crise que assolou a economia americana e mundial, triplicaram através do web site da w3maker, as consultas para Criação de Sites, SEO (Posicionamento em Buscadores) e de Logomarcas. Deste efeito, houve um aumento de 50% no fechamento de negócios.

A dedução que faço a partir deste fenômeno é que, uma consciência começa a surgir na cabeça de pessoas e empresas, de que é muito importante marcar presença na internet, de forma profissional.

Para os que não possuem o seu web site, está mais do que na hora de abrir sua "vitrine" na internet, afinal estamos há quase uma década no Século XXI e a internet já caminha para sua versão Web 3.0.
Para os que já tem um web site há algum tempo, está na hora de torná-lo uma ferramenta especializada em atrair consumidores. Não dá mais para continuar bancando a hospedagem de sites arcaicos, sem padrões e que servem apenas para seus proprietários exibirem o endereço da página em um cartão de visitas.
Sites hoje, são uma poderosa ferramenta de convergência de negócios que, se bem trabalhados podem em muitos casos suplantar o faturamento de um negócio no mundo real.
A criação de sites vai muito além de montar um catálogo virtual de produtos ou um perfil empresarial/institucional. Existem diversos recursos para dotar um web site de poderes comerciais - ferramentas open sourece de comércio eletrônico, monitoramento estatístico do perfil dos usuários, módulos de interatividade, sistemas de gerenciamento total de conteúdo e muito, muito mais.
Tudo isto, sem falar que web sites podem ser turbinados por ações de e-marketing, campanhas de links patrocinados (SEM - Search Engine Marketing), E-mail marketing, Landing Pages, Call-to-Action, Hot Sites, Marketing em Redes Sociais e outros que tais.

Então, se você ou sua empresa estão esperando a crise passar, por que não comparar a crise com uma estrada livre (seu caminho habitual), onde você trafega (sua empresa) a 100 km por hora e lá na frente um engarrafamento (a crise), você reduz a marcha e pacientemente anda a 20 km por hora até o nó se desfazer. Ora se você tivesse um GPS ligado a um computador de bordo (web site eficiente) no seu carro, teria optado por uma via mais livre e chegaria ao seu destino (meta comercial) muito mais rápido.
Não estamos sugerindo que você seja um visionário, apenas abra os olhos para o futuro que acontece todos os dias quando você acorda e vai para o trabalho.
Seja também como o sujeito da capa do disco do Supertramp...
"Crise? Que crise?"

Informe-se mais sobre Criação de Sites
www.w3maker.com.br