MURMO – WordPress weboldal újratervezése és költöztetése

A MURMO Szakpszichológiai és Művészetterápiás Központ weboldalának megújítása nem pusztán vizuális ráncfelvarrás volt. A sok szakembert, terápiás csoportot, szakmai írást és eltérő célcsoportokat kiszolgáló WordPress-oldalhoz világosabb struktúrát, korszerűbb felületet és könnyebben követhető felhasználói útvonalakat terveztünk.

Az új weboldal középpontjában az eligazodás áll: az érdeklődő rögtön megérti, hol találja a szakembereket, a csoportokat, a szakmai információkat és a kapcsolatfelvételi lehetőségeket. A tartalmi és vizuális újratervezést az oldal éles WordPress-környezetbe történő költöztetése egészítette ki.

A feladat: sokféle szakmai információ egy könnyen használható oldalon

A MURMO-nál a weboldal egyszerre tájékoztatja a szülőket, a fiatalokat, a szakmai partnereket és a terápiás csoportok iránt érdeklődőket. A korábbi megjelenés értékes tartalmakra épült, de a keskeny főoldali törzs, a domináns háttér és a hosszú menürendszer nehezítette a gyors tájékozódást.

A cél nem a meglévő szakmai tartalom lecserélése volt, hanem annak jobb bemutatása. A látogatók néhány lépésben jussanak el az őket érdeklő témáig: ismerjék meg a központ szemléletét, böngésszenek a szakemberek között, lássák a csoportok időpontjait, majd könnyen megtalálják a kapcsolatfelvételi lehetőséget.

A kiindulási kihívások: információarchitektúra, bizalom és mobilos UX

• Összetett tartalom: szakmai módszerek, csoportok, bemutatkozások, tájékoztatók és hírek eltérő részletességgel.
• Különböző látogatói célok: szülőknek, szakembereknek és jelentkezőknek más-más információ az elsődleges.
• Átlátható navigáció: a régi, hosszú mobilmenü helyett könnyebben átfutható hierarchiára volt szükség.
• Szakemberprofilok: a képzettségeket, tapasztalatokat és publikációkat kezelhető szerkezetben kellett bemutatni.
• Programok áttekintése: a különböző terápiás csoportok és időpontok könnyű összehasonlíthatóságát kellett biztosítani.
• Folyamatos működés: az új megjelenés bevezetésénél a korábbi WordPress-adatok és felhasználók megőrzése elsődleges szempont volt.

Vizuális újratervezés: fókusz a tartalmon

A megújult főoldalon a tartalom szélesebb teret kapott: teljesebb hero-szekció, tisztább tipográfia, jól elkülönülő témablokkok és visszafogottabb, egységesebb színrendszer váltja a régi, keskeny oldalszerkezetet. A zöld és sötétkék márkaelemek mellett a fehér felületek segítik az olvashatóságot.

A legfontosabb belépési pontokat külön kártyák és jól felismerhető gombok emelik ki. A bemutatkozás, a programok, a szakmai bejegyzések és a kapcsolatfelvétel nem egyetlen hosszú, nehezen átfutható folyammá olvad össze, hanem világos tartalmi egységekben jelenik meg.

A fenti előtte–utána képen a tényleges korábbi és megújult kezdőoldal látszik, nem koncepcióterv vagy mesterségesen rekonstruált állapot.

Mobilos navigáció és követhető felhasználói útvonalak

A mobilos átalakítás egyik legfontosabb eleme a menü újragondolása volt. A korábbi, sok külön sorból álló lista helyett áttekinthetőbb fő kategóriák és szükség esetén lenyitható almenük segítik a navigációt. A látogató így már mobilon is gyorsabban kiválaszthatja, hogy szakembert, csoportot vagy tájékoztatást keres.

A reszponzív kialakítás nem csupán a desktop változat lekicsinyítése: a kártyák, a tipográfia, a belső térközök és a fontos gombok kisebb kijelzőn is használható ritmust követnek. A felhasználói útvonalak a weboldalkészítés során is alapvető szempontok.

Szakemberek, részletes profilok és csoportbeosztás

A szakemberek áttekintő oldalán egységes fotós kártyák jelenítik meg a nevet, a szakterület rövid összefoglalását és a részletes adatlaphoz vezető továbblépést. Ez segít az érdeklődőknek abban, hogy ne hosszú felsorolásból kelljen kiválasztaniuk a megfelelő szakembert.

A részletes szakmai profiloknál a bemutatkozás mellett külön blokkokba kerülhetnek a végzettségek, munkatapasztalatok, publikációk és előadások. A lenyitható részek és az elkülönített kapcsolatfelvétel segítenek úgy bemutatni sok információt, hogy az oldal mégis áttekinthető maradjon.

A csoportszoba színes, heti időbeosztása más jellegű feladatot old meg: az időpontok és programok együttes áttekintését. A terápia iránt érdeklődők számára ez közvetlenül használható tartalom, nem puszta dekoráció. A csoportokhoz vezető jelentkezési útvonal a tájékozódást követő lépést is egyértelművé teszi.

WordPress-megvalósítás és gondos élesítés

A projekt meglévő WordPress-alapokra épült. Az újratervezés során egységesebb vizuális komponensekkel, frontend-finomításokkal és rendezett tartalmi szerkezettel dolgoztunk. A képi anyagok átnézése, a szükségtelenül nagy fájlok optimalizálása és a mobilos megjelenés ellenőrzése a megvalósítás része volt.

Az élesítésnél a régi és az új WordPress-környezet mentése, a webhely és az adatbázis kapcsolódó elemeinek kezelése, valamint a hivatkozások ellenőrzése kapott hangsúlyt. A cél az volt, hogy a megújult megjelenés a murmo.hu címen működjön, miközben a korábbi, megőrzendő adatok és felhasználói fiókok ne vesszenek el.

Ez a munka jól mutatja, hogy egy weboldal-újratervezés nem mindig teljes újrakezdést jelent: gyakran a meglévő tartalom és rendszer értékeire építve lehet a legjobb felhasználói élményt kialakítani.

SEO és tartalmi alapok: egyértelműbb struktúra

A logikus navigáció és a jól elkülönített tartalmi oldalak nemcsak a látogatóknak, hanem a keresőmotorok számára is egyértelműbb témastruktúrát adhatnak. A MURMO oldalon a szakemberek, csoportok és szakmai tartalmak megtalálhatósága a fő cél, ezért a belső kapcsolatok és a tartalom áttekinthetősége különösen fontos.

A szerkezet és a mobilos használhatóság fejlesztése SEO-szempontból jó alap, de nem állítunk bizonyítatlan rangsorolási vagy ügyfélszerzési növekedést. Az ilyen eredményeket csak összehasonlítható mérések alapján érdemes értékelni.

A végeredmény: rendezettebb, bővíthető szakmai weboldal

Az új MURMO weboldal egységesebb arculattal, gyorsabban áttekinthető főoldallal, hangsúlyosabb belépési pontokkal, újragondolt mobilmenüvel, szakemberkártyákkal, részletes profilokkal és heti csoportbeosztással működik. A sokféle szakmai tartalom továbbra is elérhető, de a látogatók számára követhetőbb felépítésben.

A megújult MURMO weboldal megtekintése. A munka a portfólióban is szerepel; az általános döntési szempontokat pedig a weboldal-újratervezési útmutató foglalja össze.

Gyakori kérdések

Miért volt szükség a MURMO weboldal újratervezésére?

A sok szakember, csoport és szakmai tartalom egyértelműbb elrendezést, könnyebben áttekinthető navigációt és mobilon is használható oldalszerkezetet igényelt.

Teljesen új WordPress-rendszer készült?

A munka a meglévő WordPress-környezet és tartalom megújítására, valamint a fejlesztett változat biztonságos élesítésére épült; nem állítjuk, hogy minden korábbi funkciót nulláról készítettünk.

Milyen részek változtak leginkább?

A főoldali szerkezet, a mobilnavigáció, a szakemberkártyák és részletes profilok, valamint a csoportok bemutatása és áttekintése.

Javultak a keresőbeli helyezések is?

A projekt célja a tartalom és a felhasználói élmény fejlesztése volt. Helyezés- vagy forgalomnövekedést megbízható összehasonlító mérés nélkül nem állítunk.