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

Onworks Engenharia e Construção

Onworks Engenharia e Construção


» Portfolio » Web development

OnWorks is a Construction and Civil Engineering company from Viana do Castelo, in the northern part of Portugal. They work with both private and public projects from various entities and their main role is one of a general contractor.

The company wanted a website to help promote their activity, that would allow them to manage all their portfolio, competencies, clients, opinion articles, about pages and also could provide a contact mean for their current and possibly future clients. This means it had to perform well in SEO, and both on the client and server sides.

Development details

Onworks website was developed on top of Joomla, but with custom made extensions and template.

All these extensions were developed for the client, and they all delivered clean markup in the application, as well as, clean Javascript and CSS. This allowed the front-end application to have stripped down to the bare minimum dependencies (excluding JQuery and a single Web-font). This website was not developed on top of a client-side framework, making it perform great with data transport.

The front-end uses dependency lazy loading, making it render even faster on the client-side. The total dependency size (excluding JQuery and Web-font) is less than 55KB, but only 14KB will travel in the page's header.

Progressive thumbnail creation was also included in all the client's extensions, and could be controlled/configured in the extensions configuration panel.

You can test/compare the website's performance in sites like Web Page Tester.

Mobile-ready and SEO

The website had to be mobile-ready. This meant that it had to responde to multiple device sizes, but also, perform well in low bandwidth and traffic networks.

All of Joomla's main components that were still used, were overridden, in order to deliver full semantic markup, and micro-data. Open-graph and twitter card's meta tags were also included in all the content, in order to make it compliant with all the major social-media platforms.