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
How does innovative technology make for smoother navigation in real life?Updating and implementing interactive navigation on HD touchscreens for visitors and shoppers at Wijnegem - Shop Eat Enjoy.Look at this client story
Creative campaigns strengthening brand equity and warming heartsPropane as an energy source was in need of recognition, by all who were living off-grid to be more precise. We managed it on behalf of gas specialist Primagaz, with creative 360° campaigns - both online and offline. Read the case study!Look at this client story
YER. Experts in secondment and recruitment re-introducing themselves to the Netherlands together with iOYER is already big but aspired to double their presence in the world of recruitment and selection and secondment. iO helped them with creating a new brand, internal branding, external activation online and offline and bringing 3 websites into 1 site for all target groups.Look at this client story
How do you double your mobile conversion within 4 years?What it takes to make booking as easy as possible for you? Discover the power of a strong management vision, a streamlined work process, and long-term, open, and transparent collaboration between Landal GreenParks and iO.Look at this client story