Tattoo-bon: Conversion optimized website and checkout flow

Webdesign + Development

Straight to the point

Tattoo-bon is an e-commerce that sells gift certificates (or vouchers) for getting a tattoo in the Netherlands. That’s the only thing Tattoo-bon sells right now on their website. And buying a Tattoo-bon voucher is now easier than ever!

The system where I could check ideas for the website very quickly exceeded my expectations. I’m very happy with the process and the end result.

– Ricardo,

Web Design Features

Conversion optimized website

When you get to the homepage the first thing you are presented with is the “Buy a voucher” form, the cart widget is presented as soon as you add something to the cart, then go to the checkout and follow simple steps to complete your purchase.

Screenshots of the checkout and cart pages of the Tattoo-bon website

Simplified checkout steps

The checkout process is divided into 3 sections: Contact, Shipping, and Payment.

For new users, the Contact step will ask for your contact details, and you have an option to log in. If you are a registered customer, you can skip right to the second step (Shipping).

At the Shipping step, you enter the address for delivery, either your own or the address of the lucky giftee, then you select the shipping method, add a gift message and additional notes to your order.

This is different from most WooCommerce stores as it will first ask for the shipping address before the billing information.

The way the default WooCommerce checkout works is not how customers think, some people have a hard time understanding what billing information is and customers expect to enter the shipping information first.

On most e-commerce websites, the billing address is related to the payment method you choose and is frequently used to check for fraud, therefore it should match with the credit card information or the payment might be declined by the card processing company.

At the Payment step, you can select the billing address to be the same as the shipping address or enter a new one. Choose the way you want to pay and place your order.

All along the checkout process, you can confirm the changes on the order summary on the right side of the screen, if you are on a mobile phone, the order summary will be displayed right before the “Place order” so you’ll have a chance to review the order before submitting the purchase.

Search Engine Optimization

Before and during the site launch we run it through Technical SEO tests to ensure search engines can easily find it, every website we make is ready for Google, Bing and others search engines alike.

We make sure site-wide settings are correct and the most important pages have an optimized title and description. This information is useful not only for search engines but also for social media networks and many other online tools.

Have a similar project in mind?

Our Strategy Consultancy will help you to discover how you can improve your online business.
The first call is free of charge.

More Projects

Racine Jewels
Refined webdesign for a jewellery designer brand
Photography of a Racine Jewels jewellery piece
Lobster Anywhere
Simplified checkout and improved navigation for a lobster delivery online store