Staron — premium materjalikataloog, kus valik muutub kindlaks: toon → kasutus → 3D-visualiseerimine
B2B UX/UI platvorm: filtreerimine, inspiratsioon arhitektidele ja 3D-simulatsiooni integratsioon
Staron on solid surfaces bränd, kus materjali valik peab olema kiire, arusaadav ja visuaalselt tõestatud. Eesmärk oli ehitada veebileht „kataloogist" otsustusvahendiks: struktureerida kollektsioonid, võimaldada navigeerimist värvide ja kasutusjuhtude järgi, lisada inspiratsiooniplokid ning integreerida 3D-simulatsioon, et arhitekt ja disainer näeks materjali ruumis enne otsust. Kujundasime UX-loogika, mis vähendab otsingukoormust, annab selged sammud ning viib kasutaja järgmise tegevuseni ilma liigsete takistusteta.
Case overview
- Project
- Staron Solid Surfaces
- Valdkond
- Materjalid / sisearhitektuur (B2B)
- Turg
- Eesti / Baltikum
- Kasutajad
- arhitektid, disainerid, B2B ostjad, partnerid
- Põhiprobleem
- materjali valik ilma konteksti ja võrdlusloogikata
- Eesmärk
- muuta veeb tööriistaks (kataloog + filtrid + 3D)
- Lahendus
- kataloogi UX-arhitektuur + inspiratsioon + 3D simulatsiooni integratsioon
- Tulemus
- kiirem leidmine, kindlam valik, lihtsam päringu tegemine
Kontekst
Materjali valik on kõrge veahinnaga otsus: kollektsioonid, toonid, tekstuurid, kasutusalad ja tehnilised piirangud. Kui veeb näitab materjali vaid „pildina", puudub kasutajal kõige olulisem — rakenduslik kontekst ja kindlus, et valik sobib. B2B-stsenaariumis peab arhitekt suutma kiiresti valikut kitsendada, näidata kliendile usutavaid variante ning liikuda päringu või kontaktini. Staronis oli eesmärk teha veebist mitte lihtsalt premium-vitriin, vaid premium-valiku tööriist: loogiline kataloog, inspiratsiooniplokid, 3D-simulatsioon ning selge kasutajatee ka mobiilis.
Probleem
Mis oli katki
- võrreldavus puudus ilma loogikata „toon → kasutus → kollektsioon"
- „vaatan" ei muutunud kiiresti „saan aru, kuhu sobib"
- kontekst puudus (vajalik simulatsioon / näited)
- suur valik tekitas koormust
- mobiil vajab eraldi selget navigeerimist (menüü/sektsioonid)
Mis oli kaalul
- päringute kadu otsustusväsimuse tõttu
- premium-brändi usaldus (kui valikutee on keeruline)
- suurem koormus müügile (liiga palju baas-küsimusi)
- kataloogi nõrk muutumine kontaktiks/päringuks
Eesmärk
Luua UX-süsteem, kus kasutaja:
- leiab kiiresti õige teema (kataloog / kasutus / tehniline info / video)
- kitsendab valikut filtrite ja loogilise navigeerimisega
- näeb materjali kontekstis (3D simulatsioon + inspiratsioon)
- jõuab päringu/kontaktini minimaalse hõõrdumisega
Strateegia
- Struktuur enne veenmist
- Kontekst võidab: inspiratsioon + simulatsioon
- Filtreerimise UX on tuum
- Mobile-first navigeerimine
- Premium selgus: rahulik, täpne, etteaimatav
UX Decision Logic
Navigeerimine sektsioonide kaupa: kataloog, värvid, rakendused, tehniline info
Menüü mobiilis on oluline UX-sõlm. Tegime sektsioonide struktuuri nii, et kasutaja valib mitte „lehte", vaid ülesande tüüpi: brändi kohta teada saada, värvi valida, rakendusi vaadata, tehnilist infot uurida. Selline navigeerimine vähendab kognitiivset koormust ja kiirendab teed õige sisuni.
3D-simulatsioon: valiku tõestus reaalses kontekstis
Materjalide puhul otsustab kontekst: kuidas pind ruumis välja näeb. 3D-simulatsioon annab kasutajale kindluse enne kontakti edasimüüjaga: ta näeb materjali tüüpilistes stsenaariumides (interjöörid/kasutusvaldkonnad) ja saab võrrelda variante ilma „oletusteta". See vähendab kahtlusi ja tõstab päringute kvaliteeti.
Inspiration hub: rakendusideed, mis kiirendavad otsust
Inspiratsioon pole dekor, vaid osa valikust. Stsenaariumide galerii näitab, kus materjal töötab parimini, ja aitab arhitektil kiiremini lahendust kliendile sõnastada. UX-loogika siin pole lihtsalt pildid, vaid selge esitus „stiil → kontekst → näide", et kasutaja leiaks kiiresti suuna ja liiguks materjalide täpsustamise juurde.
Mobile-sektsioonid: valik läbi arusaadavate kategooriate
Mobiilis tugevdame põhimõtet „esmalt struktuur": kasutaja näeb suuri kategooriaid, mis vastavad ülesannetele ja sisu sektsioonidele. See hoiab ära kaootiline kerimise ja teeb tee etteaimatavaks. Suured klikitavad alad + minimaalne tüpograafia = kiire üleminek õige stsenaariumi juurde.
Edge options: profiili valik kui osa tootepõhisest UX-ist
B2B-materjalide puhul pole olulised ainult värvid, vaid ka rakenduse detailid. Profiilide/servade sektsioon näitab variante struktureeritud kujul ja aitab kiiremini lahendust projektiga kooskõlastada. See vähendab täpsustavaid küsimusi ja viib kommunikatsiooni „selgitamisest" „valikute järgi valimise" juurde.
Video hub: sisu, mis vastab küsimustele enne kontakti
Video-sektsioon sulgeb materjalide tüüpilise probleemi: kasutajad tahavad toodet näha ja mõista, mitte lugeda pikki kirjeldusi. Sisu struktureerub raamatukoguna, kus iga video on arusaadav teadmiste ühik. See tõstab usaldust ja vähendab barjääri järgmise sammu — päringu ja konsultatsiooni — juurde.
Staron® — materjal, mille väärtus on selge
Mobiilivaade toob esile Staron® põhieelised: vastupidavus, esteetika ja kiire tellimisvõimalus. Selge UX võimaldab kasutajal teha otsuse ilma liigsete sammudeta.
Mida me tegime
- Projekteerisime B2B-materjalide veebilehe UX-arhitektuuri: sektsioonid, stsenaariumid, navigeerimine
- Ehitasime valikuloogika: värvid / rakendus / kollektsioonid kui selged sisenemispunktid
- Rakendasime filtreerimise ja sisu struktureerimise UX-kihi ilma ülekoormuseta
- Integreerisime 3D-simulatsiooni kui valiku tõestuse ruumikontekstis
- Lõime arhitektidele/disaineritele inspiratsiooni esituse (stiilid/näited)
- Tugevendasime tehnilist ja teadmiste sisu (video/infoplokid) otsuse toetamiseks
- Tagasime mobile-first navigeerimise ja selged üleminekud põhiosade vahel
Mida me EI teinud
- Ei kasutanud müügimanipulatsioone ega kunstlikku „kiiret" survet
- Ei koormanud UI-d bännerite ja kõrvaliste CTA-dega
- Ei peitnud põhistruktuuri segasesse navigeerimisse
- Ei asendanud valiku tõestust turunduslubadustega
Tulemused
Kasutaja tulemus
- kiirem valiku kitsendamine ja liikumine otsuseni
- suurem kindlus tänu kontekstile (3D + inspiratsioon)
- vähem küsimusi „kust alustada" tänu selgele struktuurile
Äritulemus
- parema kvaliteediga päringud (kasutaja on ette valmistunud)
- suurem usaldus premium-brändi vastu
- video/infosisu vähendab toe koormust
"Me ei kujundanud vitriini, vaid valikusüsteemi."
Kuidas see case on seotud meie teenustega
Miks see case on UX-referents
Staron näitab, kuidas B2B veebist saab toode: kataloogi struktuur, konteksti tõestus (3D/inspiratsioon) ja ülesandepõhine navigeerimine muudavad keerulise valiku etteaimatavaks. See on „vaikne" premium: selge loogika ja rahulik kogemus.
Similar cases
KKK
Kas soovid sarnast B2B kataloogi 3D-kontekstiga?
Loome B2B veebilehti ja katalooge, kus valik on kiire, arusaadav ja viib päringuni ilma liigse mürata.