Onworks Engenharia e Construção
Onworks Engenharia e Construção

Onworks Engenharia e Construção

Onworks Engenharia e Construção


» Portfolio » Desenvolvimento Web

A OnWorks é uma empresa de Engenharia e Construção Civil, situada em Viana do Castelo. A actuação da empresa recai tanto em obras públicas como privadas, e o seu papel é o de Empreiteiro geral.

A empresa necessitava dum site para promoção da sua actividade, que lhes permitisse gerir todo o seu portfolio, competência, clientes, artigos de opinião, textos sobre a empresa, mas que pudesse também fornecer uma nova forma de contacto aos seus clientes actuais e futuros. Isto implicaria necessariamente que o site tivesse um bom desempenho em SEO, e também do lado do cliente e servidor.

Detalhes do desenvolvimento

O site da Onworks foi desenvolvido em cima do Joomla, mas com extensões e template desenvolvidos à medida do cliente.

Todas estas extensões foram desenvolvidas para o cliente, e todas elas retornam markup limpo na aplicação, bem como também, Javascript e CSS. Isto permitiu que o front-end da aplicação fosse desprovido de dependências até ao mínimo (excluíndo JQuery e uma única Web-font). O site não foi desenvolvido em cima de uma Framework de cliente, fazendo com que ele tenha um melhor desempenho ao nível do transporte de informação.

O front-end usa lazy loading para as suas dependências, o que faz com que a sua renderização seja ainda mais rápida do lado do utilizador. O tamanho total das dependências (excluíndo JQuery e Web-fonts) é de menos de 55KB, mas apenas 14KB são transportados com a página.

A funcionalidade de criação de thumbnails progressivos também foi adicionada às extensões do cliente, e é totalmente configurada/controlada pelo cliente no painel de configuração das extensões.

Pode testar/comparar o desempenho do site, em sites como o Web Page Tester.

Mobile-ready e SEO

O website teve de estar preparado para dispositivos mobile. Isto quer dizer que não são deve responder a várias dimensões de ecrã, como desempenhar bem em ligações com limitações de largura de banda e/ou tráfego.

Todo o output dos componentes principais do Joomla, que ainda foram usados, foi rescrito de forma a entregar markup totalmente semântico e micro-data. Open-graph e Twitter cards também foram usados no cabeçalho da página, e incluídos em todas as extensões, de forma a que o site esteja em conformidade com as maiores redes sociais.