Website • UI/UX • Branding Agency
Contact Us

GravixPoint: a case study by LAIN

A three-page website and a nine-slide Instagram carousel for GravixPoint, a construction and engineering company: an octagonal G, tiles and cards cut at the corner, line drawings for each service and one signal orange on concrete grey.

What we made

  • Website design
  • Construction website
  • Social media design

On Dribbble

See all works or start a project with LAIN.

Home · About · Works · Lab · Contact · FAQ · Privacy and cookie policy

GravixPoint is a construction and engineering company working on commercial buildings, industrial sites and infrastructure. The brief was a website that proves the company the way it works: exact, load-bearing and free of decoration, with the buildings themselves, concrete and steel taken to grey, doing the persuading.

GravixPoint

Construction and engineering

Website design, Instagram carousel

2026

A builder's site,
drawn like a plan.

Construction is sold on precision, so the site is built the way a drawing is: a hairline grid under everything, boxes with their corners cut at forty-five degrees, small labels in a plain mono type and one signal orange kept for what can be pressed or counted.

The photographs of concrete, glass and steel are taken to grey so that the orange and the line drawings have the colour to themselves. Three pages carry the company: the home page, the projects and the services.

One cut corner,
repeated.

The G sits in an octagon: a square with every corner cut at forty-five degrees by the same amount. The cut is the idea. The tiles, cards and panels of the site are cut the same way, so the logo reads as the first of them.

  1. A square and its centre lines set the ground.
  2. Each corner is cut at forty-five degrees, by about a quarter of the side.
  3. A round counter and one bar open the G, and the shape is filled.

Orange on
concrete.

One warm orange does the signalling and everything else is neutral: charcoal for the heavy blocks, a warm paper for the pages and a mid concrete grey for the statement panel. It is the only colour on a site otherwise made of grey photographs.

The mark on paper, on orange and on charcoal

Signal

Blocks

Pages

Panels

Set out,
then raised.

Every job starts on the ground, and the site is drawn the same way. A grid is laid and pegged, the footprint is drawn between its axes with every bay measured, and a ten storey building is raised on it floor by floor under a crane. Move the pointer over the plan to read a grid reference, and over the finished building to turn it.

A grid of 7.2 m bays is laid on the ground and pegged where its lines cross.

The footprint is drawn between the axes: a podium, the tower that stands on it and a central core, each bay measured.

Columns climb and slabs are cast floor by floor while the crane keeps pace, then the glazed facade is hung behind them.

The roof is closed, the crane lifts away and every level is marked. The orange stays for the signboard.

Cut corners, hairlines,
one orange.

The home page is a short catalogue of the same few parts: orange tiles with their figures, a grey panel with a cut foot, a card with a line drawing for each service and a list that opens onto a photograph. Everything is cut the same way.

Four figures in orange tiles, beside a grey statement panel with a cut foot

Commercial construction

Industrial projects

Infrastructure development

Project management

Principles as a list that opens onto a photograph

A drawing
you can scroll.

Three pages on a warm paper ground. Each opens on a photograph with a block of orange cut into its corner, then runs as a stack of labelled sections divided by hairlines, with the sector named on a small tab wherever there is a picture.

A concrete building under an orange panel, four figures, the services as drawings, principles, projects and a closing call.

A filterable grid of six projects, the experience in four figures and a sliding strip of selected work.

The services as a list that opens, commercial and industrial sections that split picture and copy, and a close on project management.

The page,
piece by piece.

The same few moves everywhere: a photograph cut at the corner, a block of orange or charcoal beside it, rows divided by hairlines and a small orange button. Here are the pieces, cut from the pages.

The first screen: a concrete building, an orange panel cut at its corner and the promise in one line

Projects: cards with a cut foot, the sector in a tab and a plus to open them

Services as a list that opens, here on planning and feasibility

Commercial construction: a photograph with a drawing on it beside the list of what it covers

Industrial development: the same split, turned round

The close: the mark again, large, on orange

Nine slides,
one swipe.

The website told as a post: the pages scrolling past towers, the mark, the four services as drawings and the three pages framed, in the same grey, orange and charcoal. Four of the nine slides are clips.

The home page, scrolling past a concrete tower

The name and the promise, on a dark grid

The mark over the towers

The home page, framed

Four services, four drawings

The projects page

Industrial projects, up close

The services page

Pages on the move

Two more
covers.

The thumbnails for the projects page and the services page, each a page framed on a photograph.

Projects page

Services page

See it in full.

The shots on Dribbble.

Website - Home Website - Projects Website - Services

More work

Website for a shipping and freight logistics company.

Website for a renewable energy company.

Got a project
in mind?

Contact us today to schedule a consultation and discover how LAIN can transform your digital landscape.