Nem kommersz ecommerce

Kutatás, tervezés, végrehajtás és utánkövetés. Ez a négyes fogat segít izgalmas és sikeres utakra kalauzolni az ecommerce projektjeinket, legyen szó a teljes palettáról vagy csak egy-egy részegységről.

Trusted by

Ha benned is felmerült a következő kérdések egyike:

  • Hogyan képes ilyen ütemben fejlődni a versenytársam?

  • Csak úgy fejlődhetek, ha nulláról kezdem a webáruházam?

  • Miért maradtunk el, profit szinten, az éves tervhez képest?

  • Milyen lehetőségek állnak rendelkezésemre a fejlődés érdekében?

  • Valóban jó az online boltom úgy, ahogy van?

  • Miért nem tudom nyomon követni azt, hogy mi történik az oldalon?

  • Hogyan tudom a felhasználói élményt javítani?

Munkánk során újra és újra találkozunk ezekkel a kérdésekkel, így tapasztalatból tudjuk, hogy mi a helyes módszer ezek megválaszolására

Alapozás

Ha nem tiszta a cél, vagy finomhangolni szeretnéd a szolgátatásod vízióját

UX audit

Ha szeretnéd felmérni a megoldásod korszerűségét és használhatóságát

UX/UI tervezés

Ha már tudod, hogy mit szeretnél megtervezni és ütős design-t szeretnél

Kutatás

Ha mélyebben meg akarod érteni a felhasználóid problémáit és igényeit

UX tracking

Ha szeretnéd tudni mit is csinálnak a felhasználóid a már működő shop-odban

Tesztelés

Ha kipróbálnál valami újat, de előtte szeretnéd letesztelni, hogy valóban jó ötlet-e

Mi a tervezéstől, a kutatáson át egészen a kivitelezésig veled maradunk, sőt az utánkövetésben is partnerek vagyunk! Bátran vedd fel velünk a kapcsolatot, a projekt felmérés ingyenes.

Beszélgessünk

Az online vásárlás egyre nagyobb szeletet hasít ki a teljes kereskedelem, csatornánkénti mutatójából. Ez az érték évről évre emelkedő tendenciát mutat, ami mind a felhasználói, mind a szolgáltatói oldalon új kérdéseket vet fel. A már jól bevált fogások lassan elavulnak, vevői oldalon folyamatosan új igények merülnek fel és ezzel együtt a szolgáltatói oldal cég menedzsmentje is átalakulóban van. Ilyen helyzetben, szükségszerűen megfogalmazódik a meglévő, viszonylag jól működő webáruház vagy app shop felfrissítése, korszerűsítése a konverziószám növelésének érdekében, illetve az új e-kereskedelmi ökoszisztéma kialakításának gondolata.

Ha nem vagy biztos abban, hogy mire van szüksége a cégednek, keress minket és ötleteljünk együtt, egy kötetlen beszélgetés keretén belül!

Groundwork (avagy az alapozás)

Kezdő lépésként - egy átfogó workshop alkalmával - megismerjük a cég termékeit, céljait és az elképzelt végfelhasználói célcsoport alapvető motivációit. A folyamat során, a Lean módszertant követve,közös nevezőre hozzuk a megrendelő üzleti igényeit, a felhasználói elvárásokkal. Ez azonban nem elég! Fontos, hogy a realitás talaján mozogjunk a digitális termék kitalálása közben, ehhez nyújtanak segítséget a fejlesztő kollégák. Ennek köszönhetően még a tervezési fázis előtt meghatározhatóak az esetleges korlátok, így reális Product Vision jöhet létre.

  • #Value Propositon
  • #Busines Canvas
  • #Lean Canvas
  • #Design Sprint
  • #Inception deck

Analitikai elemzés

A legtöbb ügyfelünk már a megkeresésünk pillanatában is rendelkezik online jelenléttel. Azt azonban sokan nem tudják, hogy talán már most egy kincsesbányányi UX adattal rendelkeznek. Mire gondolunk? Például már meglévő Google Analytics adatok, korábban kiküldött felhasználói kérdőívek, ügyfélszolgálatra beérkező panaszok, Facebook értékelések és sok-sok más „adathalmaz”, mely mind nagyon értékes egy tervezési folyamat során. Ezeknek a dárgaköveknek a kibányászására saját adatszakértői gárda áll rendelkezésünkre, akik segítenek az adatok feldolgozásában, értelmezésében és az adatvizualizációban is.

  • #Google Analytics
  • #GA4
  • #Hotjar
  • #Clarity
  • #DATA

