4 em 1

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

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

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

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

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

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

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/