GPS tracking landing page

A landing page for a GPS fleet-tracking company, designed as a freelance project.

Side project · UI designer · June 1, 2024 · 1 min read

A GPS tracking company's dark landing page scrolling from the hero's 3D van on a map through the products, testimonials, and FAQ to the contact options

A landing page for a GPS fleet-tracking company in Indonesia that sells tracker devices and a tracking app to businesses with vehicles to manage. I designed it on my own as a freelance project in 2024. The company and product names are hidden here, and the design stopped at the handoff: it wasn't built.

What the page does

It walks a fleet owner from what the company does to getting in touch:

  • The offer. A GPS tracker package with free installation, a warranty, and customer service.
  • The app. The tracking app, with App Store and Google Play links and a laptop and phone showing live routes on a map.
  • The products. Two tracker devices, each with its own card.
  • Proof. Testimonials, client logos, and the company's own figures on users and vehicles tracked.
  • Questions. An FAQ for what people ask before buying: how it works, installation, safety, warranty, cost, and cancelling.
  • Contact. Three ways in: WhatsApp, visiting the office, or signing up as a member.

Design choices

  • Dark and light in turns. The hero, testimonials, and about sections are dark; the products and FAQ are white. The page has a rhythm, and each section reads as its own block.
  • One accent color. Orange is used only for actions and highlights, so every button and link stands out against both the dark and the white sections.
  • The same orange in the images. The hero and about sections use 3D renders of a van on a map in the brand's orange, so the pictures belong to the page instead of looking like stock photos.

The logo and testimonials were placeholders for the client to fill in, which is why the page shows a sample logo. Designed in Figma.