UX kutatás

A tervezéssel töltött évek során nagy tapasztalatra tettünk szert az e-commerce világában, sok mindent láttunk már, de - és ez a legfontosabb tanulságunk -, mi sem vagyunk látnokok. A best practice-ek ismerete és a már meglévő megoldástárunk mellett támaszkodnunk kell a UX kutatásra is. Ennek során mi magunk gyűjtünk adatot és információt a célcsoport igényeiről, problémáiról és várható viselkedéséről. Felhasználói interjúk, tesztek segítségével realizáljuk a personákat, és azokból kiindulva rajzoljuk fel a fő felhasználói útvonalakat. A kutatás során nem csupán az online térre koncentrálunk, de field research módszereket is alkalmazunk, hogy megfigyeljük a felhasználót a természetes közegében. A kutatás során kapott eredmények adják a high fidelity drótvázak és prototípusok alapjait.

  • #UX research
  • #E-commerce audit
  • #Versenytárs elemzés
  • #Persona
  • #Interjú
  • #Usabilty test
  • #Heurisztikus elemzés
  • #Card sorting
  • #Field research
  • #Survey

UX/UI design és prototípus készítés

Csapatunk az OCD határait súrolva törekszik következetes style guide-ot és UI kit-et alkalmazni a projektek során. A színeknek, betűtípusnak, formoknak, gomboknak, layout rendszereknek, grid-eknek, reszponzív nézeteknek, padding-oknak, margin-oknak (és még sorolhatnánk) nem csak hisszük, hanem tudjuk hogy alapvető hatása van mind a felhasználói élményre, mind a megvalósíthatóságra. Éppen ezért nem szeretjük a vázlatos drótvázakat! Már a tervezés megkezdésekor is követjük a brand book-ot és a stlye guide-ot, ha van. Amennyiben nem áll rendelkezésünkre ilyen segédlet, akkor is komponens alapon és következetesen építkezünk, hogy egy design system minél előbb összeálljon, és azt alkalmazva készítsük el a képernyő flow-kat.
Az így kapott prototípusok nem csak interaktívak, de a fekete-fehér wireframek-ek helyett a brand-nek megfelelő kinézetet is kapnak. A sutebuilder fejlesztő kollégákkal együtt dolgozva, a tervezők csak olyan megoldásokat álmodnak meg, amik kivitelezés szempontjából is reálisak lehetnek. A felületet, felhasználói utak mentén, folyamatokra csoportosítjuk és eszerint tervezzük az egyes képernyők design elemeit reszponzív nézetekben. A kész prototípusokat természetesen egy sor validálási folyamatnak vetjük alá, mielőtt kiválasztjuk azt, ami a végleges verzió lesz.

  • #App
  • #ux/ui
  • #app/web
  • #Product Design
  • #Styleguide
  • #Framework
  • #Prototyping
  • #Figma
  • #Axure
  • #XD

Saját webshop ökoszisztéma

Ráadásul az elmúlt évek során fejlesztő partnerünkkel a LogiNet Systems Kft-vel karöltve kifejlesztettünk egy saját webshop ökoszisztémát. Ez egy olyan komplex e-commerce megoldás, ami biztosítja az alapvető webáruházi működéshez szükséges rendszereket, illetve értékesítési támogatási funkcióval is elláttuk. Igény szerint a 22.design erre építi az e-commerce rendszereinek UX design-ját. Mivel itt már egy kipróbált és jól működő megjelenési, funkcionális eszköztárral rendelkezünk, így költséghatékony módon és gyorsan tudunk a tervekkel haladni. A modul előnye még, hogy testreszabható és funkcionálisan is bővíthető.

  • #Webshop
  • #App shop
  • #iOS
  • #Android

Validáció és iteráció

