Challenge
Loogman, known for its high-quality car washes and gas stations, faced the challenge of modernizing and strengthening their digital presence. The existing website no longer met users’ expectations and lacked the interactive elements that make the Loogman brand so unique. The goal was to develop a platform that reflected the quality and professionalism of their physical locations, while providing a seamless and modern user experience.
An interactive custom website from Loogman Carwash
About Loogman
Deliverables
Solution
Your Tech Club was engaged to perform a complete digital transformation. This included a thorough redesign of the website, developing new features and integrations, and optimizing the user experience. The result is an innovative and user-friendly website that is fully aligned with Loogman’s brand identity and enhances the customer journey.
Before
After


The design
The design process focused on developing a visually appealing and intuitive interface that reflects Loogman’s core values. We developed a design system that ensures consistency and scalability.
Design system
This system encompassed all components of the website and ensured that Loogman’s visual identity was consistently applied throughout. This made it easy to add new elements during development without losing the coherence of the design.
Look and feel
The homepage was designed to immediately convey the look and feel of Loogman. We integrated playful, interactive elements such as moving water bubbles, which incorporated images of Loogman. This gave the website a lively and dynamic character that immediately appeals to visitors.
Conversion Optimization
During the design process, we worked closely with Brandfirm. Their valuable feedback, focused on conversion optimization (CRO), ensured that the design was not only aesthetically pleasing, but also functional and focused on increasing conversions.
The development
The development phase focused on building a robust and functional website that integrates seamlessly with various systems used by Loogman. Following are the key features and integrations we developed:
Raet vacancies integration
The integration with the Raet system ensures that job postings entered into Raet automatically become visible on the website. We ensured that these jobs are visually appealing using the WordPress media library, where images are added randomly based on branch and role.
Benefit:
This saves time and resources because Loogman can now manage job postings centrally without having to make additional manual updates on the Web site.
Wasrad
We completely rebuilt the existing laundry wheel feature in PHP. The frontend of the laundry wheel was redesigned to work optimally with the existing API, keeping the user experience intuitive and consistent with the previous version of the website.
Benefit:
This improved wash wheel offers users a simple and visual way to win discounts and/or a free wash.
GPS Location Services
Users can now easily share their location to find the nearest Loogman branch. This feature uses advanced geolocation APIs to deliver the most accurate results.
Benefit:
This improves the user experience, as visitors can effortlessly find the nearest branch, increasing the likelihood that they will visit one of the locations.
Opening hours plugin
We developed a customized plugin that allows Loogman to easily manage and display the opening hours of each branch, including the different departments such as Febo, Co To Go, Laundry, and Tank Shop. The plugin automatically calculates opening hours based on the day the user visits the website, and displays real-time information such as “Open until 6 p.m.”
Benefit:
This provides Loogman with flexibility and ease of use in managing opening hours, while giving users accurate and relevant information.
Restaurant order shop
For both Co To Go and Febo, we developed a fully integrated order shop that allows customers to order food online and checkout immediately. The shop is linked to a backend system that sends orders directly to the kitchen printer, allowing staff to get to work immediately.
Benefit:
This integration streamlines order processing, reduces wait times and increases the efficiency of restaurant operations, ultimately leading to better customer service.
Printer integration
Orders placed through the website are automatically forwarded to a label printer at Febo and Co To Go locations. With each order, a receipt is immediately printed out with the details of the order, so that on-site employees know exactly what to prepare.
Benefit:
This reduces the risk of errors, speeds up processing time and provides a seamless transition from online orders to physical fulfillment.
SEO and content migration
We transferred the entire content of the old website, including all blog articles, to the new WordPress environment. In addition, we performed extensive SEO checks, optimizing URL structures, meta tags and other essential SEO elements to maximize website visibility.
Benefit:
The website is now better optimized for search engines, increasing Loogman’s online visibility and findability.
The result
The end result is a modern, user-friendly website that perfectly aligns with Loogman’s brand identity. The new website offers an enhanced user experience, with integrations that provide efficiency and convenience for both the customer and Loogman employees.
Enhanced User Experience
The focus on UX/UI design makes navigation smooth and intuitive, increasing overall user satisfaction.
SeamlessIntegrations
The integrations significantly improve operational efficiency and user experience.
Ready for the Future
The new website is scalable and flexible, ready for future expansion and innovation.
”
Neal TeubenLoyalty & Communicatie Manager
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
UI/UX Design Web Development Mobile Development Data & AI Team augmentation Frontend Developers Backend Developers
A quick introduction?
A personal interview is the first step to a successful collaboration. Whether you have questions, want to discuss a project or are just curious about our approach, we are ready to meet with you.
- Free expertise
- Customized solutions
- Flexibility in collaboration
- Long-term partnership