O kliencie
KALA to autoryzowany dystrybutor profesjonalnych zapachów do pomieszczeń, działający w segmencie premium e-commerce. Sklep oferuje starannie wyselekcjonowane zapachy z pełną dokumentacją składu — od nut zapachowych po certyfikaty IFRA i karty charakterystyki.
Wyzwanie
Sprzedaż zapachów online to jedno z najtrudniejszych wyzwań w e-commerce — klient nie może powąchać produktu przed zakupem. Kluczowe było stworzenie takiego doświadczenia zakupowego, które zastąpi zmysł węchu wizualną i opisową prezentacją profilu zapachowego. Dodatkowo sklep musiał komunikować premiumowy charakter marki na każdym etapie ścieżki zakupowej.
Produkt niemożliwy do przetestowania online
Konieczność komunikacji premium w każdym detalu
Warianty pojemności z różnymi cenami
Dokumentacja techniczna (karty charakterystyki, IFRA)
Szybki i bezproblemowy proces zakupowy
Brak gotowego szablonu pasującego do branży
Wizualizacja profilu zapachowego (piramida nut)
Elegancki, autorski szablon premium
Dynamiczna aktualizacja ceny przy wyborze wariantu
Łatwy dostęp do PDF-ów i certyfikatów
One Page Checkout bez pośredniego koszyka
Szablon własny od podstaw — 'kalakamikstudio’
Zakres prac
1. Autorski szablon 'kalakamikstudio’
Zaprojektowano i zbudowano od podstaw dedykowany szablon PrestaShop w estetyce premium — z typografią Inter + Playfair Display (Google Fonts), CSS custom properties i podejściem Mobile First.
Strona główna
Minimalistyczny layout z pełnoekranowymi banerami, wyróżnionymi kolekcjami zapachów i eleganckim mega menu z horizontal scroll
Listing produktów
Karty produktów z dużymi zdjęciami, filtry AJAX, responsywna siatka z zachowaniem estetyki premium na każdym breakpoincie
Wyszukiwarka AJAX
Rozwijany dropdown z podglądem produktów — nazwa, zdjęcie, cena oraz nuty zapachowe widoczne już na etapie wyszukiwania
Blog
Sekcja artykułów z infinity scroll — porady dotyczące aromaterapii, opisy kolekcji i nowości w ofercie
2. Karta produktu — doświadczenie sensoryczne online
Kluczowy element sklepu. Karta produktu została zaprojektowana tak, aby maksymalnie oddać charakter zapachu bez fizycznego kontaktu z produktem.
-
Piramida nut zapachowych
Wizualizacja profilu zapachu: Głowa (top notes), Serce (middle notes), Baza (base notes) — klient rozumie ewolucję zapachu -
Sticky galeria ze zoomem
Duże zdjęcie główne przyklejone do viewportu przy scrollowaniu + miniaturki — produkt widoczny na każdym etapie przeglądania opisu -
Warianty pojemności z dynamiczną ceną
Wybór pojemności (100ml–1L) z natychmiastową aktualizacją ceny bez przeładowania strony (Alpine.js) -
Blokowy opis produktu
Naprzemiennie rozmieszczone sekcje tekst/obraz — storytelling budujący atmosferę wokół zapachu -
Dokumentacja i certyfikaty
Karta charakterystyki do pobrania (PDF), certyfikat IFRA, 30-dniowa gwarancja zwrotu — budowanie zaufania -
Opinie klientów
Sekcja recenzji z opisami wrażeń zapachowych — społeczny dowód słuszności
3. One Page Checkout
Wdrożono uproszczony proces zakupowy bez strony koszyka — klient przechodzi bezpośrednio od produktu do finalizacji zamówienia, co minimalizuje ryzyko porzucenia koszyka.
InPost Paczkomat — mapa punktów
InPost Kurier — door-to-door
BLIK — natychmiastowa płatność
Karty płatnicze (Visa / Mastercard)
Przelewy24
4. Moduły dedykowane KamikStudio
Sklep został wyposażony w autorskie moduły KamikStudio rozszerzające funkcjonalność platformy.
KS GTM DataLayer
Pełna integracja Google Tag Manager z warstwą danych e-commerce — śledzenie wyświetleń produktów, dodań do koszyka, zakupów i innych zdarzeń GA4
KS CRM
System zarządzania relacjami z klientem — segmentacja, automatyzacje marketingowe, kolejka komunikatów (email, SMS, Web Push), analityka i lejek sprzedażowy
KS AutoLinker
Automatyczne linkowanie wewnętrzne — parser HTML, tooltips z podglądem, mapa linków, skaner SEO i REST API do zarządzania frazami
5. Responsywność i Mobile First
Cały szablon zaprojektowano w podejściu Mobile First — od najmniejszych ekranów w górę. Każdy element, od mega menu po piramidę nut zapachowych, działa płynnie na urządzeniach mobilnych.
-
Responsywny design
Pełna obsługa wszystkich breakpointów od mobile do desktop -
Alpine.js 3.x
Lekki framework reaktywny — dynamiczna aktualizacja cen, wariantów i interakcji bez ciężkich bundli JS -
CSS Custom Properties
System zmiennych CSS zapewniający spójność kolorystyczną i łatwość modyfikacji motywu -
Dotykowa nawigacja
Mega menu z horizontal scroll, galeria z gestami swipe, zoptymalizowane formularze na touch
Stack technologiczny
Alpine.js 3.x
CSS Custom Properties
Google Fonts (Inter + Playfair Display)
GTM + GA4
Tpay (BLIK, karty, P24)
InPost (Paczkomat + Kurier)
KS GTM DataLayer
KS CRM
KS AutoLinker
Rezultaty
Projekt KALA to budowa sklepu premium od podstaw na PrestaShop 9.0.3 — autorski szablon 'kalakamikstudio’ z unikalną kartą produktu zawierającą piramidę nut zapachowych, sticky galerię, warianty pojemności z dynamiczną ceną i blokowe opisy. Wdrożono wyszukiwarkę AJAX z podglądem nut zapachowych, One Page Checkout z integracją InPost i Tpay, mega menu z horizontal scroll, blog z infinity scroll oraz trzy moduły KamikStudio (GTM DataLayer, CRM, AutoLinker). Całość w podejściu Mobile First z Alpine.js 3.x i CSS custom properties.