Qwerty.

L Azlan Rafar

La.

Home
About
Projects
Activity
Contact

main

0

0

0

2 hrs 22 mins

--NORMAL--

Prettier

lazlanrafar

Projects

A collection of 19 projects that I have worked on.

Bonvent Motorbikes | Shopify-Powered Custom Motorcycle Accessories Store thumbnail
Project

Bonvent Motorbikes | Shopify-Powered Custom Motorcycle Accessories Store

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 & ToolsPlatform: Shopify (Liquid templating engine)Frontend: HTML5, CSS3 (SCSS), JavaScript (vanilla + Shopify sections)Backend (Shopify-native): Liquid, Shopify APIs, Shopify AdminData & Products: Shopify Collections, Metafields, VariantsSEO & Analytics: Structured metadata, Open Graph tags, alt text optimization, Shopify SEO apps, Google Analytics, Search ConsolePayments & Security: Shopify Payments, PayPal, Apple Pay, AMEX, SSL via ShopifyPerformance: Image compression, lazy loading, Shopify CDN, minimal 3rd-party scriptsKey Contributions1. Product Management & Data ModelingDesigned 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 & UXCustomized 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 & DiscoverabilityConfigured 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 & ReliabilityLeveraged 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 & PaymentsEnabled 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.

bonventmotorbikes.com
2025
View Details
Natalie Lejeune Osteopathy – Online Courses & Event Booking Platform thumbnail
Project

Natalie Lejeune Osteopathy – Online Courses & Event Booking Platform

I helped build the digital platform for Natalie Lejeune Osteopathy, enabling her to deliver and monetize both online courses and live or on‑demand events dedicated to osteopathy education.ObjectivesCreate an integrated system to sell and manage online courses, memberships, and live event registrations.Enable smooth UX for practitioners and learners to sign up, access content, and register for events.Provide a custom CMS so admins can easily manage courses, schedules, media, and user engagement.My ContributionsCourse & Event Management System:Catalog of courses and workshops with pricing, scheduling, and availability control.Support for live webinars, e‑learning modules, downloadable resources, and CPD/CEU tracking.E-Commerce and Checkout:Secure payment processing with integration for refunds, coupon codes, and invoice generation.Automated email confirmations and reminders.Custom CMS for Admins:Manage course content, event listings, attendee data, and user certificates without developer input.User-Centric Frontend:Clean, responsive UI for seamless browsing and checkout on all devices.Member dashboard for accessing purchased courses and upcoming events.Scalability & Compliance:Architecture prepared for adding languages, webinar platforms, or subscription tiers.Built with audit-ready logs and certificate issuance—for continuing education accreditation.ImpactEmpowered Natalie’s team to launch and scale educational offerings efficiently.Delivered a polished and trustworthy buying experience that converts visitors into paying learners.Streamlined the administration of courses and events—reducing operational overhead.

www.natalielejeuneosteopathy.com
Next.jsTypescriptVue.js+2
2025
View Details
Treelogy – E-Commerce Platform for Sustainable Moringa Products thumbnail
Project

Treelogy – E-Commerce Platform for Sustainable Moringa Products

I contributed to building the e-commerce platform for Treelogy, a sustainability-driven brand focused on selling premium Moringa-based products under the philosophy: People Care, Earth Care, Future Care.Key ObjectivesCreate a high-converting storefront aligned with eco-conscious branding.Empower the marketing team to manage content, products, and promotions via a custom CMS.Provide a seamless shopping experience optimized for mobile and international users.My ContributionsE-Commerce Development:Product catalog with variants, inventory tracking, and promotional pricing.Integrated checkout system with payment gateway and shipping logic.Custom CMS for managing:Products, orders, blog content, and landing pages without developer input.UX Optimization:Fast-loading, responsive UI with clean, natural design reflecting the brand.Multi-device testing for frictionless mobile shopping.Technical Enhancements:SEO-optimized structure and meta-data handling.Future-ready architecture to support expansion (subscriptions, internationalization, etc.).ImpactEnabled Treelogy to launch a scalable online store with full control over product and content management.Increased conversion potential with a smooth user experience and engaging storytelling.Set the foundation for data-driven marketing, remarketing, and customer retention.

treelogy.com/
Next.jsTypescriptAWS
2025
View Details
Bali Smart Investment – Real Estate Lead Generation & CMS Platform thumbnail
Project

Bali Smart Investment – Real Estate Lead Generation & CMS Platform

