(This is a sponsored article.) Color has the potential to make or break product. Today you’ll learn how to use gradients for a website in Adobe XD through a very useful tutorial. In the last Adobe XD release, radial gradients were added so that designers can easily create unique color effects by simulating a light source or applying a circular pattern. Designers can add, remove and manipulate color stops with the same intuitive interface as linear gradients.
The world around us is full of little things and experiences that shape us, our way of thinking, but also how we tackle our work. Influenced by these encounters, every designer develops their unique style and workflow, and studying their artwork — the compositions, geometry of lines and shapes, light and shadows, the colors and patterns — can all inspire us to look beyond our own horizon and try something new.
Every once in a while, we publish freebies related to different occasions and themes. Today, we’d like to share an icon set dedicated to a well-known upcoming American holiday. Some of you may already be working on the usual flyers or brochures, so we thought we’d help you out with a set of colorful icons to spice up your designs a bit differently this year. Thank us later!
Designed by the creative folks at Vecteezy, this freebie contains 20 illustrations of some lovely things that shouldn’t be left out on this particular holiday.
Have you been looking for nice icons to spice up your travel agency or the airline website? Today, we’re happy to release the Voyage Icon Set, a set of 40 free icons available in AI, EPS, PDF, SVG and PNG formats. This icon set was brought to you by Print Express and is free to use in private as well as commercial projects.
You may modify the size, color or shape of the icons.
Icons are a lot like real monuments — they can both be easily recognized. Today’s icon set consists of a set of vector icons that represent monuments across the globe, so they can be literally used anywhere. This colorful set was carefully designed by Freepik and is completely free to use for commercial as well as your personal projects, including software, online services, templates and themes.
This icon set is licensed under a Creative Commons Attribution 3.
So the visitors land on your travel website, search for flights and accommodation and then randomly leave without completing the booking — almost on a whim. If your website has also been seeing a similar trend, then you are not alone.
On an average, more than 95% traffic coming on hotel, airline and tour packages websites leave without completing the purchase process. Why? Because travel eCommerce is one of the trickiest online businesses — thanks to lengthy marketing funnels, complex search parameters, complicated checkout processes, multiple forms and massive personalization. The average conversion rate (% of website visitors turning into customers) of travel websites is a dismal 4% — far below the 10% conversion rate of financial and media firms.
But you can always improve this figure by optimizing your website so that more visitors turn to customers. Here are 14 tips you can implement on your website to make more visitors convert — complete the transaction.
1) Make your ‘Site Search’ smart and intuitive
For no other industry is the search function as critical as for travel websites. In the case of eCommerce stores, visitors operate in the ‘browsing and finding’ mode. They may or may not use a site search. But when it comes to travel sites, the entire premise of the prospective transaction is based on site search. Only when a visitor selects a location and a date, will he find relevant results from which he/she will make a choice. Not only should your site search be extremely fast and accurate, it should be as intuitive as possible.
There are four key search parameters — date, location, budget and number of people. You can use drop-down menus for calendar and locations, and pre-define different budget categories for visitors to choose from. You can also save their booking history and populate past search parameters for convenience.
2) How and what you display in site search results is crucial
The result page that appears after a visitor inputs his search combination can overwhelm a visitor into abandonment if the information is presented in a haphazard manner. It’s important that the visitor gets all the needed information without having to leave the funnel. The flight and hotel options should be displayed in a clean layout with pricing being highlighted.
An editable search bar should also be prominently displayed so that the visitor can modify the search results without hitting the back button.
3) The progress bar is your lifeboat
The booking process is extremely complex with many steps in the booking funnel – hotel booking, flight booking, amenities, cab pick and drop. Complex booking experiences make travelers switch to higher cost offline channels. In a survey conducted among US passengers, it was found that at least 18% of travelers don’t find online planning and booking easy.
It’s extremely difficult to cut down on the amount of information that must be collected during the booking process. But dividing the process into identifiable steps makes customers’ life much easier. These identifiable steps are like road signs — the customer will know what lies ahead after they complete that step.
4) This is the add-ons market: Upsell and Cross-sell with elan
Would they want to add on travel insurance as a package deal? Or perhaps, get flight seats with extra legroom at a little extra cost? Or may be extend the trip by three days to get a steal of a deal? The options for add-ons, cross-sells and upsells are immense in the online travel business — extra baggage, hotel upgrades, meals — all are additional services that could be clubbed with the booking to increase the average order value.
According to a TripAdvisor survey, free Wi-Fi is the most requested hotel amenity with 89% of travelers wanting it, followed by free parking and breakfast. However, you need to take care of two things when it comes to upselling and cross-selling. First: Don’t offer an upsell option when the visitor is at the checkout. You don’t tell the traveler what they don’t have and confuse them when they are about to close the deal. Secondly, don’t auto-check the add-ons as the customer might not notice them at that point but would get mighty pissed when they see the inflated cost at the checkout.
5) Personalization is the key
The incredible thing about online travel is that every booking is personalized to some extend. One traveler might always go for free Wi-fi as a criterion for hotel booking while another might always choose flights with 100% on-time record. Using a personalization tool to remember travelers’ booking history will help you make relevant offers the next time they come to your website. You could also track their in-session activity to understand their behavior and booking habits.
When you display the search results, you could also put badges on thumbnails to highlight a particular feature the traveler requested the last time. It’s a great way to catch their attention and offer relevant information really fast.
6) If you know them enough, offer recommendations
This is the second part of the personalization process. If a traveler has booked with you a couple of times, that’s good enough information for you to offer trip recommendations. If there is a lot of consistency in their booking behavior — sea-facing hotels, family trips, spa and recreational activities — you can assume he/she is a leisure traveler and accordingly recommend similar travel experiences.
Any information that is vague and open to reader’s interpretation is a potential conversion barrier. The multitude steps involved in the booking process are anyways a hindrance to smooth web experience. Review all the information throughout the funnel for ambiguities.
For example, when you ask visitors for their age, you might be showing them three options to choose from – kid, adult and elderly. Now you might think you have communicated yourself clearly but what about someone who is 17? He definitely does not think of himself as a kid and neither is he legally an adult. Or what about someone who is 59? An adult or elderly? There’s always some room for confusion here. And if the ticket prices vary according to these groups, then the visitor won’t think twice before abandoning you for some other website which clearly states the age group, like this:
Here’s another example of ambiguity. By looking at their analytics, Expedia found that many of their visitors were clicking the booking button but weren’t completing the transaction. After some analysis, they found that an optional field on the booking form (called ‘Company’) was confusing the travelers. The visitors thought the field required them to enter their bank name. Having entered the bank name, they then went on to enter their bank address (not home) in the address field. This was causing the credit card transaction to fail. Expedia simply deleted the ‘Company’ field and reaped in higher profits. (Here’s the full case study)
Here’s a look at what all information leisure travelers are interested in at the time of planning a holiday.
8) Make room for the last minute traveler
Last-minute queries on mobile device for hotels and accommodations went up by 79% during January 2012 compared to 2011. Tap into this most obvious market segment by prominently displaying a ‘Express booking’ button on your homepage.
9) Make them an offer they can’t refuse
The world of online travel is an unfair one. Google analysis shows that an average travel shopper visits 22 websites (Yessir, not a typo) in multiple shopping sessions before finally booking a trip. Planning a holiday is a thoughtful and complicated process with the visitor going on a ‘Control + W’ spree at the slightest of whims and inconveniences. You have to get their attention really fast and make them act right away in order to score transactions. One of the ways to do that is by using the Urgency principle — one of the six persuasive psychology principles mentioned in Robert Cialdini’s book ‘Influence’.
‘Last few tickets available at discounted price’
‘Book now to get a free hotel upgrade’
Book in the next one hour to get free wine on arrival
‘Get complimentary breakfast if booked in the next 30 minutes‘
There are endless ways to generate urgency and dissuade the visitors to go on a website hopping spree. However, be reasonable and don’t make a promise you can’t keep because that will just tarnish your reputation.
10) Wear nice shoes
Men are judged by the appearance of their shoes. And the authenticity of your business is judged by the appearance of your website. Shoddy design, clumsy layout, too many rotating image carousels, misspellings, bad grammar, unrecognizable security logos and no trust badges are all signs of a possible fake. Online frauds are the order of the day and visitors are ever more cautious about revealing their personal and credit card information online. Hence, it’s very important that your website oozes trust and authenticity.
When you are asking for their credit card information, display a security seal along with it. Use testimonials, customer reviews, media coverage and privacy policies to win the visitor’s trust. Hotels and airlines should ensure their booking processes are secure.
Planetamex, a travel agency, didn’t come across as credible due to the use of dated logos and award seals on its website. They ran an A/B test and replaced the homepage banner with the one built around the credibility markers of the AMEX brand. This new version increased their phone call conversions by 48%.
11) Don’t make them hunt for the login button
The customers will return to your website to update, modify or cancel their bookings or just to look up flight schedule, flight number, hotel location or any of the various pieces of information that make a booking. They will also come back to look up their frequent flier miles or seek information about the loyalty programs. Make sure you display the Login button pretty prominently on the homepage as Delta does above so that the customer doesn’t have to frustratingly hunt for them.
12) Reviews are a goldmine
Reviews are a great form of social proof in any kind of online business. But if you are into the travel business, their importance can’t be emphasized enough. Here are some thundering facts about reviews in the online travel business.
Around 70% of travelers look at 20 reviews in the trip planning phase.
A word of caution though. Don’t go about faking reviews, because frankly it shows.
13) Make sure your website works seamlessly across all devices
If you haven’t done this by now. Get up from that couch and get to work right away. Because if your mobile and tablet sites are not optimized for conversions, you are pissing off a mighty chunk of potential customers, and losing reputation and money alike. Want some hard facts? Here are a few:
Invest in a responsive design so that the visitor has a seamless experience across all devices. And if you have different websites for mobile and tablet, make sure they have the same functionality and features.
14) Invest in cool tools
Let’s face it. The competition in online travel and hospitality segment is immense with little distinguishing one website from another. If you want to be noticed amid the crowd, you will have to go an extra mile and offer a unique service and tool no one else is offering (or at least offer it in a cooler way).
Kayak offers an ‘explore’ tool that let’s you scan the world map for places you can travel to within a specified budget.
Similarly, Bing Travel had a cool ‘price predictor’ tool which would forecast whether fares for a particular flight and location would increase or go down. Alas! Microsoft killed the tool earlier this year, much to the disdain of travelers.
The First Optimization Step
If you are just beginning with the optimization process, looking at the maximum drop off page in your analytics would be a good starting point to fix the leaking conversions. Should you have any questions about website optimization, conversions, A/B testing and Matthew McConaughey, please drop in a message in the comment section.
The Web is technical by nature. Different scripts and pieces of code are linked together through hyperlinks, forming an endless net of interwoven, encrypted information — data that is accessible only through technical interfaces, such as Web browsers, or applications. Yet, Web professionals have made it their calling to tame the “wild” Web and turn it into an accessible, user-friendly and, most of all, personal medium. Personality will set your brand apart from competitors and help you connect with a passionate audience.
If you run an online magazine, most of your readers will never go through your archive, even if you design a neat archive page. It’s not you; it’s just that going through archives is not very popular these days. So, how do you actually make readers dig in without forcing them? How do you invite them to (re)read in a way that’s not boring? How do you make your WordPress magazine more interactive?
Forms, forms, forms: so often overlooked in design. In this post, we are pleased to release the Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. This crib sheet contains an Omnigraffle template, as well as Photoshop (PSD) and PDF examples for you to download and use as you wish. Print out the sheet, stick it to your wall, send it to clients, and just generally help make everyone’s forms a bit better.