Your Tech Club

Maatwerkwebsite met vestigingszoeker voor Loogman

Voor Loogman bouwden we een maatwerk website met vestigingszoeker, openingstijden per afdeling, een bestelshop met printerkoppeling en het Wasrad.

Maatwerkwebsite met vestigingszoeker voor Loogman

Deliverables

  • UI/UX-design
  • Design system
  • Webontwikkeling
  • API-integraties

Tech stack

  • WordPress
  • PHP
  • Raet API
  • Geolocatie-API's

Loogman begon in 1959 als tankstation in Aalsmeer en groeide uit tot een keten van wasstraten, tankstations en opslagverhuur. Elke vestiging is anders: de een heeft een Febo, de ander een Co To Go, weer een ander alleen wasboxen. Die werkelijkheid moest de website aankunnen. Your Tech Club ontwierp en bouwde het platform, met Brandfirm als partner voor conversieoptimalisatie.

Wat was het probleem met de oude website?

De site liet niet zien wat de vestigingen onderling onderscheidt, en het beheer kostte te veel tijd. Belangrijke informatie werd pas zichtbaar na interactie, waardoor bezoekers het misten. Er was geen goede manier om per locatie te tonen welke diensten er zijn, terwijl dat juist de reden is dat iemand voor de ene vestiging kiest en niet voor de andere.

De nieuwe website van Loogman
De oude website van Loogman
VoorNa
Sleep de knop om de oude en de nieuwe website te vergelijken.

Hoe vindt een bezoeker de juiste vestiging?

Via locatiedeling en een vestigingszoeker die per locatie toont wat er te vinden is. Bezoekers delen hun locatie en zien de dichtstbijzijnde Loogman, met de diensten die daar beschikbaar zijn.

Live openingstijden per afdeling

We bouwden een eigen plugin waarmee Loogman de openingstijden per vestiging en per afdeling beheert. Febo, Co To Go, wasstraat en tankshop hebben elk hun eigen tijden. De site rekent op de dag van het bezoek zelf uit wat er geldt en toont dat als "Open tot 18:00" in plaats van een tabel die de bezoeker moet ontcijferen.

Openingstijden per afdeling op de vestigingspagina van Loogman

Een design system als basis

Alle componenten liggen vast in één systeem, zodat nieuwe pagina's en vestigingen dezelfde visuele taal aanhouden. Op de homepage staan bewegende waterbellen met beeldmateriaal van Loogman erin verwerkt.

Het design system van Loogman met alle componenten

Welke systemen zijn aan de website gekoppeld?

Bestelshop met directe printerkoppeling

Voor Febo en Co To Go bouwden we een bestelshop waarmee klanten online bestellen en afrekenen. Elke bestelling gaat rechtstreeks naar de labelprinter op de vestiging, zodat het personeel meteen ziet wat er klaargemaakt moet worden. Dat verkort de wachttijd en haalt het overtypen uit het proces.

Wasrad, opnieuw opgebouwd

Het Wasrad is het spaarprogramma waarmee klanten korting of een gratis wasbeurt winnen. We bouwden het opnieuw op in PHP en herontwierpen de frontend, zodat het aansluit op de bestaande API en herkenbaar blijft voor bestaande klanten.

De Wasrad-pagina waarop klanten korting of een gratis wasbeurt winnen

Vacatures rechtstreeks uit Raet

Vacatures die HR in Raet invoert, verschijnen automatisch op de website. Het beeld erbij wordt gekozen op basis van vestiging en functie, zodat er niemand handmatig een afbeelding hoeft te uploaden.

Het vacatureoverzicht dat automatisch wordt gevuld vanuit Raet

Een duidelijke route naar de Was App

Loogman heeft een eigen app waarin klanten sparen en korting krijgen. Een van de doelen van het project was bezoekers daarnaartoe leiden, dus de website stuurt op de plekken waar dat logisch is door naar de App Store en Google Play, met de voordelen van de app erbij.

De downloadpagina van de Loogman Was App met de app-store knoppen

Migratie met behoud van vindbaarheid

De volledige inhoud van de oude site, inclusief de blogartikelen, verhuisde mee naar de nieuwe WordPress-omgeving, met als doel de bestaande zoekposities te behouden. Daarvoor zijn de URL-structuur, de metadata en de interne links een voor een nagelopen.

Wat kan Loogman er nu mee?

  • Minder handwerk in het beheer

    Openingstijden, vacatures en vestigingsinformatie worden op één plek beheerd en verschijnen automatisch op de juiste plekken.

  • Een kortere weg naar de locatie

    Bezoekers zien welke vestiging het dichtstbij is, wat daar te doen is en of het open is.

  • Ruimte om door te bouwen

    Het design system en de modulaire opzet maken het mogelijk nieuwe diensten en vestigingen toe te voegen zonder de site opnieuw in te richten.

Vragen of kennismaken

Neem direct contact met ons op. We komen zo snel mogelijk bij je terug

Joey van VlietYassine SeghrouchniHet team op kantoorJe bericht komt bij ons team in Amsterdam binnen.

We nemen zo snel mogelijk contact met je op.

Veelgestelde vragen

Wie heeft de website van Loogman gemaakt?

Your Tech Club. Wij deden het UI/UX-design, bouwden het design system en de website, en verzorgden de koppelingen met Raet en de geolocatie-API's. Brandfirm was partner voor conversieoptimalisatie.

Wat heeft Your Tech Club voor Loogman gebouwd?

Een maatwerk website met een vestigingszoeker op locatie, openingstijden per afdeling, een bestelshop voor Febo en Co To Go met koppeling naar de labelprinter, het opnieuw opgebouwde Wasrad en vacatures die automatisch uit Raet komen.

Op welke techniek draait de website van Loogman?

Op WordPress met PHP, aangevuld met eigen plugins voor de openingstijden en de bestelshop. De vacatures komen via de Raet API binnen en de vestigingszoeker werkt op geolocatie-API's.

Hoe toon je openingstijden die per vestiging en per afdeling verschillen?

Met een eigen plugin die de tijden per afdeling opslaat en op de dag van het bezoek berekent wat er geldt. De bezoeker ziet dan één regel, bijvoorbeeld "Open tot 18:00", in plaats van een schema. Het beheer gebeurt centraal, zodat een wijziging op één plek overal doorwerkt.

Kun je online bestellingen rechtstreeks naar de keuken sturen?

Ja. Bij Loogman gaat elke online bestelling via een backend-koppeling direct naar de labelprinter op de vestiging. Het personeel krijgt een bon met alle details, zonder dat iemand de bestelling hoeft over te nemen uit een mailbox of dashboard.

Hoe koppel je vacatures uit een HR-systeem aan een website?

Via de API van het HR-systeem, in dit geval Raet. Vacatures die daar worden aangemaakt verschijnen automatisch op de site, met beeldmateriaal dat op basis van vestiging en functie wordt gekozen. HR beheert vacatures op één plek en de website blijft actueel.