![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda.jpg\")
<\/p>\n<\/p>\n
Our client, Campanda is a holiday website specialising in renting RVs to vacationers. They offer a way to connect RV enthusiasts with private owners and commercial suppliers who want to rent out their vehicles. This case study reports on how we helped optimise their search engine.Explorers and courageous travelers increasingly go on adventures with RVs. <\/span>But if I was in their shoes, I would have tons of questions before a trip like this. I would wonder what I should expect when renting such vehicles, and what do I need to take care of? Does my license even apply to driving these? <\/span> So, let\u2019s dive in!<\/span><\/p>\n Since the client aimed for a full SEO focus website redesign<\/a>. Our project focused on the optimisation of search filters and the findings list page (SERP). As search forms a central part of the user journey to eventually renting out a vehicle, they felt they needed to completely rethink and revamp this feature with the help of UX studio.<\/span><\/p>\n From Campanda\u2019s side, it was the PO who led our team. We worked closely with the CTO, the Head of Product, and an in-house designer.<\/span><\/p>\n All in all, we couldn\u2019t have wished for a more prepared team! On top of their thorough study, they also gathered all the needed information in advance, such as the competitors, KPIs, estimations, must-have elements, a glossary and links. Additionally, they brought a crystal-clear value proposition, which saved us a lot of time. <\/span><\/p>\n What a strong start! We could jump into the project almost immediately.<\/span><\/p>\n Besides this level of consciousness, proving users true desires set a real challenge. User tests and numbers helped us convince our client and form their vision.<\/span><\/p>\n On the second week of the project, we took a business trip to Berlin for a real kick-off meeting. After the pleasure of meeting the team in person, we did some great stakeholder interviews with co-workers and big agencies.<\/span><\/p>\n At UX studio, we have a pretty large user research toolkit. Even though the client knew their research goals, they let us use our preferred tools. We carried out (stakeholder) interviews, user tests with mini interviews, and card sorting sessions.<\/span><\/p>\n During the stakeholder interviews, marketing and customer support interestingly came up with different approaches. <\/span><\/p>\n Here we found an assumption we needed to research <\/span>\u2013<\/span> if we needed to show the <\/span>supplier type<\/span><\/i> to the customers. Many users found this aspect important, since one of the personas wanted to make personal connections, and avoid big agencies.<\/span><\/p>\n Although the support department stood for it, the users would book more if they didn\u2019t know about supplier type. From the supplier\u2019s view, the agencies wanted their professional knowledge to indicate their status as big companies. Usually, this included an international network and a secure insurance system.<\/span>We had other well-specified questions that we needed to test. <\/span><\/p>\n Our kick-off meeting usually contains a persona workshop where we create assumptive personas. Check out this article to learn about <\/span>our persona template.<\/span><\/a><\/p>\n Because our client already had them and we estimated our project to last six weeks, we didn\u2019t have time to discover all user types. We could build up one persona\u2019s characteristics based on the mini-interviews from before user testing.<\/span><\/p>\n Mia, our UX researcher aimed to identify user needs, rearrange filter structure, and give a strong base for one persona.<\/span><\/p>\n As mentioned, the client had a clear vision about the expected outcomes. This helped us a lot, showing us a path forward. The user tests proved useful and brought us added information. The great success in our and the user tests came in our ability to optimise the design and form the client\u2019s vision about the product.<\/span><\/p>\n Some issues identified:<\/span><\/p>\n We also experimented with a trip type recommendations layout. \u00a0At first, users avoided clicking them, as they mistook them for ads. The stock photo<\/span>\u2013like<\/span> images changed to little icons that represented the actual trip types.<\/span><\/p>\n While we examined filtering, we asked our users to group the given categories. After a few sessions, we\u2019d already got a clear idea of the ideal filtering hierarchy and the groups. We also asked them to name each group. This let us do ideation about the kind of words users would apply. It also helped us understand it in everyday language instead of professional jargon.<\/span><\/p>\n At UX studio, things usually start with desktop screens when it comes to design for multiple platforms. This happens keeping in mind how would it look on smaller mobile screens. And after finishing and testing our work on desktop, we interpret our design into mobile screens.<\/span><\/p>\n This project meant working with an in-house at Campanda designer remotely, not dividing our work by platforms. <\/span>We agreed on building specific modular elements so as not to have to wait for each other. Rather, we could build desktop and mobile screens at the same time.<\/span><\/p>\n After first setting our screen layouts and positioned our modular elements on every platform, we agreed on scrollable and fixed areas. <\/span>Lacking time, we didn\u2019t deal with tablet UI screens. The client can put together these screens easily using the provided elements.<\/span><\/p>\n Then, we created our prototypes in high fidelity mode using InVision. <\/span>For UI, we enjoyed the advantage of the Material Theme plugin, which generated us basically everything possible required. Also, we had every element to build up our own custom-made cards, by followed material layout rules.<\/span><\/p>\n As in most cases, the biggest challenge comes in setting business goals that need to be met. It came down that we wanted to show too much information to a user vs. everyday users who usually don\u2019t read carefully.<\/span><\/p>\n The hit card shows an individual search result on a list page. To present individual offers (RVs), we designed a card with scrollable sections. This way, our hit card could present a lot of information in a visually clear way, saving us space.<\/span><\/p>\n First came a gallery. We placed an offer flag and the supplier image here with a performance icon. This element also encourages more activity from providers, moving them up in the ranking.<\/span><\/p>\n The second part covers the RV: title, location, prices, discounts and all the other necessary details. You can scroll between description and reviews as well. We added these parts because users wanted to see them on the first pages before they click anywhere else.<\/span><\/p>\n The client wanted no redundant copy in the cards. But without CTA, users got confused. Understandably, people want more information before booking. So we made the vehicle title clickable and linked it to the detail page.<\/span><\/p>\n Remember our main business goal: conversion. We had to create a CTA to instant booking on the card to avoid confusing users while they search for the perfect RV. We started with the wording “Inquire now” and “Book now” but people wanted to get more information first before booking\/inquiring. That’s why we changed the wording of the CTA back to “Details”.<\/span><\/p>\n What makes a suitable icon for services like roadside assistance and unlimited mileage? On the last part of the HIT card, <\/span>we made our service icons clickable and provided an explanation tooltip. Also, users can share and like their favourite items.<\/span><\/p>\n This project served us with interesting findings and conclusions. Here are the main ones for myself.<\/span><\/p>\n We hope we could serve you with an interesting read and you managed to pick up some UX-related learnings. If you have similar past projects, please share them with us. <\/span><\/p>\n To <\/span>learn<\/span> more about UX, check out our free e-book, the <\/span>Product Manager\u2019s Guide to UX Design<\/span><\/a>.<\/span><\/p>\n
\nThis type of initial confusion in the user\u2019s head was one of our main challenges. The business goal of the project, meanwhile, was conversion optimisation. In this UX case study, we cover the story of updating the search function of Campanda, including our research and design process, and the specifics learnings we made during this project. <\/span><\/p>\n1. Kicking off the UX project<\/b><\/h2>\n
The project scope<\/b><\/h4>\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-original-design.jpg\")
Our goals<\/h2>\n
\n
The UX team<\/b><\/h2>\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-ux-team.jpg\")
<\/p>\nChallenges and kickoff<\/span><\/h4>\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-researcher-Mia-at-campanda.jpg\")
2. UX Research<\/b><\/h2>\n
Stakeholder interviews <\/span><\/h4>\n
\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-user-personas.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-user-interviews-with-card-sorting-.jpg\")
\n
![\"\"](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-before-after-search-1-e1556550187539.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-card-sorting-session-e1556542975503.png\")
Design phase<\/b><\/h2>\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-design-phase.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-expanded-filter-.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-material-components-.png\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-mobile-design.jpg\")
Our biggest challenge: The hit card<\/b><\/h2>\n
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-early-hit-card-version.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-hit-card-for-mobile-and-desktop.jpg\")
![\"UX](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/04\/UX-case-study-campanda-filtering-and-incquiry-view-.jpg\")
Our learnings:<\/b><\/h2>\n
\n
Did you enjoy this case study?<\/b><\/h2>\n