Inotherm

Prenova spletnega konfiguratorja

Družinsko podjetje Inotherm se je v treh desetletjih delovanja razvilo v največjega evropskega proizvajalca aluminijastih vhodnih vrat. Skoraj 350-glava ekipa jih letno ustvari preko 40.000, kar 93 % pa jih svoj dom najde onkraj naših meja, predvsem na izjemno konkurenčnem nemškem trgu.

Celotna proizvodnja dolenjskega velikana kljub temu v celoti poteka na slovenskih tleh. Tu se poleg vrat najvišje kakovosti rojevajo tudi vrhunske inovacije, s katerimi Inotherm pomembno zaznamuje razvoj celotne branže.

Razvoj konfiguratorja

Načrtovanje
Oblikovanje (UX, UI)
Front-end programiranje

0 %

več konfiguracij

0 %

daljši čas uporabe konfiguratorja

0 %

višja stopnja "engagementa" na vseh napravah

Prej / potem

Levo pred prenovo / desno po prenovi

Prvovrstna vrata potrebujejo prav takšen konfigurator

Kupci lahko vsakega od več kot 400 modelov Inothermovih vrat prilagodijo popolnoma po svoje – od dimenzij do barv, zasteklitve in dodatkov. Za to pa jim ni treba na izlet v Ribnico, temveč zgolj na širni splet, kjer jih čaka konfigurator vhodnih vrat. Da bi bilo upravljanje s slednjim tako vrhunsko kot izdelki, ki jih kupci z njegovo pomočjo soustvarjajo, smo ga skupaj z Inothermom letos temeljito prenovili.

Cilj: kupcu ponuditi moderen, prijazen uporabniški vmesnik, ki brezhibno deluje tudi na mobilnih napravah, naročniku pa ponuditi skalabilno orodje, ki se bo brez težav prilagajalo nadgradnji asortimana.

INOTHERM_VHODNA_VRATA_HAUSTÜREN_DOORS_AGE1030_7_osebe (1) 1

Ko bistvo očem ni skrito …

Vse se začne (in pogosto žal tudi prehitro konča) pri uporabniški izkušnji, ki mora uporabniku zagotoviti preprosto in hitro personalizacijo produkta. Ena poglavitnih težav starega konfiguratorja je bila prav pomanjkljiva preglednost: do zaključka je vodilo preveč korakov, elementi pa niso bili logično razporejeni.

Novi konfigurator ne zahteva več pomikanja med posameznimi koraki, saj uporabnik do vseh dodatnih možnosti dostopa s pomočjo vertikalno pomične orodne vrstice na desni strani ekrana. Na levi strani ima pred seboj vedno veliko sliko izbranih vrat, ki prikazuje vse elemente trenutne konfiguracije. Slednje je tako moč prilagajati v poljubnem vrstnem redu, kar močno olajša postopek.

Dizajn brez roka trajanja

Trendi na področju uporabniških vmesnikov napredujejo s svetlobno hitrostjo: kar danes izgleda všečno, bo morda naslednje leto že zastarelo. Ker je vrhunski slog ena od ključnih odlik Inothermovih vrat, smo želeli, da se to odraža že skozi proces konfiguracije. Vmesnik smo zato vizualno prečistili in ga odeli v brezčasen izgled, ki se odlično ujema s celostno grafično podobo podjetja, hkrati pa brez težav kljubuje digitalnemu zobu časa.

Dizajn je obenem preprosto prilagoditi morebitnim nadgradnjam funkcionalnosti ter grafičnim podobam preko 1000 Inothermovih partnerjev, ki prav tako uporabljajo ta konfigurator.

Za vse stranke = za vse zaslone

Pametni telefon so neločljivo povezani s spletnim nakupovanjem, a nakupna izkušnja na mobilnih napravah je žal pogosto slabša od tiste na namiznem računalniku. To je bil tudi trn v peti Inothermovega konfiguratorja, zato pri prenovi nismo želeli, da bi bila mobilna različica vmesnika le pomanjšana kopija namizne.