Az ügyfél által jóváhagyott prototípust - researcher kolléga segítségével - felhasználói teszteknek vetjük alá, ellenőrizve a felhasználói élmény minőségét, illetve adott feladatok kivitelezhetőségét. Pusztán design tervek alapján imitálhatunk olyan felületi működést, ami egy-egy konkrét feladat (például egy adott cipő megvásárlása) során a végső működést tükrözi. A tesztek során feljegyezzük azokat a folyamatokat, amik az elvárásoknak megfelelően működnek és azokat is, amik nehézséget okoztak a felhasználóknak. Ilyenkor inkább megfigyeljük a felhasználó viselkedését, vagyis fontosabb az amit (és ahogy) csinál, mint amit mond nekünk. Az ilyen jellegű iterációt általában 10-15 fővel végezzük és minden fő nézeten (mobil, tablet, desktop) végigvezetünk. A folyamatot újra és újra elvégeztetjük (más-más felhasználócsoporttal) mindaddig, amíg egy végleges és jól működő prototípust nem kapunk. Ez a téma komplexitásától és egyediségétől függően jellemzően 1-3 kör szokott lenni.

  • #Toborzás
  • #Usability testing
  • #remote
  • #in-person
  • #controlled
  • #uncontrolled

Nem muszáj a 0-ról kezdenünk!

A 22.design csapata hisz a „save your eCommerce website”-ban és a „webshop recycling”-ben is! Tisztában vagyunk azzal, hogy a már működő webshopok érzékeny működési keretrendszerrel üzemelnek, illetve azt is tudjuk, hogy nem minden esetben van anyagi háttér egy teljesen új webáruház megtervezésére és létrehozására. Ezért törekszünk a design optimalizálásra, vagyis a UX kutatás során nyert adatok, válaszok segítségével újratervezzük, korszerűsítjük a felhasználói felületet, nagy hangsúlyt fektetve a webergonómiára és a felhasználói élményre. Néha elegendő egy kis „ráncfelvarrás” és máris újra tudsz mosolyogni!

UX Tracking

A kész projektnek sem engedjük el a kezét! Saját érdekünk is, hogy az általunk kialakított felületet kutatási eszközökkel, illetve mérések útján folyamatosan monitorozzuk, hiszen csak így szembesülhetünk a tervezés során észre nem vett elakadásokkal. Az állandó validálás mellett, a versenytársak aktivitását is nyomon követjük, illetve vizsgáljuk a felhasználói igényeket is. A módszerünknek hála az ügyfél is folyamatosan lépést tud tartani az e-commerce piaci változásokkal. A UX tracking alapját egy közösen kidolgozott kutatási roadmap adja, melynek első lépése az analitikai setup, mely során paraméterezzük a használt analitikai megoldásokat (Google Analytics, GA4, Tag Manager, Hotjar, Smartlook stb.) és meghatározzuk a UX kutatási stratégiát.

  • #Google Analytics
  • #GA4
  • #Hotjar
  • #Clarity
  • #Interjú
  • #Survey
  • #Field research
  • #UX research

Eszköztárunk

Service design

Egy sikeres szolgáltatás alapja a jól átgondolt termék vízió, ami az üzleti és végfelhasználói célokat is pontosan definiálja. Ennek biztosítására senior service designer és e-commerce tanácsadó kollégáinkkal a projektre testreszabott módszertant alkalmazunk.

Kiemelt eszköztárunk:

Value Proposition Canvas, Business Canvas, Lean Canvas, Risk matrix, Speedboat board, Design Sprint, Inception deck

Analitika elemzés

Elemző szoftverek segítségével átolvassuk és értelmezzük a weboldal eddigi adatait. Az audiencetől (közönség) kezdve, a webhely tartalmán át egészen a konverziós útvonalig leásunk az adatok sivatagában, hogy megtaláljuk azokat az alapvető működési elveket, amik olajozottá teszik az app vagy weboldal működését.

Kiemelt eszköztárunk:

Google Analytics, Firebase, GA4, Hotjar, Smartlook, Clarity

Heurisztikus elemzés

A heurisztikus elemzésnél a Jakob Nielsen által kidolgozott keretrendszert felhasználva és továbbgondolva, előre meghatározott szempontok mentén elemezzük a felhasználói felületeket.

User interjú

