DEV Community

Cover image for Balisong Store UX: How We Redesigned the Shopping Experience and What Changed
Balisong Butterfly
Balisong Butterfly

Posted on

Balisong Store UX: How We Redesigned the Shopping Experience and What Changed

I work on the dev and UX side of balisongbutterflyusa.com, a WooCommerce store that sells balisong and butterfly knives. When we first built the store, we used a fairly standard WooCommerce setup with a premium theme, product grids, and a basic checkout. It looked fine. It did not work especially well.

This is what we changed and why.

The homepage was not answering the right question

Standard e-commerce homepage logic says: hero image, featured products, categories. We had all of that. What we did not have was any answer to the first question a balisong buyer actually asks, which is some version of "is this store trustworthy and is this product legal for me to own."

Balisongs have a complicated legal status in the US. Different states have different rules. A customer landing on the store for the first time has that question in their head whether they articulate it or not. Until we addressed it above the fold, a lot of people left without looking at any products.

We added a short trust section near the top. Not a wall of text. Just a clear line about legal state coverage, a returns policy in plain language, and a note about trainers being available for states with restrictions. Bounce rate dropped noticeably after that change.

Category pages needed more context

"Butterfly knives" as a category heading is not enough for a new customer. They need to understand the difference between a trainer and a live blade before they make a decision. We added short introductory copy at the top of each category page explaining what the products in that section are for and who typically buys them.

That copy also helped with SEO. Category pages with thin or no descriptive content rank poorly. A short 100 to 150 word intro that actually says something useful is better than a heading and a product grid.

Checkout friction was killing conversions

Our checkout had too many fields and the security information was buried at the bottom where nobody sees it. We stripped the form down, moved the trust indicators up, and rewrote the returns copy from legal jargon to plain English. The abandoned cart rate came down.

The lesson is not complicated: people buying a niche product from a store they found online are already doing a trust assessment. Every bit of friction in the checkout confirms their hesitation. Every bit of clarity reduces it.

Mobile was an afterthought and it showed

A large share of our traffic comes from mobile. The original design was built desktop-first and it showed on smaller screens. Product images were too small, the navigation was clunky, and the checkout was painful on a phone. Fixing mobile was not glamorous work but it was the most impactful thing we did for conversions.

If you are running a specialty e-commerce store and you have not gone through your own checkout on a phone recently, do it today.

Store: BalisongButterflyUSA
Instagram: balisongbutterflyusa
Facebook: balisongbutterflyusa

Top comments (0)