Your Tech Club
CASE STUDIES

Custom website with a location finder for Loogman

For Loogman we built a custom website with a location finder, opening hours per department, an order shop linked to the printer and the Wasrad.

Custom website with a location finder for Loogman

Deliverables

  • UI/UX design
  • Design system
  • Web development
  • API integrations

Tech stack

  • WordPress
  • PHP
  • Raet API
  • Geolocation APIs

Loogman started in 1959 as a petrol station in Aalsmeer and grew into a chain of car washes, petrol stations and self-storage. Every location is different: one has a Febo, another a Co To Go, yet another only self-service wash bays. The website had to handle that reality. Your Tech Club designed and built the platform, with Brandfirm as partner for conversion optimisation.

What was wrong with the old website?

The site didn't show what sets the locations apart, and managing it took too much time. Important information only appeared after interaction, so visitors missed it. There was no good way to show which services each location offers, even though that is exactly why someone picks one location over another.

Loogman's new website
Loogman's old website
BeforeAfter
Drag the handle to compare the old and the new website.

How does a visitor find the right location?

Through location sharing and a location finder that shows what each site has. Visitors share their location and see the nearest Loogman, with the services available there.

Live opening hours per department

We built a custom plugin that lets Loogman manage opening hours per location and per department. Febo, Co To Go, car wash and shop each have their own hours. On the day of the visit, the site works out what applies and shows it as "Open until 18:00" instead of a table the visitor has to decipher.

Opening hours per department on a Loogman location page

A design system as the foundation

All components are defined in one system, so new pages and locations keep the same visual language. The homepage features moving water bubbles with Loogman's own imagery inside them.

Loogman's design system with all its components

Which systems are integrated with the website?

Order shop linked directly to the printer

For Febo and Co To Go we built an order shop where customers order and pay online. Every order goes straight to the label printer at the location, so staff see immediately what needs to be prepared. That shortens waiting times and takes retyping out of the process.

The Wasrad, rebuilt

The Wasrad (wash wheel) is the loyalty programme where customers win a discount or a free wash. We rebuilt it in PHP and redesigned the front end, so it connects to the existing API and stays recognisable for existing customers.

The Wasrad page where customers win a discount or a free wash

Vacancies straight from Raet

Vacancies HR enters in Raet appear on the website automatically. The image that goes with each one is chosen based on location and role, so nobody has to upload a picture by hand.

The vacancy overview that is filled automatically from Raet

A clear route to the Was App

Loogman has its own app where customers save up and get discounts. One of the project's goals was to lead visitors there, so wherever it makes sense the website points to the App Store and Google Play, with the app's benefits alongside.

The download page for the Loogman Was App with the app store buttons

Migration that protects search visibility

All content from the old site, including the blog articles, moved to the new WordPress environment, with the aim of keeping the existing search rankings. To do that, the URL structure, the metadata and the internal links were checked one by one.

What can Loogman do with it now?

  • Less manual work in managing the site

    Opening hours, vacancies and location information are managed in one place and appear automatically where they belong.

  • A shorter route to the location

    Visitors see which location is closest, what they can do there and whether it's open.

  • Room to keep building

    The design system and the modular setup make it possible to add new services and locations without rebuilding the site.

Questions or an intro call

Get in touch with us directly. We'll get back to you as soon as we can

Joey van VlietYassine SeghrouchniThe team at the officeYour message goes straight to our team in Amsterdam.

We'll get in touch as soon as we can.

Frequently asked questions

Who made Loogman's website?

Your Tech Club. We did the UI/UX design, built the design system and the website, and handled the integrations with Raet and the geolocation APIs. Brandfirm was partner for conversion optimisation.

What did Your Tech Club build for Loogman?

A custom website with a location-based location finder, opening hours per department, an order shop for Febo and Co To Go linked to the label printer, the rebuilt Wasrad and vacancies that come in automatically from Raet.

What technology does Loogman's website run on?

WordPress with PHP, extended with custom plugins for the opening hours and the order shop. The vacancies come in through the Raet API and the location finder runs on geolocation APIs.

How do you show opening hours that differ per location and per department?

With a custom plugin that stores the hours per department and works out what applies on the day of the visit. The visitor then sees one line, for example "Open until 18:00", instead of a timetable. Management is central, so a change in one place applies everywhere.

Can you send online orders straight to the kitchen?

Yes. At Loogman, every online order goes through a back-end integration directly to the label printer at the location. Staff get a ticket with all the details, without anyone having to copy the order from an inbox or dashboard.

How do you connect vacancies from an HR system to a website?

Through the HR system's API, in this case Raet. Vacancies created there appear on the site automatically, with images chosen based on location and role. HR manages vacancies in one place and the website stays up to date.