Az általunk (vagy ügyfelünk által) toborzott felhasználókkal készített interjúk lehetővé teszik a mélyebb, nyitottabb adatgyűjtést, ami tökéletes a user journey és a persona megismeréséhez.

Persona workshop

A persona kutatás végére körvonalazódik, hogy kik a felhasználók, hogyan döntenek és gondolkodnak a vásárlás vagy szolgáltatás igénybevételének menetéről.

Customer journey workshop

A felhasználói útvonal vizsgálat, arra irányuló módszer, hogy a felhasználók milyen hosszan és milyen platformokon keresztül érik el céljaikat.

User survey

Kérdőíves módszer, amit e-mailben, az oldalba beépítve vagy más eszközökkel juttatunk el a felhasználókhoz. Tapasztalatunk nem csak a megfelelő kérdések összeállítására terjed ki, de arra is, hogy miként lehet magas kitöltési konverziót elérni a megfelelően megfogalmazott e-mail szövegezéssel, survey elhelyezéssel és időzítéssel.

Usability teszt

A usability teszt egy kutatási panelen keresztül történő felülettesztelés, az általunk (vagy ügyfelünk által) toborzott felhasználók segítségével; konkrét használhatósági pontok mentén, ami folyamán előre meghatározott célokat kell teljesíteniük az alanyoknak (űrlapkitöltés, vásárlás, stb). Csapatunk in-person, remore, controlled és uncontrolled teszteket is le tud vezetni.

Stakeholder interjú

A megbízó cég döntéshozóival és/vagy a végfelhasználókhoz legközelebb álló alkalmazottaival folytatott beszélgetéssorozat, melynek célja, hogy pontosabb képet kapjunk a felhasználók viselkedéséről, a termékkel, szolgáltatással szembeni elvárásairól, illetve az üzleti célokról, as-is állapotról.

Field Research

„Terepen” zajló kutatási módszer (field research), mely során a felhasználót a „természetes közegében” is megfigyeljük. Lépjünk ki online térből, nem biztos, hogy ott van a probléma gyökere!

Versenytárselemzés

A versenytárselemzés egy adott piaci szegmens, top versenytársainak elemzése, szigorúan UX alapon.

Card sorting

A card sorting esetében az általunk (vagy ügyfelünk által) toborzott felhasználókat arra kérjünk, hogy az előzetesen megtervezett weboldaltartalmat rendszerezzék a számukra legkézenfekvőbb módon, ezzel segítve a weboldal struktúrájának meghatározását.

Prototípus készítés

A prototípusok esetében Figma, Axure vagy más szofveres rendszerén keresztül, a style guide figyelembe vételével, elkészítjük a lehetséges fő- és aloldal design-t, oldal struktúrát és linkelési hálót. Ennek segítségével pusztán design tervek segítségével tesztelhetünk felhasználói felületeket.

UX/UI tervezés, digital product design

Klasszikus webdesigneri feladatokat látunk el, meghatározott módszertan segítségével feltérképezzük és megtervezzük a felhasználói élményt legmegfelelőbben támogató weboldalt, applikációt. Ráadásul szakembereink nyomon követik az e-commerce trendeket is, hogy a lehető legtrendibb oldalt készíthessék el számodra.

Style Guide, UI kit

Olyan előre megtervezett és dokumentált stíluskoncepció, ami tartalmazza az oldalon használt színeket, fontokat és további visszatérő grafikai elemeket. A felépítés során komponens alapon, atomic design elveket követve készítünk UI kitet, mely a design tervezés és a fejlesztés során is rendkívül hasznos eszköz, hiszen ezáltal biztosítható, hogy mindenhol mindig ugyanaz az elem szerepeljen.

A/B teszt

Különböző UI elképzelések tesztelésének lehetősége, melynek célja, hogy a felhasználók által legjobban preferált verzió kerüljön használatba. Megfelelő időtartamig futó tesztek végén egyértelmű százalékos visszajelzést kapunk.

Support a fejlesztés során

A fejlesztés során óhatatlanul felmerülő kérdések megválaszolása és az újonnan felmerülő design változtatások megvalósítása - akár már a kész build-ben.

Weboldalunk sütiket használ annak érdekében, hogy a lehető legjobb felhasználói élményt nyújtsa.