Márka oldal navigáció megújítása

XY élelmiszer termék márka, (a márkanév szándékosan nem jelenhet meg a case studie-ban) Magyarországon régóta a piacon lévő közismert márka, aki új prémium termék bevezetését tervezi, ezért itt az ideje a weboldala frissítésének is. A weboldal megújítására a márka csoport többi tagjával közösen alakított ki egy egyedi sablont a megbízott ügynökség. A menü struktúra azonban nagyon eltér a többi termékoldalétól, ezért egyedi megoldást keresett rá a megbízott ügynökség. Külsős freelancerkén dolgoztam ezen a feladaton.

Körülmények

A márkacsoport weboldalainak megújítására készült egy közös design sablon, melyet UX kutatás előzött meg.

Feladatom

UX kutatással alá támasztva tegyek javaslatot a márka menüjének kialakítására.

Idő

2023. július – 2023. augusztus

Áttekintő

A bonyolult és túlságosan corporate stílusú menü egy átláthatóbb jól struktúrált kialakítást igényelt, ami támogatja az új prémium termék bevezetését.

Kutatás

Stakeholderektől információ gyűjtés

A korábban elkészített Card Sorting kutatás áttanulmányozása. A Márka stratégia megismerése, célok, célcsoport meghatározások begyűjtése.

Desk reserch

A márka meglévő weboldalának áttanulmányozása, márkatársak oldalainak megismerése.

versenytárs elemezés

user Interjúk

Felhasználói interjúk vásárlási szokásaikról, preferenciáikról.

Persona alkotás

2 persona (B2B, B2C) Az interjúkon megfogalmazott preferenciákkal. Termékelőnyökön alapuló választás.

Probléma meghatározás

Túl sok irreleváns információ a menüben, nehezen szortírozható termékek, zavaros termék kategóriák.

Konklúzió

A kutatás alapján az fogalmazódott meg, hogy a vásárlók jól meghatározott termékelőnyök alapján választanak terméket, ezért ezt érdemes a böngészés és a navigációban is előtérbe helyezni, kiemelni. Mint pl. antibiotikum mentes, készresütött, gyors megoldás.

Javaslat

Best practice

A best practice kutatások során találtam hasonlóan a menüben megjelenő termék előnyök alapján kategorizált megjelenést. A termékek nem csak fajtájuk hanem felhasználásuk alapján is csoportosítva vannak a lenyíló menüben. Mely segíti a kiválasztást és a termékelőnyök hangsúlyozását is segíti.

Tree test

A fenti gyakorlatot átültetve és összeegyeztetve a márkaoldal menüjével megalkottam a lenyíló menüt, melyet Tree test-tel validáltam.
A tesztet online, az OptimalWorkshop .com segítségével állítottam össze.
A feladat lényege, hogy csak a menü elemeit teszteltem egy fa rendszerű felépítésben, ahol a menüt nézve/kattintva válaszolt a tesztelő az általam összeállított kérdésekre.
A kérdések a weboldal felhasználói és üzleti céljaira irányultak, különös tekintettel az új termékkategóriák érthetőségére. A teszteken 80%-ban voltak sikeresek a válaszok. A nehezen található részekre így új javaslatot tettem.

Reflekciók

A menü tervezés, egy kiragadott strukturális elem az egész oldalból.

Nem elemeket és screeneket, hanem User Flow-kat érdemes tervezni.

A feladat és a probléma megoldása, túl nőtte a menü újratervezését, erre minden adandó alkalommal igyekeztem felhívni a figyelmet.