Schermafbeeldingen
LPGas Engineering is een bedrijf voor het ontwerpen, installeren en onderhouden van LPG-systemen.
De website is een zogeheten ‘One Page Design‘, wat betekent dat alle informatie op de startpagina te vinden is. Wanneer u op een menu-item klikt, scrolt de pagina soepel naar beneden naar het relevante gedeelte. Dit kan de gebruikerservaring aanzienlijk verbeteren, aangezien een bezoeker niet hoeft te wachten op het laden van een afzonderlijke pagina: alle informatie is onmiddellijk beschikbaar.
Er is echter één nadeel: aangezien er slechts 1 pagina is, is er ook maar 1 mogelijkheid om te worden geïndexeerd op Google. CamboDesign verhelpt dit door de secties van de startpagina te laden vanaf afzonderlijke pagina’s, die kunnen worden geïndexeerd.
Een één-pagina-ontwerp kan leiden tot een extreem lange startpagina. Niet in het geval van LPGas. We hebben een paar dingen gedaan om alle informatie te tonen, zonder dat die veel ruimte in beslag neemt. Bijv. de ‘kernwaarden’ van LPGas. Wanneer u op een knop in het linkerdeel klikt, verschijnt de relevante informatie via AJAX in het paneel rechts (schermafbeelding 1).
Een ander voorbeeld om ruimte te besparen is iets verderop, in het gedeelte ‘Werk’. Dit is een zogeheten ‘masonry’ lay-out met foto’s van voltooide projecten (schermafbeelding 2). Wanneer u op een afbeelding klikt, verschijnt een pop-up met meer foto’s en informatie over het project (schermafbeelding 3).
Zoals met al onze ontwerpen is de website natuurlijk responsief, wat betekent dat deze zich automatisch aanpast aan schermafmetingen en gemakkelijk toegankelijk is op alle apparaten, waaronder tablets en smartphones. Merk op dat de ‘Core Values’-panelen op mobiele telefoons onder elkaar staan. Ook de ‘masonry’ layout verandert naar gelang de schermgrootte (schermafbeelding 4).
Zie de website: lpgas.asia
Technieken & Functies
- AJAX
- CSS3
- EEN-pagina-layout
- Foto's pop-up
- HTML5
- jQuery
- masonry-stijl
- Responsive