I'm always excited to take on new projects and collaborate with innovative minds.

Website

https://krafton.my.id

Social Links

Project

Vibration5 — Integrated Booking & Ecommerce Platform

A platform combining appointment bookings, online shopping, digital consent forms and customer notifications in one checkout experience.

Client

Kira
Vibration5 — Integrated Booking & Ecommerce Platform

Vibration5 brings the customer journey for grooming, wellness services and retail products into one platform.

Customers can explore service categories, view appointment details, select services and purchase products through a shared cart. Checkout adapts its confirmation email to the purchase: products only, bookings only or a combined order. Appointment details and relevant consent links appear alongside the purchased items.

The administrative experience supports editable category pages, service assignments, product tags and consent response review. Staff can update images and content through configurable shortcodes without editing page templates.

My work covered Laravel backend development, booking and ecommerce integration, payment handling, email templates, digital consent workflows, database migrations and responsive frontend improvements.

Key functionality:
• Shared cart for products and appointments.
• One checkout confirmation with a combined total.
• Editable service category pages and configurable content sections.
• Product tags with storefront filtering.
• Online Kambo and Cupping consent forms.
• Encrypted consent responses with permission-controlled administrative access.
• Signed consent links associated with relevant bookings.
• Responsive product controls and checkout address fields.
• Deployment scripts for migrations, asset publishing and cache refreshes.

Engineering case study

  1. The business challenge

    Vibration5 needed to support service bookings and retail purchases without making customers complete separate checkout journeys. The platform also needed editable service pages, consent collection for selected treatments and a practical dashboard for staff.

    A central challenge was keeping bookings, product orders, payment records and customer communications consistent when a cart contained both services and physical products.

  2. Engineering approach

    I extended an existing Laravel and CMS application, building on its ecommerce, administration and content editing capabilities.

    I connected appointments to ecommerce order lines and aligned the confirmation workflow around the contents of each checkout. I also built editable service category pages, product tag filtering and online consent forms with server-side validation.

    Verification included targeted standalone regression checks for booking email behaviour, order total preservation, consent rendering, product tag assignments and address migrations, alongside browser layout checks at multiple viewport widths.

  3. Solution architecture

    The presentation layer uses Blade templates, configurable shortcodes and responsive styling for service pages, product listings and checkout.

    The booking module manages services, practitioners and appointment records. Booking references connect appointments to ecommerce order lines, allowing products and services to share a cart and payment summary.

    The confirmation workflow reads the order contents and adds appointment information and relevant consent links to the order email. Checkout bookings reference the order payment, preserving the combined order lines and total.

    The consent module validates submissions, stores encrypted response payloads and provides permission-controlled review screens. Signed links associate relevant consent forms with bookings.

    Database migrations introduce new fields and configuration changes, while the cPanel deployment script runs migrations, publishes theme assets and clears application caches.

  4. Technologies involved

    PHP and Laravel support the application logic, validation, models, migrations and notification workflows. CMS provides the administrative interface, ecommerce foundation, content management and email template configuration.

    Blade, JavaScript, jQuery, Bootstrap and custom CSS support the storefront and responsive interactions.

    Laravel encrypted casts protect consent response payloads, and signed URLs support booking-linked consent forms.

    Git and cPanel deployment scripts support releasing application changes and refreshing published assets.

  5. Outcome

    The implementation supports product-only, booking-only and mixed-cart purchases with confirmation content tailored to each case.

    Staff can maintain service category content, assign product tags and review consent responses through the administration interface. Customers can filter products and complete relevant consent forms online.

    Checkout confirmation logic preserves the combined order total and avoids sending a separate customer booking confirmation for cart purchases. Targeted local regression checks passed; production email delivery and complete checkout behaviour require verification in the deployed environment.

  6. Lessons learned

    Combining bookings and ecommerce requires agreement across order lines, payment records, appointment status and customer communication. Updating an email template alone cannot resolve inconsistent checkout totals.

    Existing CMS customisations and published asset caches also need attention: saved email templates can retain older wording, and outdated stylesheets can hide frontend fixes.

    Configurable content sections give staff more control over routine updates, while migrations make structural changes repeatable. Focused regression checks help verify important behaviours, but they complement rather than replace testing against the deployed database, payment provider and mail configuration.

Share

Leave a comment

Your email address will not be published. Required fields are marked *

Your experience on this site will be improved by allowing cookies. Cookie Policy