//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
SHUA Fitness weboldal asztali és mobil nézetben
// 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

full coverage

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.
article

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.
animated images

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.
mimo 1

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.
stylus note 2

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.
handshake

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

// Weboldal részletek

Kiemelt weboldal elemek

SHUA Fitness weboldal – főoldal
Márkát bemutató nyitófelületek
A főoldali és márkabemutató szekciók célja, hogy a SHUA Fitness nemzetközi hátterét, megbízhatóságát és piaci súlyát gyorsan érthető, vizuálisan erős formában mutassák be.
SHUA Fitness weboldal – asztali nézet
Termékkatalógus struktúra
A katalógusoldal felépítése támogatja a különböző fitnessgép-kategóriák áttekintését, így a B2B látogatók könnyebben eligazodnak a termékkínálatban.
SHUA Fitness weboldal – termékkatalógus
Galéria- és videóközpontú termékoldalak
A termékoldalak kialakításánál a képek és videók nem kiegészítő elemként, hanem a termékbemutatás központi részeként jelennek meg.
SHUA Fitness weboldal – termékoldal
Képarányokra optimalizált médiaelrendezés
A felületi megoldások kezelik azt a helyzetet, hogy a tartalmak egy része mobilra optimalizált formátumban érkezett, miközben a használat jelentős része desktop felbontáson történik.

Eredmények

// 01

Professzionális hazai márkajelenlét

A SHUA Fitness magyarországi megjelenése egy önálló, professzionális és hiteles webes felületet kapott, amely méltó módon képviseli a nemzetközi márkát.
// 02

B2B célközönségre szabott termékbemutatás

Az oldal nem általános vásárlói webshopként, hanem viszonteladók, fitnessgép-kereskedők és edzőterem-tulajdonosok számára készült információs katalógusként működik.
// 03

Frissebb és dinamikusabb digitális arculat

A meglévő márkaelemek megtartása mellett az oldal modernebb, lendületesebb és vizuálisan erősebb megjelenést kapott a nemzetközi alapoldalhoz képest.
// 04

Jobban kezelhető média- és terméktartalom

A képgalériák, videók és eltérő formátumú médiaanyagok olyan elrendezésben jelennek meg, amely desktop környezetben is rendezett, látványos és jól használható marad.
// Projektfolyamat

Idővonal

Idővonal — SHUA Fitness

Felmérés

1 hét

UX & design tervezés

1 hét

UI design

2 hét

Fejlesztés

3 hét

Éles környezeti optimalizálás

1 hét

Utánkövetés

folyamatos
HÓNAPOK 1. 2. 3.
// Kezdjük el

Van egy projektötleted?

Beszéljük meg, vagy írj, ahogy neked kényelmesebb