Q8 devices

The challenge for Kuwait Petroleum

Due to the increasing competition and the rapidly evolving digital landscape, Q8 was looking for a modern and user-friendly solution for their various Benelux brands with the main goal: convert online traffic to offline sales through targeted and personal communication.

With a clear and structured plan of action, Calibrate was able to convince the Q8 team of a major digital project and signed Q8 for a multi-year collaboration. After an intensive agile collaboration based on clear strategies for the different brands, we launched six state-of-the-art Drupal 8 websites. Be sure to take a look at the result:

Q8 BelgiĆ« Q8 Luxemburg | Tango | IDS |  Q8 Liberty |  Q8 Liberty Luxemburg

Our approach and solution

With our experience in large digital projects we advised the Q8 team to start with a clear digital strategy based on facts: user research and data analysis for the different brands. Q8, Tango and IDS.

Filip Willems

"The assignment for Calibrate was to create 6 state-of-the-art websites for 3 brands in 16 languages. Through a clear step-by-step approach and good project management, the desired websites are ready to go live within the set time and budget.
 
Our wish was to develop websites that are modern and mobile-friendly and allow us to communicate with our customers online in the best possible way. Digital strategy and UX are indispensable in this. The teams of Calibrate have guided us perfectly.
 
We wanted to make an efficiency leap. By linking the websites together, we can achieve synergies in terms of management and development, without losing the identities of the different brands. The knowledge of Drupal and the active participation in the community ensure that Calibrate has brought our new websites to a higher technical level, without losing flexibility.."

Filip Willems
Head of Marketing

Wondering how we proceeded?

Step 1: User research and data analysis

At first we wanted to get a good understanding of the current situation, in order to map the strong and less strong points of the websites. Through a situation analysis, a competition analysis and a top task survey of the different websites, we looked for the strengths and weaknesses, defined the most important target groups and formulated clear action points. In all these steps, we always started from the convenience for the user. The basis of our entire digital strategy was contextualization and personalization of content and communication through segmentation.

This digital strategy is the starting point for the development of the new website(s), the creation of the wireframes and prototype, and - at a later stage - the setting up and maintenance of the digital marketing.

  • Expert review
  • Keyword-analysis
  • Competitor-analysis
  • Top tasks definition
Q8 wireframes

Step 2: UX design

In the next phase we made the digital strategy tangible. We translated the concepts from the research phase into wireframes and illustrated the various customer journeys via clickable prototypes. With a mobile first approach we optimized the user experience of their most important target group, i.e. people on the road by car.  We simplified the structure and navigation with a clear focus on the top tasks. For example, you can easily and quickly check Q8's website anytime, anywhere to see where you can find the nearest petrol station.

Q8 design

Step 3: Webdesign

In the design phase, the challenge was to give the different websites, which all start from the same CMS functionalities, a unique and relevant look and feel that clearly matches the different brand guides. We designed the different homepages and main subpages as well as a clear overview of all the style tiles needed to build the websites, and refreshed the newsletters.

Q8 stationlocator Q8
Q8 tango storelocator
Q8 stationlocator tango
Q8 sationlocator ids

Q8 maps

Step 4: Development

We chose to build this project in open source with Drupal 8 CMS as the main building block combined with our marketing platform. Thanks to this innovative technology a real content marketing machine is realized, which achieves higher conversions thanks to visitor profiling and personalization.

Six websites were developed at the same time. The new configuration management tools allow us to focus on development, without having to worry too much about keeping all 6 sites synchronous and perfectly up to date.

We take full advantage of the new caching back-end, which - in collaboration with Varnish and Cloudflare - makes the websites perform really well, without sacrificing personalization or dynamic renewal of page content.

Step 5: Marketing & support

After Go Live the real work begins. Tracking, analyzing and optimizing become the key words. Through Agile Marketing, we support the Q8 team with the digital translation of the various marketing plans.

fietsen

Are you also looking for a thorough makeover of your digital presence? We are happy to let our full expertise loose on your website!