Da bi konfigurator učinkovito približali tudi naraščajočemu številu kupcev, ki bi radi vrata personalizirali na pametnem telefonu ali tablici, smo prikaz trenutne konfiguracije premaknili na vrh zaslona, orodno vrstico pa umestili pod slednjega. Ta tudi v mobilni verziji omogoča vertikalno pomikanje med različnimi možnostmi prilagoditve, ki so obenem vedno na dosegu palca.

Dodatne možnosti po meri kupca …

Najboljša nakupna orodja upoštevajo specifične potrebe kupca glede na produkt. Pri Inothermu se denimo zavedajo, da personalizacija vrat – sploh ob neštetih možnostih – pogosto terja čas, bodisi za razmislek bodisi za uskladitev z arhitektom ali oblikovalcem.

Da bi na to potrebo kar najučinkoviteje odgovorili, smo vmesniku dodali možnost shranjevanja (format PDF) in deljenja trenutne konfiguracije. Uporabnik lahko kadar koli nadaljuje s konfiguracijo shranjenih vrat oz. slednja deli po elektronski pošti.

… in prodajalca!

Inovacije so globoko vtkane v Inothermov DNK, zato so nadgradnje ponudbe z novimi izdelki stalnica, ki se ji mora prilagoditi tudi konfigurator. Novi vmesnik za razliko od predhodnega omogoča preprosto dodajanje produktov, s čimer izpolnjuje enega osrednjih ciljev: skalabilnost.

V podatkih je moč!

V načrtovalni fazi smo posebno pozornost namenili raziskavi vedenja uporabnikov, predvsem definiranju glavnih pomanjkljivosti obstoječega konfiguratorja. Te smo s prenovo strukture uspešno odpravili, a s tem se naša analiza ni končala.

Prav nasprotno! Vzporedno s prenovo konfiguratorja smo pripravili in implementirali tudi podroben meritveni načrt, s pomočjo katerega natančno spremljamo uporabnike pri pomikanju med različnimi fazami konfiguracije. To ni le ključno za nadaljnje izboljšave vmesnika, temveč tudi za učinkovito oglaševanje. Naši specialisti za digitalni marketing namreč na osnovi teh podatkov natančneje definira ciljno skupino ki je izkazala interes, pa ni uspela dokončati konfiguracije, ter slednjo prepriča s prilagojenimi oglasi.

Naročniku smo s pomočjo lastnega personaliziranega poročila (Looker studio) omogočili tudi jasen vpogled v lijak korakov konfiguracije, s tem pa možnost takojšnjega ukrepanja v primeru odstopanja rezultatov – tako navzgor kot navzdol.

Številke so zgovornejše od besed …

SLOVENSKA RAZLIČICA
• 27,6-% dvig števila konfiguracij – že en mesec po objavi novega konfiguratorja!
• Uporabniki se na konfiguratorju zadržijo 130 % dlje (skoraj 2 minuti)
• Več kot 30 % višja stopnja angažiranosti (“engagementa”) na vseh napravah!

NEMŠKA RAZLIČICA
• 61,1-% dvig števila konfiguracij – že en mesec po objavi novega konfiguratorja!
• Uporabniki se na konfiguratorju zadržijo 74,6 % dlje (2 minuti in 38 sekund)
• Več kot 30 % višja “engagementa” na vseh napravah (na namiznih računalnikih je ta višja za kar 56,6 %)

0 %

več konfiguracij

0 %

daljši čas uporabe konfiguratorja

0 %

višja stopnja "engagementa" na vseh napravah

A pohvalne besede nam
vseeno pomenijo ogromno ;)

Optiweb je že več let naš celostni digitalni partner in veseli me, da smo skupaj dosegli še en mejnik v krepitvi Inothermove spletne prisotnosti. Učinek tehnično in oblikovno nadgrajenega konfiguratorja smo v podjetju začutili zelo hitro, tako v obliki boljših poslovnih rezultatov kot tudi v obliki pozitivnih povratnih informacij, ki nam jih posredujejo številni partnerji doma in na tujem. Tudi s procesom implementacije smo zadovoljni, saj je projekt vodila dobro uigrana ekipa, ki je znala prisluhniti našim željam ter jih v kar največji mogoči meri uresničiti.

