Grualta

Crane rental

A crane hook that draws a G. Machinery yellow on asphalt.

#f4b400#202428#ffffff

Typefaces: Oswald · Roboto

The brief

In crane rental the brand lives on the job site: on the boom, the cab and the operator's vest. Machinery yellow with asphalt is recognizable from a hundred metres away, and the website answers the only things that matter before calling: capacity, availability and area.

The brand in use

Project sheet

Industry	Crane rental · Industry and construction
Promise	Crane rental with operator, by the day or by project.
Highlights	Fleet by capacity · Operator included · Online availability
Call to action	«Book a crane»
Website	Catalog with the headline «Cranes available when your site needs them»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 15.6:1 · button 8.5:1 (the WCAG minimum is 4.5:1)

Website · Catalog

Cranes available when your site needs them

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,1 KB HTML and CSS
0 JavaScript libraries
5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#ffffff;
  --tinta:#202428;
  --acento:#f4b400;
  --tinta-boton:#202428;
  --oscuro:#202428;
  --sobre-foto:#ffffff;
  --titulo:'Oswald',Georgia,serif;
  --letra:'Roboto',system-ui,sans-serif;
  --radio:14px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Booking app with a fleet calendar and availability by capacity.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

Someone asks for a slot by WhatsApp or the site
The agent asks the questions and offers free times
The booking enters the calendar with a reminder
If unconfirmed, it follows up and frees the slot