Do layout ao site pronto
Autor: Marcio | Publicado: 2011-05-02T22:35:00-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