Bojan Lavrič

Vodja marketinga

Začnimo projekt

Prejšnji projekt Naslednji projekt

Medtem na Facebooku …

Helena Žitnik

Izjemna prizadevnost, trud in fleksibilnost, da bi bila jaz kot stranka zadovoljna. Mladi ljudje, s katerimi je res prijetno delati. Najpomembneje pa je, da smo skupaj prišli do rezultata, ki smo ga želeli.

Tomaž Pirih

Sodelovali smo pri postavitvi spletne trgovine plusmed
Resnično nam ni žal, da smo izbrali Optiweb. Od prvega kontakta dalje je bilo sodelovanje izvrstno, najbolj všeč pa nam je bilo znanje in izkušnje ter številne ustvarjalne ideje ekipe Optiweb, ki smo jih tudi implementirali na stran.
Že sam odziv naših uporabnikov in poslovnih partnerjev iz tujine je dokaz, da je spletna trgovina na vrhunskem nivoju in izreden pozitiven dejavnik našega podjetja.

Tomaž Pirih
plusmed

Andrej P. Škraba

Eden najpomembnejših partnerjev za naš uspeh na globalnem trgu! Fantastična Magento ekipa, ki ji v Sloveniji verjetno ni para.

Andrej Furlan

Razvoj podjetja Optiweb spremljamo od samih začetkov, ko se je direktor Miha Lavtar podal na samostojno podjetniško pot. Z iskrenim nastopom nas je prepričal, da je prava izbira za sodelovanje. V nekaj letih so se razvili v hitrorastoče podjetje. Veseli nas, da nas seznanjajo z najnovejšimi trendi na področju spletne prodaje in marketinga in skrbijo za lasten razvoj, saj se na daleč opazi kako vlagajo v svoje znanje,izobraževanje…Pohvalno

Tomaž Stritar

To, da so odlični v tem kar počnejo, je že dobro znano. To vsak dan znova doživimo njihovi naročniki. Vsekakor pa je potrebno omeniti še dejstvo, da v tem škofjeloškem podjetju nastaja uspešen model dela z (zelo) mladim kadrom. Dejstvo je, da je večina podjetji popolnoma nepripravljenih na prihod mladih generacij v delovna okolja. No, Optiweb je. Od njih se bomo v prihodnosti še veliko učili tudi po tej plati. Komaj čakam :)

Samanta Vrtačnik

S podjetjem Optiweb sodelujemo že kar nekaj časa. Najprej pri postavitvi nove spletne strani ter kasneje pri oglaševanju.
Veliko nam pomeni profesionalnost, hitri odziv in pa predvsem zanesljivost, zato nam ni žal, da smo se odločili za Optiweb.

Samanta Vrtačnik,
podjetje Vrtačnik transport

Maja Marenk

Super ideje, skupaj dosegamo in premikamo naše meje! Hvala za nazaj in naprej–poiščite jih!!!!

Anže Tomšič

Priznam, da je bila investicija v spletno stran pri OptiWeb-u za moje podjetje velik zalogaj. Od prvega dne sodelovanja mi je jasno kaj jih razlikuje od ostalih. Hitra odzivnost, super predlogi, pogledi iz večih smeri. Sam nisem potreboval nekoga, ki pristopi z besedami “Kaj pa potrebuješ?”, vedar nekoga, ki mi je povedal kaj potrebujem in pokazal kako do tega priti.
Prepričan sem, da je moja nova spletna stran dobra naložba in bom z njo pritegnil veliko novih strank.

Hvala celotni ekipi OptiWeb!

Barman Anže Tomšič

Eva Birsa

Super ekipa in odnos ter kvalitetno opravljeno delo. Mislim, da so izpolnili naša pričakovanja in tako je nastala čudovita spletna trgovina Evitas. Ena boljših odločitev je bila, da smo ravno vam prepustili izdelavo le te. Če bi se odločala še enkrat, bi ponovno izbrala vas! :) Kar tako naprej!