Go back

Live site

Bonvent Motorbikes | Shopify-Powered Custom Motorcycle Accessories Store

Bonvent Motorbikes | Shopify-Powered Custom Motorcycle Accessories Store thumbnail
L Azlan Rafar

L Azlan Rafar

Software Engineer

I developed Bonvent Motorbikes (bonventmotorbikes.com)—an e-commerce platform specializing in plug-and-play motorcycle transformation kits and accessories—using Shopify as the primary platform. My work covered theme customization, product data modeling, SEO optimization, and performance improvements, ensuring a professional and scalable storefront ready for international customers.

Tech Stack & Tools

  • Platform: Shopify (Liquid templating engine)
  • Frontend: HTML5, CSS3 (SCSS), JavaScript (vanilla + Shopify sections)
  • Backend (Shopify-native): Liquid, Shopify APIs, Shopify Admin
  • Data & Products: Shopify Collections, Metafields, Variants
  • SEO & Analytics: Structured metadata, Open Graph tags, alt text optimization, Shopify SEO apps, Google Analytics, Search Console
  • Payments & Security: Shopify Payments, PayPal, Apple Pay, AMEX, SSL via Shopify
  • Performance: Image compression, lazy loading, Shopify CDN, minimal 3rd-party scripts

Key Contributions

1. Product Management & Data Modeling

  • Designed and organized products into collections (Scrambler kits, LED tail tidy, headlights, seats, etc.) with consistent variants and structured pricing.
  • Used Shopify metafields to store custom product attributes (e.g., compatibility with Royal Enfield models).
  • Automated handling of best sellers, new arrivals, and promotions via dynamic collection rules.

2. Theme Customization & UX

  • Customized a Shopify theme using Liquid templates and section-based architecture for maintainability.
  • Implemented responsive design (mobile-first) ensuring the site works seamlessly on desktop, tablet, and mobile.
  • Optimized navigation (Shop, Gallery, FAQ, About, Contact) to minimize click depth for users and search engines.

3. SEO & Discoverability

  • Configured SEO-friendly URLs and consistent naming conventions.
  • Added structured product schema (JSON-LD) for better visibility in Google Shopping & search results.
  • Optimized meta titles, descriptions, alt text, and compressed images to improve page speed and ranking.
  • Integrated Google Analytics and Search Console for monitoring traffic and keyword performance.

4. Performance & Reliability

  • Leveraged Shopify’s CDN and added lazy-loading for high-resolution product images.
  • Minimized 3rd-party scripts to avoid slowing down the checkout flow.
  • Configured caching strategies for static assets (JS, CSS, images).

5. Internationalization & Payments

  • Enabled multi-currency support (€, $, £) to support global buyers.
  • Integrated multiple payment gateways (Shopify Payments, PayPal, Shop Pay, Apple Pay, Visa/MasterCard).
  • Ensured GDPR & tax compliance by configuring Shopify’s built-in legal pages and checkout policies.