How do you help different audiences find the right information quickly?
Showcase the Dockx range in the right way to the right people
Develop a website that helps several target groups based on extensive research
Analysing and structuring
Behind the website is a lot of data that needs to be displayed in the right way at the right time. Moreover, there are different target groups for whom the same information must be displayed differently. In order for all of this to work correctly, a very extensive analysis phase preceded the development.
Precisely because there are different target groups, it was important to make an extensive functional analysis with proper attention to the design and marketing aspects. Based on the keyword research and SEO audit, iO mapped out all personas and possible customer journeys.
This revealed that there are multiple entry points and top tasks per persona. In order to ensure that all these flows were included, we developed a very detailed responsive prototype that was validated by all parties involved. In addition to the e-commerce flows, this also included the extensive content part in which all services, the FAQ, and shops are included.
High-performance API calls
The information of all vehicles in the Dockx range is contained in ProPlanner, a Fleet Management System. Because performance is a standard requirement, we started working with Jumik (the company behind ProPlanner) to map out all the necessary synchronisations and API calls. What checks (or calls) are needed? The retrieval of available vehicles when someone starts the wizard, the product details of a vehicle, the possible extras during a reservation, the confirmation of a reservation...
After a lot of deliberation and several tests, we were able to optimise all API calls in function of performance.
Everyone can picture the Dockx vans, with their typical yellow and green colours. Striking colours that immediately catch your attention in the street scene. For the website the house style is a little more challenging.
"The big challenge was to incorporate the colours into the website without making it look too flashy. We looked for a balance between the branding and tranquillity in the website."
- Gert, Teamlead Design & UX
The reservation wizard is the core of the website. From here, visitors can book a vehicle very easily. To support the options visually, we designed modern icons that represent the different types of vehicles.
The absolute top task for all personas is to reserve a vehicle. To make this as easy as possible, we created a reservation wizard. Here you can immediately set all the parameters to get a filtered view.
The main categories within the vehicle types are displayed at the top of the wizard, allowing for quick switching. This choice ensures that filtering takes place immediately and that you only see the Dockx Service Shops where you can rent such a vehicle. From this list, you choose the shop where you would like to collect the vehicle, the pick-up and return date, and the desired time.
This way you effectively initiate the checkout flow for renting a car, because from the results page you can complete your reservation in just three steps. All prices are also adjusted according to the dates you have chosen, so you know exactly where you stand.
During checkout, we also show the available upselling options. Perhaps the customer also needs moving boxes or additional insurance? This can also be booked directly. Any extras are also immediately included in the price calculation.
In the completely new customer area, you now have a useful overview of your reservations and related documents. At a glance, the dashboard displays your next reservation, a detail of your data, and your favourite shop.
All reservations - future, past and cancelled - can be found under the reservation area. All related documents, such as invoices or user manuals, can also be downloaded directly from a reservation detail so that you cannot lose them again.
All the information you find in the account is completely up-to-date and comes directly from ProPlanner. That way both Dockx and the client always have the same information.
"We were looking for a partner who thinks along and looks for possible opportunities. With iO we have found the ideal partner. Our collaboration is based on trust, open communication, and tailor-made advice. Thanks to the innovative expertise, personal approach, and precise support, iO always meets all expectations."
Valérie, Marketing Manager bij Dockx
The future of the Dockx website also looks bright. On a regular basis, retrospectives are held both internally and with the client, so that we know what went well and where there is room for improvement within the partnership. In addition to new features, updates will also be implemented on a regular basis, so that performance remains high.
Does your brand deserve the stage?
Has your brand a lot to offer and is it time the world notices it? At iO, we’re here to supply you with research, brand strategies, experience building and relationship engagement. Our experts will shine a light on your brand and yours truly.
- Web, app, and integration platform for co-branded credit card programmesLook at this client story
How do you provide customers with flexible retail financing without a card?Flexible credit, without a card and with all the omnichannel advantages of a credit card.Look at this client story
How do you give pet owners the material they need?We used Shopware to build Flamingo Pet Products’ new B2B webshop. The webshop has been live for 8 months now and is proven to be a success. Read more!Look at this client story
How do you sell online efficiently in B2B?For international distributor SIBO Fluidra, iO developed a B2B Magento Open Source commerce platform and Akeneo PIM system.Look at this client story
Do Progressive Web Apps still have a future?The life of Progressive Web Apps (PWAs) started in 2015. They promised to close the gap between web and native apps by progressively enhancing current web apps with new API’s and features like the ability to work completely offline. While big players like AliExpress, Flipkart and Forbes have introduced PWAs in the past, they still have their apps and are not planning on abandoning them anytime soon. Did the technology come to a halt? Are PWAs still relevant? Should you still invest time and effort in creating and maintaining PWAs?Read more
Domain Driven Design (DDD): Why You Need ItThe heart of high-performing software is about more than just efficient code and robust integrations. Understanding the environment in which the code has to do its work, 'the domain', plays a crucial role in its success. For example, what are the USPs of the company that will deploy the software? Which processes are crucial? And at what points is interaction with users essential? Domain Driven Design (DDD) brings business and IT closer and concentrates software development around having authentic insights into the processes to be automated.Read more
7 reasons you should choose Shopware 6 for e-commerceShopware 6 is a powerful and user-friendly e-commerce platform, where you can easily manage both your content and your commercial data. In this blog post, our Shopware expert Rune shares 7 reasons why he is so excited about the latest version of Shopware.Read more
How furniture brand Pode benefits from a headless approach using StoryblokEver more organisations have been making the shift towards headless when building their new online platforms. At iO we used the combination of the Storyblok CMS and Next.js to create a total brand experience for furniture brand Pode’s new website. In this article, we will tell you why and how.Read more