Daug ženklų, vienas katalogas
NAILSOFTHEDAY, Lumore, Pink Me Up, Teri ir Staleks — kiekvienas su sava tapatybe ir spalva, bet turi veikti kaip viena nuosekli parduotuvė, ne penki atskiri interneto puslapiai.
INDRI.
Sistema, pastatyta nuo nulio.
Penki savarankiški prekių ženklai, 162 produktai ir dvi skirtingos auditorijos — profesionalūs meistrai ir namų vartotojai — vienoje Shopify parduotuvėje, su el. pašto sistema, kuri dirba pati. Skirtingai nuo COBB projekto, čia nebuvo ką perdaryti: architektūra, dizaino sistema ir kiekviena sekcija sukurta ant Horizon temos nuo pirmo failo.
Vienas katalogas, penki balsai.
5savarankiški prekių ženklai vienoje sistemoje: NAILSOFTHEDAY, Lumore, Pink Me Up, Teri, Staleks
162produktai 98 kolekcijose
800produktų variantų (atspalviai, dydžiai) — ~4,9 vidutiniškai kiekvienam produktui
9nuo nulio sukurtos INDRI Horizon sekcijos
~28INDRI specifinių sekcijų, fragmentų (snippets), stilių ir šablonų failų
4kalbos nuo paleidimo dienos: LT · LV · ET · EN
5atspalvio atvaizdavimo tipai tiksliam gelio lako spalvos rodymui
1ženklo puslapio šablonas visiems penkiems ženklams — naujam ženklui nereikia naujo kodo
25Omnisend automatizacijos ir 64 laiškai lietuviškai
Kuo prasidėjo — ne šablonu, o iššūkiu.
Spalva sprendžia viską
Gelio lako pirkėjas renkasi pagal tikslų atspalvį. Standartinė Shopify variantų nuotrauka to neišsprendžia — reikėjo sistemos, kuri parodytų spalvą teisingai kiekvienoje vietoje.
Du skirtingi pirkėjai
Salono meistras perka urmu pagal darbo eigą (paruošimas → bazė → spalva → finišas). Namų vartotojas renkasi pagal nuotaiką. Abiem reikėjo savo kelio per tą patį katalogą — ir savo laiškų po pirkimo.
Ką sukūrėme nuo nulio.
Atmosferos sistema
8 nuotaikos (rose, sage, lilac, clay, silver, wine, ink, neutral) × 5 fono efektai, automatiškai parenkami pagal produkto kategoriją ir perrašomi rankiniu būdu ten, kur reikia. Manrope tipografija, minimalistinė juoda/balta bazė.
indri-atmosphere-classes.liquidindri-atmospheres.cssŽenklų juosta be dubliavimo
Viena sekcija su „placement“ logika: pagrindiniame, kolekcijos ir produkto puslapiuose rodoma tiesiogiai, visur kitur — per antraštės grupę. Niekada nepasirodo du kartus.
indri-brand-bar.liquidindri-brand-bar.jsŽenklo filtras ir vitrina
Kolekcijos puslapyje automatiškai atsiranda to ženklo kategorijų žetonai, paimti tiesiai iš navigacijos meniu. Kiekvienam ženklui — logotipas, aprašymas trimis kalbomis ir rankomis parinkti flagman produktai.
indri-brand-filter.liquidindri-brand-showcase.liquidAtspalvio peržiūra tiesiai kortelėje ↓
Vienos eilutės pakeitimas standartiniame Horizon kortelės faile įjungia visiškai custom atspalvio pasirinkimo kapsulę kiekvienoje produkto kortelėje visoje svetainėje. Kaip tiksliai tai veikia — kitame skyriuje, su gyvu pavyzdžiu.
blocks/_product-card-gallery.liquidindri-shade-preview.liquidHero vaizdo įrėminimo langas
Pagrindinio puslapio video hero — ne paprastas fonas: vaizdas tampa fiksuotu „langu“, o stiklinė kortelė su antrašte lieka vietoje, kol sekcija slenkasi virš jos, ir ištirpsta lygiu greičiu, kai pasislenkate žemyn. requestAnimationFrame skaičiuoja pozicijos ir permatomumo kreivę, viskas išsijungia su prefers-reduced-motion.
indri-hero-card.jsindri-layout-fixes.cssKontaktai ir rinkiniai
- Atskiras kontaktų puslapis su temos maršrutizavimu: užsakymas, bendradarbiavimas, grąžinimas, kita
- Pilni įmonės rekvizitai ir vertimai keturiomis kalbomis
- Atskiras šablonas kuruotiems produktų rinkiniams su savo redakciniu hero
indri-contact-page.liquidcollection.rinkiniai.jsonŽenklų plėtra be naujo kodo
Kiekvienas ženklas įsilieja į tą pačią sistemą: produktai su aprašymais, video, metalaukais ir taksonomija, kolekcijos su subkategorijų filtrais, savas blokas meniu ir vertimai. Taip į katalogą įtraukti visi penki ženklai — nuo nagų sistemų iki profesionalių įrankių.
custom.naudojimo_instrukcijaindri-brand-menuVertimai, patikrinti automatiškai
Kiekvienas naujas produktas ir kolekcija iš karto gauna latvišką ir estišką versiją, o meniu — ir anglišką. Šimtai vertimų sutikrinami su šaltiniu raidė po raidės, kad neprarastų nė vienos diakritinės raidės.
LT · LV · ET · ENtranslationsRegisterKampanijų mechanika temoje
- Progreso juosta krepšelyje ir besisukantis pranešimų skydelis
- Laikinos kampanijos, kurios pasibaigus terminui išsijungia pačios — be rankinio darbo
- Kainų atvaizdavimas sinchronizuotas su Shopify automatika
snippets/price.liquidAtspalvio peržiūra, kuri veikia tiesiai kortelėje.
+5
Tai veikiantis šio skyriaus pavyzdys — supaprastinta to paties principo versija, kuris realiai naudojamas kiekvienoje indri.lt produkto kortelėje.
- Atpažįsta pati, kuri produkto savybė yra „atspalvis“, o kuri — „tūris“ ar „svoris“, net kai pavadinimai lietuviški, latviški ar angliški.
- Parenka tiksliausią nuotrauką: jei tas pats atspalvis parduodamas keliais dydžiais, sistema automatiškai naudoja mažiausio dydžio varianto nuotrauką kaip spalvos atskaitą.
- Prisitaiko prie kortelės pločio per CSS container queries (ne tik ekrano dydį) — trys atspalviai plačioje kortelėje, du siauroje.
- Leidžia persijungti neatidarius produkto: paspaudus atspalvį realioje svetainėje, Shopify varianto sistema iškart atnaujina kainą ir nuotrauką sąraše.
- Pilnai prieinama: klaviatūra, ekrano skaitytuvas,
prefers-reduced-motion.
O kai atspalvis jau pasirinktas produkto puslapyje — kiekvienam variantui gali būti priskirtos papildomos, tikslesnės nuotraukos per atskirą metalauką; jos atsidaro lightbox galerijoje ir persikrauna, kai pakeičiate variantą.
indri-shade-preview.liquidindri-swatch-visual.liquidvariant extra-image gallery blockGyva parduotuvė, ne maketas.
Neutrali bazė, ženklų akcentai.
Fonas#FFFFFF
Tekstas#000000
Kontūrai#DFDFDF
NAILSOFTHEDAY#D9B7BE
Lumore#CBC3D8
Pink Me Up#E58FB2
Profesionalams.
Ir tau.
Manrope tekstui ir antraštėms, neutrali juoda/balta bazė ir po vieną švytėjimo spalvą kiekvienam ženklui. Apvalūs 14px mygtukai, 4px kortelių kampai — sistema, kurioje penki ženklai jaučiasi vienodai patogiai.
Nuo audito iki sistemos, kuri parduoda.
Pradžia
Esamos svetainės auditas, sprendimas pereiti į Shopify ir katalogo perkėlimo planas.
Struktūra ir dizaino paieškos
Kategorijų medis, ženklų sistema ir kelios temos kryptys, kol išgryninta galutinė.
Infrastruktūra
Domenas, el. pašto dėžutės, mokėjimų ir siuntimo partnerių prijungimas.
Paleista gyvai
Galutinė Horizon versija su INDRI sekcijomis publikuota kaip pagrindinė tema.
El. pašto sistema
Automatizacijos, registracijos formos ir segmentacija — dviem auditorijoms, lietuviškai.
Vizualai ir kampanija
Kiekvienam laiškui — savas vaizdas, kampanijos mechanika temoje ir Meta reklama.
Katalogo plėtra
Nauji produktai, kolekcijos, meniu ir vertimai, atnaujintos el. laiškų sekos.
Aktyviai tobulinama
Sistema auga kartu su katalogu ir naujais ženklais.
Omnisend automatizacijos, kurios dirba pačios.
Parduotuvė kalbasi su pirkėju pati — nuo pirmo apsilankymo iki pakartotinio užsakymo. Viskas lietuviškai, INDRI stiliumi, su dinamiškomis produktų rekomendacijomis iš Shopify katalogo ir atskiru keliu meistrėms bei namų vartotojoms.
Veikia nuo 09-3025automatizacijos
64laiškai, įskaitant šakų variantus
2keliai: meistrėms ir namų vartotojoms
4įėjimo taškai: iššokantis langas, poraštė, meistrių registracija, siuntinio kortelė
Kol dar neperka
- PasveikinimasNaujiems prenumeratoriams iš iššokančio lango ir poraštės
- Meistrių registracijaAtskiras kelias salonų meistrėms
- Meistrių seka10 laiškų apie ženklus ir kategorijas; tvarka keičiasi pagal tai, ką meistrė paspaudė
- Namų vartotojomsPink Me Up pristatymas
Kai beveik nusipirko
- Paliktas krepšelisPriminimų serija su išsaugotomis prekėmis
- Paliktas apmokėjimasPriminimų serija nebaigus apmokėjimo
- Peržiūrėtos prekės2 laiškai, jei prekė liko neįsigyta
- Prekė vėl prekybojeAutomatinis pranešimas laukiantiems
Kad patiktų ir grįžtų
- Po pirkimoMeistrėms 5, kitoms 4 laiškai: patarimai, atsiliepimas ir kvietimas išbandyti kitą ženklą
- Papildančios prekėsPagal tai, kas nupirkta: Teri, modeliavimas, geliniai lakai, Pink Me Up, Staleks
- Siuntinio kortelėRegistracija iš siuntinio — kvietimas grįžti
Ilgalaikis ryšys
- Papildymo priminimaiPagal kiekvienos priemonės sunaudojimo ciklą: bazės ir topai, Pink Me Up, Teri filtrai, Staleks vienkartinės priemonės
- Pro klubasLojalumo programa aktyviausioms meistrėms
- Rekomenduok kolegeiMeistrės rekomenduoja INDRI kolegėms
- SusigrąžinimasKvietimas sugrįžti po ilgesnės pertraukos ir neaktyvių kontaktų tvarkymas
Taisyklės, kurios saugo nuo šlamšto
- Ribotas laiškų dažnis kiekvienam kontaktui
- Pirkimas iškart sustabdo įvadinę seką
- Siuntimo laikas pritaikytas auditorijai: meistrėms — darbo dienų rytą, namams — vakare
- Meistrė atpažįstama automatiškai pagal tai, ką perka
- Kiekviename laiške — nauda: patarimai, ne vien pasiūlymas
Kiekvienam scenarijui — savas antraštės vaizdas: tikros prekių ženklų nuotraukos ir INDRI tipografija.
Omnisend pavadinimas ir logotipas priklauso Omnisend ir čia naudojami tik nurodant platformą, kurioje sukurta sistema.
Ką tai duoda verslui.
Viena sistema, penki ženklai
Kiekvienas prekės ženklas turi savo balsą, bet bendrą architektūrą — naujas ženklas pridedamas nekuriant naujos svetainės.
Mažiau netikėtumų gavus siuntą
Tikslus atspalvio atvaizdavimas ir papildomos nuotraukos sumažina neatitikimą tarp to, ką pirkėjas mato ekrane, ir to, ką gauna.
Vienas katalogas, du keliai
Salono meistras ir namų vartotojas naudoja tą pačią sistemą, bet skirtingais įėjimo taškais — be atskirų svetainių.
Paruošta trims rinkoms iš karto
LT/LV/ET/EN turinys nėra pridėtas vėliau — jis įaustas į kiekvieną sekciją nuo pirmos dienos.
Pardavimai, kurie nevyksta tik rankomis
Sveikinimas, apleistas krepšelis, papildymo priminimai ir rekomendacijos po pirkimo veikia patys — komanda gali skirti laiką klientams, ne laiškų siuntinėjimui.
Paruošta augti per reklamą
Meta pikselis, produktų katalogas ir kampanijų struktūra paruošti pagal ženklus, todėl reklamos rezultatas matuojamas iki pat pardavimo.
~138 valandos nuoseklaus darbo.
~138 val.
Tiek darbo apėmė visas projektas — nuo parduotuvės architektūros ir penkių ženklų katalogo iki el. pašto sistemos ir reklamos paruošimo — per 2026 m. rugpjūtį–spalį.
Produktų paruošimas ir sukėlimas: penki ženklai, keturios kalbos
52 val.
Parduotuvės kūrimas: struktūra, kategorijos, filtrai, dizainas, mobilioji versija, SEO
30 val.
El. pašto sistema: automatizacijos, formos, laiškai
24 val.
Mokėjimai, pristatymas ir apskaita
12 val.
Meta reklamos paruošimas
12 val.
Testavimas ir paleidimas
8 val.