Web Design Case Study · Marketing site

PresentSir Website.

The marketing site for PresentSir, the construction attendance app I designed and built.

Role
Web Design + Build
Visit presentsir.app
Tools
FigmaIllustratorPhotoshopClaude CodeNext.jsTailwind CSS

01

Who, and live

The first two proofs. The comparison is the whole interface.

A check-in photo compared against the reference photo, and a three-frame liveness strip

02

Where, and when

A boundary and a pin. A check-in and a check-out, set as a receipt.

The site boundary drawn as a plan, and the day's two timestamps

03

Two points of view

Three sentences and a phone for the worker. The table itself for the office.

The worker

The worker section

The office

The office section

04

The month, in one strip

Thirty-one decisions. One of them needed a person.

One worker's month as thirty-one coloured blocks

05

The close

Green at wall size, then the crew.

Book a demo

The green call to action

The sign-off

A drawn crew waving over a site barrier

06

On a phone

Portrait first. The comparison never stacks.

The opening

The home page on mobile

The comparison

The first proof on mobile, still side by side