Example Screen: Figma Design for Logistics Marketplace

Project:
Design one desktop screen for the Loadit.ie transport marketplace.

Screen to design:
Post a Load – Step 3: Load Details

Purpose of the screen:
Clients enter information about the item(s) they need transported.
This helps drivers decide if they can take the load.

What the screen must include:

Header

Logo placeholder

Navigation (Home, How It Works, Pricing, Login)

Step indicator

A horizontal progress bar showing:

Pickup

Delivery

Load Details (current)

Truck Type

Timing

Pricing

Highlight Step 3.

Fields (must be clear and well organised)

Load title

Load description (textarea)

Weight field

Dimensions fields:

Length

Width

Height

Pallet count

Load type dropdown (machinery, palletised load, furniture, mixed, etc.)

Photo upload area (grid with 3 empty placeholders)

Right-hand summary panel (sticky sidebar)

Pickup location summary

Delivery location summary

Estimated distance (placeholder number)

Button: “Next Step → Truck Type”

Buttons

Back

Next Step (primary button)

Style direction

Clean, modern, semi-minimal

Green/white/grey colour scheme

Professional, trustworthy

UK/Ireland logistics feel

Desktop-first (1440px width)

Deliverable

Figma file

Proper spacing

Components labelled

Auto-layout strongly preferred