I contributed to the development of Bali Smart Investment, a real estate platform designed to showcase curated investment properties in Bali and capture high-quality leads through a modern, conversion-focused website integrated with a custom CMS.Key contributions:Custom CMS for managing property listings, inquiries, and media content.Lead capture system integrated with WhatsApp & email, optimized for mobile responsiveness.Multi-language support for international users (EN/ID).Developed scalable APIs and admin tools for content managers to update listings without developer involvement.Implemented SEO best practices, fast-loading UI, and rich visuals to support marketing goals.The platform effectively supports sales & marketing teams by automating lead intake and presenting properties with strong visual appeal, targeting both local and international investors.

balismartinvestment.com
Vue.jsExpress.jsNext.js+3
2025
View Details
Pertama Property - Property Management System thumbnail
Project

Pertama Property - Property Management System

As part of the development team, I helped build a centralized CMS for Pertama Property to streamline their core operations: maintenance tracking, purchasing workflows, and facility booking.The goal was to replace scattered manual processes with a digital platform that’s fast, reliable, and scalable. Key features I contributed to:Maintenance Management – Task scheduling, technician assignments, real-time status tracking.Purchasing Module – End-to-end flow from purchase requests to vendor selection and PO generation.Facility Booking System – Calendar-based booking with smart availability and approval rules.I was involved in:Backend API development with structured data models and access control.Frontend interface using modular, user-friendly components.File handling for documents like invoices, POs, and maintenance logs.This CMS significantly improved internal efficiency, reduced paperwork, and laid the groundwork for future tenant-facing services.

pertamaproperty.com
Next.jsVue.jsExpress.js+4
2024
View Details
IT Inventory Camak thumbnail
Project

IT Inventory Camak

The IT Inventory Management System is a comprehensive web application designed to efficiently track, manage, and organize IT assets across an organization. Built with a Vue 2 front-end and Express Node back-end, the system provides real-time insights into hardware, software, and other critical IT resources. Key features include:- Asset Tracking: Easily add, update, and categorize IT assets, including computers, servers, networking equipment, and software licenses.- Inventory Monitoring: Keep track of stock levels and get notifications when equipment needs to be replenished or replaced.- User Management: Role-based access control allows different user levels for administrative and technical staff.- Maintenance Logs: Record and monitor the service history and maintenance schedules of assets.- Real-time Dashboard: Overview of the current IT inventory status, highlighting critical information like low stock items and upcoming maintenance. The system streamlines IT operations, ensuring that assets are utilized efficiently and any issues are promptly addressed, enhancing overall productivity and security.

Vue.jsExpress.jsBootstrap
2024
View Details
Estatix - Home Booking & Monthly Bill Payment thumbnail
Project

Estatix - Home Booking & Monthly Bill Payment

Estatix is an all-in-one application that simplifies the process of finding and booking your dream home while conveniently managing your monthly bills. With Estatix, you can effortlessly browse, book, and make payments for your preferred housing options, making it the perfect solution for individuals and families looking for their next place to call home.

Vue.jsExpress.jsBootstrap
2024
View Details
Distribusi SK dan Surat Tugas Politeknik Negeri Batam thumbnail
Project

Distribusi SK dan Surat Tugas Politeknik Negeri Batam

This Project optimizing the distribution process of SK and Surat Tugas at Politeknik Negeri Batam for improved efficiency and timely communication.

sk.polibatam.ac.id
Vue.jsExpress.jsTypescript
2024
View Details
Airplane - Airplane Ticket App thumbnail
Project

Airplane - Airplane Ticket App

Airplane is an airplane ticket app that is created using Flutter.

2024
View Details
ILOG thumbnail
Project

ILOG

The ILOGG Parcel Courier Application revolutionizes the courier industry by simplifying the sending and tracking of packages, providing customers with reliable and efficient service. ILOGG is dedicated to setting new standards for courier services, enhancing customer satisfaction, and contributing to the efficiency of logistics and supply chain management. This application signifies ILOGG's commitment to innovation and excellence in the world of parcel courier services.

ilogexpresstrack.id
Vue.jsExpress.jsBootstrap
2024
View Details
Foodyar - Cooking Course Website thumbnail
Project

Foodyar - Cooking Course Website

Foodyar is a cooking course website that is created using HTML, Bootstrap, and JavaScript.

foodyar-eight.vercel.app
2024
View Details
Lajupay - Tax payment app thumbnail
Project

Lajupay - Tax payment app

Lajupay is your trusted companion for seamless tax payment. Say goodbye to the complexity of managing your taxes and hello to an efficient, user-friendly experience. Lajupay simplifies the process, allowing you to pay your taxes, file returns, and stay on top of your financial obligations with ease.

2024
View Details
  • Previous
  • 1
  • 2
  • Next
Items per page: