Woop Art
Digitális művészeti tér, amely igényesen mutatja be a műveket, és könnyedén vezeti végig a látogatókat a galérián.


Németh Cintia fitneszedző és női egészség tanácsadó számára olyan platform készül, amely érthetően rendszerezi a szolgáltatásokat, és a közösségi médián érkező érdeklődéseket megfelelő foglalási és vásárlási folyamatokba tereli.
A szakmai tartalmak, az árak és a képanyag a megbízótól származnak.


szolgáltatás
szolgáltatáscsoport
nyelv
foglalási és vásárlási folyamat
közös információs szerkezet
A platform megvalósítás alatt áll. A megtalálhatóságra, az érdeklődésekre és a foglalásokra vonatkozó adatokat az élesítés után gyűjtjük.
Németh Cintia személyi edző, táplálkozási és életmód-tanácsadó, valamint ciklusharmónia-oktató. Szolgáltatásait főként az Instagramon és a Facebookon mutatta be. Hat különböző formátumhoz azonban hiányzott a tartósan megtalálható és összehasonlítható áttekintés.
Az árakra, a különbségekre és a foglalási lehetőségekre az érdeklődőknek gyakran privát üzenetben kellett rákérdezniük. Ez ismétlődő kézi munkát okozott, miközben a fontos információk a közösségimédia-folyamokban csak korlátozottan maradtak megtalálhatók.
Elvárások az új platformmal szemben
A szolgáltatások eltérnek tartalomban, helyszínben, időtartamban, árszerkezetben és a soron következő értelmes lépésben. Egy egységes megjelenítés elmosta volna ezeket a különbségeket.
Személyes és online edzés, táplálkozási és életmód-tanácsadás, többrészes ciklusprogram, valamint digitális tartalmak. Egyes szolgáltatások közvetlenül választhatók, mások észszerűen személyes beszélgetéssel kezdődnek.
Az edzések bérlethez, a tanácsadások első beszélgetéshez, a digitális termékek pedig közvetlenül a vásárláshoz vezetnek. A weboldalnak közösen kell tájékoztatnia, és mégis a megfelelő lezáráshoz kell vezetnie.
A magyar az alapnyelv, az angol egyenrangúan elérhető. Mindkét változatnak saját, indexelhető URL-re van szüksége. Az időpont- és statisztikai szolgáltatások csak a szükséges hozzájárulás után tölthetők be.
Azonos sablon helyett közös sorrend készült: szolgáltatáscsoport megtalálása, a szolgáltatás terjedelmének megértése, a feltételek és árak összehasonlítása, a következő lépés kiválasztása. A tartalmak, az árak, a feltételek és a foglalási utak szolgáltatásonként egyediek maradnak.
A csoportosítás az első szinten csökkenti a választást, anélkül hogy az egyes szolgáltatásokat egységesítené.
Aki ismeri a megfelelő szolgáltatást, közvetlenül belép; akinek még tájékozódásra van szüksége, először személyes beszélgetést választhat.
Érdeklődés
Belépés a kezdőlapról, keresőből vagy a közösségi médiából.
Szolgáltatások összehasonlítása
Három csoport ad tájékozódást; a szolgáltatás terjedelme, a feltételek és az árak átláthatóan jelennek meg.
Első beszélgetés vagy csomagválasztás
A szolgáltatás részletei szolgáltatástól függően a személyes beszélgetéshez vagy közvetlenül a csomaghoz vezetnek.
Foglalás vagy pénztár
Az időponthoz kötött szolgáltatások a foglalásba, a közvetlenül megvásárolhatók a pénztárba lépnek.
Visszaigazolás
A lezárás után az ügyfél megkapja a megfelelő visszaigazolást vagy visszajelzést.
A csoportok először arra válaszolnak, hogy edzést, tanácsadást vagy digitális terméket keres valaki, és utána könnyítik meg a konkrét választást.
A meglévő edzésügyfelek közvetlenül választhatnak csomagot; kiterjedt tanácsadásnál egy első beszélgetés tisztázza először az igényt.
Az olyan útvonalak, mint a /hu/szolgaltatasok és az /en/services, külön megnyithatók, megoszthatók, hivatkozhatók és indexelhetők. A canonical és a hreflang köti össze a változatokat; a kétnyelvűség így az információs architektúra része, nem csupán szövegcsere.
Egy helyi komponens először tájékoztat az integrációról. A külső szolgáltatás csak a szükséges döntés után töltődik be; a weboldal többi része ettől függetlenül használható marad.
A wireframe szolgáltatásonként meghatározza a besorolást, a képet, a jellemzőket, az árakat és a következő lépést. A megvalósítás ugyanazokat az építőelemeket veszi át képanyaggal, színnel és csomagonként egy világos úttal.


A meleg alapfelületek, a zsálya- és az erdőzöld nyugodt megjelenést adnak. A színek, távolságok, lekerekítések és állapotok újrafelhasználható designértékként vannak vezetve, hogy az új oldalak következetesek és könnyen bővíthetők maradjanak. A keretadatok, a jellemzők és az ársávok közvetlenül az adott szolgáltatásnál állnak.

Ép Testben Ép Lélek
Playfair Display · Címsorok
AaBbCc 0123456789 · ÁÉÍÓŐÚŰ áéíóőúű
Inter · Folyószöveg és feliratok
Fókuszgyűrű: 2px Main Brand Sage
Fehér szöveg a hero tónuson
5,96:1Fehér szöveg a márkaszínen
3,85:1A hero tónus fehér szöveggel 5,96:1 értéket ér el, és ezzel meghaladja a WCAG AA folyószövegre vonatkozó 4,5:1 követelményét. A világosabb márkatónus 3,85:1 értéket ér el, ezért csak nagy betűméretnél, felületeknél, kereteknél és ikonoknál használjuk.
A platform hat strukturált szolgáltatást köt össze szakmai és személyes tartalmakkal, valamint a megfelelő következő lépésekkel. Minden szolgáltatás ugyanazt az információs logikát követi, de megtartja saját tartalmát, árait, feltételeit és foglalási logikáját. Új szolgáltatások így teljesen új oldalszerkezet kidolgozása nélkül bővíthetők.
Részletes bemutatkozó oldal, személyes tartalmak, vélemények, valamint eredmény- és fejlődésgaléria egészíti ki a szolgáltatásokat. A szolgáltatásszerkezet és a személyes szint elválasztása egyszerre teszi lehetővé a tárgyilagos összehasonlítást és a bepillantást a szolgáltatás mögötti személybe.
Az árak, a csomagméretek és a lényeges feltételek közvetlenül a szolgáltatásnál állnak. Szolgáltatástól függően csomagválasztás, első beszélgetés, időpontfoglalás vagy később digitális termék közvetlen megvásárlása következik.
A mobil és az asztali nézet ugyanazt az információs architektúrát használja, de nem feltétlenül ugyanazt az elrendezést. Keskeny kijelzőkön a sorrend, a képkivágások és a vízszintes távolságok igazodnak, az interakciók pedig érintésre optimalizáltak.
A pénztár a tervezett foglalási utakhoz és a magyar piachoz igazodik.



Az egyedi megvalósítás alapja a Next.js, a React, a TypeScript és a Tailwind. A szolgáltatások, a tartalmak és az integrációk úgy vannak felépítve, hogy új szolgáltatások új oldalkoncepció nélkül bővíthetők legyenek. A fő tartalmak a kiszolgált HTML-ben vannak; interaktivitás csak ott egészíti ki őket, ahol szükséges. A lényeges információk így további kliensoldali végrehajtás nélkül is elérhetők, a keresőmotorok számára olvashatók, és a külső integrációktól függetlenül hozzáférhetők.
A kép, a szolgáltatás típusa, a jellemzők, az árszerkezet, a foglalási logika és további technikai tulajdonságok központilag vannak meghatározva.
Egy új szolgáltatáshoz lényegében egy konfigurációs bejegyzés és a hozzá tartozó tartalom kell mindkét nyelven; a meglévő oldalszerkezetek változatlanok maradnak.
A hozzájárulás-kezelés a Woop Technology újrafelhasználható modulját használja. A kategóriák, a szolgáltatások és a deklarált tárolt értékek központilag vannak meghatározva; a hozzájárulási infrastruktúrán keresztül kezelt tárolt értékeket regisztrálni kell a registryben.
A hozzájáruláshoz kötött időpont- és statisztikai szolgáltatások csak a hozzájárulás után töltődnek be. A hozzájárulási funkcióhoz nem kell külső CMP-szolgáltató. A pénztár elő van készítve egy cserélhető fizetési szolgáltató későbbi bekötésére, a szolgáltatás- és foglalási szerkezet újjáépítése nélkül. Adatszerkezete elkülöníti a kapcsolattartási és a számlázási adatokat, és figyelembe veszi a helyi számlázási követelményeket, valamint a magyar forintban megadott összegeket.
Az alkalmazás önálló konténerként kerül kiszállításra, és nem kötődik sem weboldalépítőhöz, sem meghatározott tárhelyszolgáltatóhoz. A beállítás konténeralapú kiszállítást, privát csomagkezelést a közös modulokhoz, automatikus típusellenőrzést és buildeket, verziózott kiadásokat, valamint ellenőrzött deploymentokat foglal magában.
A közzétett verziók reprodukálhatók, és szükség esetén korábbi állapotra állíthatók vissza.
A látható weboldal elkülönül a hozzájárulásfüggő szolgáltatásoktól: ha például a külső időpontfoglalás nincs engedélyezve, a többi tartalom továbbra is elérhető marad.
A platform megvalósítás alatt áll. Az alábbi pontok az élesítés utáni várható állapotot írják le.
Digitális művészeti tér, amely igényesen mutatja be a műveket, és könnyedén vezeti végig a látogatókat a galérián.


Saját hozzájárulás-motorunk. Kezeli a hozzájárulásokat, csak hozzájárulás után tölti be az érintett szolgáltatásokat, visszavonáskor pedig törli a cookie-kat – miközben az adatok, a nyelvek és a megjelenés projektenként szabadon meghatározhatók.
Az első egyeztetésen tisztázzuk, miből áll a kínálata, és hogyan lehet belőle olyan szerkezet, amely együtt nő Önnel.