About the client
KALA is an authorized distributor of professional home fragrances, operating in the premium e-commerce segment. The store offers carefully curated scents with full composition documentation - from fragrance notes to IFRA certificates and safety data sheets.
The challenge
Selling fragrances online is one of the hardest challenges in e-commerce - the customer cannot smell the product before buying. The key was to craft a shopping experience that replaces the sense of smell with a visual and descriptive presentation of the scent profile. On top of that, the store had to communicate the brand's premium character at every stage of the purchase journey.
A product impossible to test online
Premium communication in every detail
Volume variants with different prices
Technical documentation (safety data sheets, IFRA)
A fast, frictionless purchase flow
No off-the-shelf template fitting the industry
Visualizing the scent profile (a fragrance pyramid)
An elegant, custom premium template
Dynamic price updates on variant selection
Easy access to PDFs and certificates
One Page Checkout with no intermediate cart
A template built from scratch - 'kalakamikstudio'
Scope of work
1. The custom 'kalakamikstudio' template
We designed and built from scratch a dedicated PrestaShop template with a premium aesthetic - Inter + Playfair Display typography (Google Fonts), CSS custom properties and a mobile-first approach.
Homepage
A minimalist layout with full-screen banners, featured fragrance collections and an elegant mega menu with horizontal scroll
Product listing
Product cards with large photos, AJAX filters, a responsive grid keeping the premium aesthetic at every breakpoint
AJAX search
A dropdown with product previews - name, photo, price and fragrance notes visible right at the search stage
Blog
An article section with infinite scroll - aromatherapy tips, collection descriptions and new arrivals
2. The product page - a sensory experience online
The heart of the store. The product page was designed to convey the character of a scent as fully as possible without physical contact with the product.
-
Fragrance note pyramid
A visualization of the scent profile: top notes, middle notes, base notes - the customer understands how the fragrance evolves -
Sticky gallery with zoom
A large main photo pinned to the viewport while scrolling + thumbnails - the product stays visible while reading the description -
Volume variants with dynamic pricing
Volume selection (100ml-1L) with instant price updates without a page reload (Alpine.js) -
Block-based product description
Alternating text/image sections - storytelling that builds an atmosphere around the fragrance -
Documentation and certificates
A downloadable safety data sheet (PDF), an IFRA certificate, a 30-day return guarantee - building trust -
Customer reviews
A review section with descriptions of scent impressions - social proof
3. One Page Checkout
We implemented a simplified purchase flow with no cart page - the customer goes straight from the product to order completion, minimizing cart abandonment.
InPost parcel lockers - a map of pickup points
InPost courier - door-to-door
BLIK - instant payment
Payment cards (Visa / Mastercard)
Przelewy24
4. KamikStudio custom modules
The store runs on proprietary KamikStudio modules extending the platform's functionality.
KS GTM DataLayer
Full Google Tag Manager integration with an e-commerce data layer - tracking product views, add-to-carts, purchases and other GA4 events
KS CRM
A customer relationship management system - segmentation, marketing automations, a message queue (email, SMS, Web Push), analytics and a sales funnel
KS AutoLinker
Automatic internal linking - an HTML parser, preview tooltips, a link map, an SEO scanner and a REST API for managing phrases
5. Responsiveness and Mobile First
The entire template was designed mobile-first - from the smallest screens up. Every element, from the mega menu to the fragrance pyramid, works smoothly on mobile devices.
-
Responsive design
Full support for all breakpoints from mobile to desktop -
Alpine.js 3.x
A lightweight reactive framework - dynamic price, variant and interaction updates without heavy JS bundles -
CSS Custom Properties
A CSS variable system ensuring color consistency and easy theme modification -
Touch navigation
A mega menu with horizontal scroll, a swipe-gesture gallery, touch-optimized forms
Technology stack
Alpine.js 3.x
CSS Custom Properties
Google Fonts (Inter + Playfair Display)
GTM + GA4
Tpay (BLIK, cards, P24)
InPost (lockers + courier)
KS GTM DataLayer
KS CRM
KS AutoLinker
Results
The KALA project is a premium store built from scratch on PrestaShop 9.0.3 - the custom 'kalakamikstudio' template with a unique product page featuring a fragrance note pyramid, a sticky gallery, volume variants with dynamic pricing and block-based descriptions. We implemented AJAX search with fragrance note previews, a One Page Checkout with InPost and Tpay integration, a mega menu with horizontal scroll, a blog with infinite scroll and three KamikStudio modules (GTM DataLayer, CRM, AutoLinker). All built mobile-first with Alpine.js 3.x and CSS custom properties.
