Izhodišča projekta

Novak M je želel sodobno spletno rešitev za podporo prodaji kompleksnih medicinskih izdelkov.
Glavni poudarek je bil na konfiguratorju miz z vizualnimi povratnimi informacijami.
Podjetje deluje na B2B trgu, zato je bila pomembna natančnost, profesionalnost in podpora povpraševanju.
Uporabniki morajo razumeti kompleksne možnosti izdelkov, brez neposrednega stika s prodajalcem.

Cilji projekta

Razviti vizualno bogat in tehnično natančen spletni konfigurator za medicinske mize.
Omogočiti shranjevanje in deljenje konfiguracij ter pošiljanje povpraševanj brez spletnega oglaševanja.
Povečati uporabniško angažiranost s pomočjo interaktivnih elementov (hotspoti, dinamične slike).
Izboljšati uporabniško izkušnjo in zmanjšati bounce rate z jasnim, vizualno čistim dizajnom.

Konfigurator

je zelo uporabno orodje, s katerim lahko uporabniku ponudimo možnost interakcije z našimi izdelki ter jih tako približamo uporabniku. V podjetju Optiweb imamo močno znanje izdelave različnih konfiguratorjev, v celoti smo izdelali npr. kompleksen konfigurator sistemov vodnega hlajenja za igričarske osebne računalnike za podjetje Corsair (USA).

Grafična predstavitev izdelkov za konfigurator

Za uporabo slikovnega materiala medicinskih miz v konfiguratorju smo potrebovali dinamičen slikovni material, ki se lahko spreminja glede na uporabnikov izbor v konfiguratorju. Zato smo se s podjetjem Novak M odločili, da se za izdelke pripravijo foto-realistični renderji. Izdelavo le-teh je stranka zaupala strokovnjaku za izdelavo renderjev – Mirče Mladenov.

Uporabniška izkušnja pri konfiguraciji medicinske mize

Pri konfiguraciji lastne mize smo želeli uporabnikom dostaviti optimalno uporabniško izkušnjo in – ker smo ljudje na spletu večinoma vizualni tipi – smo sliko sestavljene mize pozicionirali na levo polovico zaslona, saj so na konfigurirani mizi zelo pomembne podrobnosti, ki se na mizi spreminjajo z dodajanjem dodatne opreme. Uporabnik ima na spodnjem delu zaslona vseskozi na voljo tudi informativno pasico, kjer ima pregled nad osnovno ter dodatno opremo konfiguriranega izdelka.

Postopek konfiguracije mize

Konfigurator miz ima tri korake konfiguracije mize:

Izbor širine in pogona mize

Izbor dodatkov

Izbor barve

Klik na gumb “Info” uporabniku prikaže pop-up, kjer uporabnik vidi več informacij o posameznem dodatku in opozorilo o morebitnem obveznem izključevanju ali vključevanju ostalih dodatkov (npr. da izbor dodatka zahteva še vključitev drugega dodatka). Ob izboru posameznih dodatkov se slika izdelka na levi strani spreminja v realnem času. V tretjem koraku uporabnik izbere želeno barvo izdelka, kjer se slika izdelka prav tako spreminja glede na izbrano barvo.

Zaključek in shranjevanje konfiguracije

Po zaključku konfiguracije lahko uporabnik (odvisno od njegove lokacije) odda povpraševanje za sestavljen izdelek ali preko spletne trgovine opravi nakup sestavljenega izdelka. Tudi ob zaključku konfiguracije ima uporabnik še vedno pregled nad točno konfiguracijo sestavljenega izdelka.

Uporabniki si lahko konfiguracijo shranijo v obliki PDF dokumenta ali pa si shranijo kodo ustvarjene konfiguracije in ob drugem času z vpisom kode nadaljujejo s stvaritvijo konfiguracije.

Interaktivna produktna stran

Na vrhu produktne strani je uporabnikom na voljo interaktivna slika predstavljenega produkta, kjer lahko kliknejo na posamezno točko na sliki (t.i. hotspot), s čimer se animirano odpre kratek opis opreme oz. funkcionalnosti prikazanega dela produkta. Z omenjeno funkcionalnostjo smo uspeli združiti informativnost tiskanega kataloga in interaktivnost uporabnika s spletno stranjo.

Oblikovanje spletne strani z identiteto

Oblikovanje spletne strani s svojo izčiščenostjo in sterilnostjo odraža medicinsko in zdravstveno področje, v katerem deluje podjetje Novak M, hkrati pa z ostrimi linijami odraža tudi identiteto njihovega podjetja, logotip, zgodovino, prostore in njihovo vizijo. Spletna stran je tako še en od elementov grafične podobe podjetja Novak M, ki lepo povezuje tako tiskane vsebine kot tudi njihove industrijsko oblikovane izdelke.