//Esettanulmányok
Nemzetközi fitness márka hazai bemutatása
– modern B2B katalógusoldal SHUA Fitness gépekhez
A SHUA Fitness, a világ egyik meghatározó fitnessgép-gyártó márkájának hivatalos magyarországi weboldala és termékkatalógusa készült el. A projekt célja egy olyan modern, látványos és informatív felület kialakítása volt, amely egyszerre felel meg az anyacég arculati elvárásainak és a hazai forgalmazó B2B marketingcéljainak.
UX/UI design
WordPress fejlesztés
WooCommerce katalógus
B2B weboldal
Termékkatalógus oldal
Márkaoldal tervezés
Reszponzív webdesign
Médiaorientált termékoldalak
Arculathoz igazított facelift
Termékoldal UX
// Együttműködés
Közös munka
// SHUA Fitness
Projektötlet
A SHUA Fitness magyarországi hivatalos weboldalának célja az volt, hogy a nemzetközi márka hazai jelenléte professzionális, friss és megbízható digitális felületet kapjon. Az oldal elsődleges célközönségét viszonteladó fitnessgép-kereskedők, edzőterem-tulajdonosok és nagyobb B2B vásárlók alkotják, akik számára nem klasszikus webshop-élményt, hanem részletes, jól strukturált termékbemutatást és márkakommunikációt kellett biztosítani. Bár az oldal WooCommerce motoron fut, a rendszer katalógusként működik, vagyis a vásárlói döntést információval, vizuális tartalommal és termékáttekintéssel támogatja.
// Alapdesign
A mi feladatunk
A feladat egy olyan hazai márkaoldal és termékkatalógus megtervezése és kivitelezése volt, amely megtartja a SHUA fő arculati elemeit, ugyanakkor frissebb, mozgalmasabb és trendibb megjelenést ad a magyar piac számára. A termékoldalak kialakításánál kiemelt szerepet kapott a sok képgaléria, videós tartalom és eltérő képarányú médiaanyag kezelése.
Külön kihívást jelentett, hogy a rendelkezésre álló tartalmak egy része mobiltelefonos megjelenésre optimalizált formátumban állt rendelkezésre, miközben a hazai B2B célközönség jellemzően desktop felbontáson használja az oldalt.
// Alapdesign
Közös stratégia
A projekt egyik legfontosabb szempontja az volt, hogy az oldal egyszerre illeszkedjen az anyacég márkaszabályaihoz és a magyar forgalmazó üzleti céljaihoz. A megjelenésnek meg kellett őriznie a SHUA Fitness márka karakterét, de a hazai piacon frissebb, dinamikusabb és jobban használható formában kellett bemutatnia a termékeket. A felület ezért nem egyszerű terméklista lett, hanem egy olyan B2B katalógusoldal, amely segíti a nagyobb vásárlókat az összehasonlításban, tájékozódásban és kapcsolatfelvételben.
// Funkcionális megoldások
Fő funkciók
WooCommerce alapú katalógusrendszer
Az oldal WooCommerce motorra épült, de klasszikus webshop helyett termékkatalógusként működik, a B2B tájékozódást és érdeklődésgenerálást támogatva.
Részletes termékoldalak
A termékoldalak a fitnessgépek bemutatására, vizuális megértésére és a döntéshez szükséges információk átadására fókuszálnak.
Médiaorientált termékbemutatás
A sok képgaléria és videós tartalom a hagyományos termékoldali elrendezéstől eltérő, dinamikusabb megjelenést kapott.
Desktop fókuszú B2B felhasználói élmény
A felület kialakításánál kiemelt figyelmet kapott, hogy a nagyobb vásárlók és kereskedelmi partnerek jellemzően desktop környezetben böngészik az oldalt.
Arculathoz igazított modernizálás
A nemzetközi márka fő vizuális elemei megmaradtak, de a magyar oldal frissebb, lendületesebb és modernebb felületi karaktert kapott.
Viszonteladói és edzőtermi célközönség támogatása
Az oldal struktúrája és tartalmi felépítése kifejezetten a viszonteladók, fitnessgép-kereskedők és edzőterem-tulajdonosok információs igényeire épül.
// Arculati alapok
Márkaarculat
A projekt során a SHUA Fitness fő arculati elemeit meg kellett őrizni, hiszen az oldal hivatalos magyarországi márkaképviseleti felületként működik. A cél nem teljes arculatváltás volt, hanem egy olyan digitális megjelenés kialakítása, amely a nemzetközi márka vizuális karakterére épít, de annál frissebb, mozgalmasabb és trendibb élményt ad a hazai piacon. A design egyszerre törekszik a professzionális B2B hitelességre és a fitnessiparághoz illő dinamikus, energikus vizuális hangulatra.
#2691A6
#FFFFFF
#000000
#2691A6
#F0F0F0
#EDF3F5