Megértem a céljaidat
Először azt tisztázzuk, mit szeretnél elérni a weboldallal, kinek készül, és mire van szükségük a látogatóidnak. Ezekre épülnek a tervezési döntések.
UX/UI design · WordPress development
WordPress weboldal fejlesztéssel és UX/UI designnal foglalkozom, a struktúra megtervezésétől a vizuális rendszeren át a működő, szerkeszthető weboldalig.
Eszközeim
Design + development
A struktúrát, a vizuális megjelenést és a technikai működést együtt tervezem meg. Így minden döntés ugyanazt a célt szolgálja: hogy az elképzelésedből jól használható weboldal készüljön.
A WordPress weboldal fejlesztés nálam a designfolyamat része. Már a tervezéskor átgondolom a megvalósítást, fejlesztés közben pedig figyelek a felhasználói élményre és a vizuális részletekre.
Először azt tisztázzuk, mit szeretnél elérni a weboldallal, kinek készül, és mire van szükségük a látogatóidnak. Ezekre épülnek a tervezési döntések.
Átlátható struktúrát, felhasználói útvonalakat és egységes UI-rendszert tervezek. A design segít eligazodni a tartalomban és megtenni a következő lépést.
A Figmában megtervezett felületet WordPressben és frontend fejlesztéssel valósítom meg. A kész oldal mobilon is jól használható, szerkeszthető, és a saját tartalmaidra épül.
Kiemelt munkák
A case study-kban a kész felület mellett a mögötte lévő döntéseket is megmutatom.
Egy Webnode-alapú, nehezen áttekinthető webshopból többszintű termékválasztást és automatizált háttérfolyamatokat támogató WooCommerce-rendszer készült.
Megnézem a case study-tA nulláról induló projektből webáruház, interaktív Energy Flow Quiz, 21 napos digitális program, automatizált customer journey és fizikai termékcsalád nőtt ki.
Megnézem a case study-t
Egy nehezen áttekinthető, tartalmilag kusza corporate oldalból strukturált, összekapcsolt tudásbázis készült projektekhez, publikációkhoz, eseményekhez és szakmai tartalmakhoz.
Megnézem a case study-t
A Majdnem Híres Rocksuli elavult, nem reszponzív oldalából egy dinamikus, könnyen szerkeszthető és a képzések közötti eligazodást támogató WordPress-rendszer készült.
Megnézem a case study-tA portfólióban a régebbi webes, arculati, grafikai és illusztrációs munkáimat is megtalálod.
Összes munkámMiben tudok segíteni?
Mesélj az elképzelésedről és arról, hol tartasz most. Együtt átgondoljuk, milyen tervezési és fejlesztési munkával tudlak a legjobban támogatni.
01
End-to-end web project
Struktúra, UX, UI és WordPress-megvalósítás egy folyamatban.
02
UX / UI design
Weboldalak és digitális felületek struktúrájának, működésének és vizuális rendszerének megtervezése.
03
WordPress / frontend
Meglévő design vagy saját UI-terv pontos, reszponzív és szerkeszthető megvalósítása. Ha már van kész Figma terved, WordPress weboldal fejlesztést önállóan is vállalok.
04
Brand / graphic design
A weboldaladhoz kapcsolódó arculatot, digitális és nyomtatott anyagokat is megtervezem, hogy a vállalkozásod megjelenése minden felületen összhangban legyen.
05
Website audit
Átnézem a meglévő weboldalad UX, UI, teljesítmény, SEO, funkcionalitás és biztonság szempontjából. A hibák és javítási lehetőségek összegyűjtése után a kivitelezést is vállalom.
06
WordPress maintenance
Átalánydíjas WordPress karbantartás rendszerfrissítésekkel, biztonsági mentésekkel, vírus- és biztonsági ellenőrzéssel. A csomag kisebb tartalmi és technikai módosításokat is tartalmaz: ezekkel is közvetlenül hozzám fordulhatsz.
Hogyan dolgozom?
Átbeszéljük a vállalkozásod céljait, a látogatóid igényeit és a rendelkezésre álló tartalmakat. Megnézzük, mire érdemes építeni, és hol hozhat előrelépést a tervezés vagy a fejlesztés.
Összerakom, milyen információra, funkciókra és felhasználói utakra van szükség – wireframe-mel, user flow-val vagy prototípussal.
A struktúrából vizuális rendszer készül. Tipográfia, színek, komponensek és interakciók – mindig a tartalom és a használhatóság szolgálatában.
A jóváhagyott felületet működő weboldallá építem. Reszponzívan, szerkeszthetően és a technikai szempontokat már a tervezésnél szem előtt tartva.
Dokumentáció, betanítás és igény szerint továbbfejlesztés – hogy a rendszer hosszabb távon is önállóan használható maradjon.
Rólam
Turnhauser Panni vagyok, UX/UI designer és frontend/WordPress fejlesztő.
Azokat a projekteket szeretem a legjobban, amelyekben együtt gondolkodhatunk az irányon, és az első ötletektől a megvalósításig részt vehetek a munkában.
Fontos számomra, hogy értsem a vállalkozásodat, a tartalmaidat és a felhasználóidat. Ezek alapján tervezem meg a felületet, és ugyanezekre figyelek a fejlesztés részleteiben is.
Google-vélemények
Valódi, szöveges értékelések a Google-profilomról.
„Pannival nagyon gördülékeny és rugalmas az együttműködésünk. Egy némileg kusza rendszert megörökölve új alapokra helyezte a honlapjainkat, és a kezdeti egyszerűbb karbantartási feladatok után egy komplex weboldal újraépítését is sikeresen végigvittük. Profin ültette át a víziónkat a gyakorlatba, segítette az ötletelést, és minden kérésünkre talált megoldást. Mindig elérhető, megbízhatóan teljesíti a vállalásokat, és egy laikus számára is érthetően elmagyarázza a "miért"-eket. Külön kiemelném a profi, felhasználóbarát dokumentációt, ami alapján a weboldal tartalomkezelése / -fejlesztése a belső csapatnak sem jelent gondot.”
„Pannival a közös munkánk a Harmony Flow Dance tánciskola első lépéseinél kezdődött. Ő tervezte az első logómat és készítette az első weboldalamat is, majd közel három évvel később ismét hozzá fordultam, amikor eljött az ideje a teljes megújulásnak. Számomra különösen fontos az a bizalmi kapcsolat, amelyben akkor is megérti az elképzeléseimet, ha én nem szakmai nyelven, hanem inkább képekben, hangulatokban, ötletekben és irányokban fogalmazom meg őket. Jó szívvel és bizalommal ajánlom mindenkinek, aki egyedi tervezésben és látványban gondolkodik, és nem sablonos weboldalt szeretne, ugyanakkor azoknak is, akik üzleti és marketing szempontból tudatosan szeretnék felépíteni vagy továbbfejleszteni az online megjelenésüket. Azoknak is, akiknek már van egy saját világuk és határozott elképzelésük, de nem beszélik a webfejlesztés szakmai nyelvét – és azoknak is, akik még csak keresik, milyen irányba induljanak. Panninál szerintem nem is az a dolgunk, hogy értsünk a weboldalkészítéshez. Nekünk azt kell tudnunk, mit szeretnénk képviselni – ő pedig segít ennek megtalálni a helyét és a formáját az online térben. Weboldalkészítőként és hosszú távú szakmai partnerként egyaránt számíthattok rá. A munkája nemcsak a weboldalamhoz, hanem vállalkozóként az én fejlődésemhez is hozzátett.”
„Pannival a közös munkánk a Harmony Flow Dance tánciskola első lépéseinél kezdődött. Ő tervezte az első logómat és készítette az első weboldalamat is, majd közel három évvel később ismét hozzá fordultam, amikor eljött az ideje a teljes megújulásnak. Számomra különösen fontos az a bizalmi kapcsolat, amelyben akkor is megérti az elképzeléseimet, ha én nem szakmai nyelven, hanem inkább képekben, hangulatokban, ötletekben és irányokban fogalmazom meg őket. Jó szívvel és bizalommal ajánlom mindenkinek, aki egyedi tervezésben és látványban gondolkodik, és nem sablonos weboldalt szeretne, ugyanakkor azoknak is, akik üzleti és marketing szempontból tudatosan szeretnék felépíteni vagy továbbfejleszteni az online megjelenésüket. Azoknak is, akiknek már van egy saját világuk és határozott elképzelésük, de nem beszélik a webfejlesztés szakmai nyelvét – és azoknak is, akik még csak keresik, milyen irányba induljanak. Panninál szerintem nem is az a dolgunk, hogy értsünk a weboldalkészítéshez. Nekünk azt kell tudnunk, mit szeretnénk képviselni – ő pedig segít ennek megtalálni a helyét és a formáját az online térben. Weboldalkészítőként és hosszú távú szakmai partnerként egyaránt számíthattok rá. A munkája nemcsak a weboldalamhoz, hanem vállalkozóként az én fejlődésemhez is hozzátett.”
„Biztonság érzete és profizmus. A közös munkánk során végig olyan hangulatot teremtett Panni, amiben azt éreztem, hogy megértő és türelmes kezekben van a weboldalam. Számomra ez a legfontosabb, hogy megbízhattam felhőtlenül a segítségében, hozzáértésében, és idegeskedés, elégedetlenség nélkül ment végbe az egész folyamat. Köszönöm :)”
„Biztonság érzete és profizmus. A közös munkánk során végig olyan hangulatot teremtett Panni, amiben azt éreztem, hogy megértő és türelmes kezekben van a weboldalam. Számomra ez a legfontosabb, hogy megbízhattam felhőtlenül a segítségében, hozzáértésében, és idegeskedés, elégedetlenség nélkül ment végbe az egész folyamat. Köszönöm :)”
„Bármikor problémánk volt - a tervezéstől a megvalósításig - a folyamatos működést segítő frissítések kapcsán is azonnal, készségesen, korrekten a hibát precízen diagnosztizálva állította talpra a vállalkozásunkhoz elengedhetetlenül fontos honlapunkat. Bátran ajánlom mindenkinek megbízhatósága, kreativitása és gyorsasága miatt.”
„Bármikor problémánk volt - a tervezéstől a megvalósításig - a folyamatos működést segítő frissítések kapcsán is azonnal, készségesen, korrekten a hibát precízen diagnosztizálva állította talpra a vállalkozásunkhoz elengedhetetlenül fontos honlapunkat. Bátran ajánlom mindenkinek megbízhatósága, kreativitása és gyorsasága miatt.”
„Gyors és precíz. És ami igazán fontos, hogy proaktív, átlátja a feladatot és komplexen kezeli azt. Tud s megbízó “fejével” gondolkozni. Csak ajánlani tudom!”
„Gyors és precíz. És ami igazán fontos, hogy proaktív, átlátja a feladatot és komplexen kezeli azt. Tud s megbízó “fejével” gondolkozni. Csak ajánlani tudom!”
„Panni gyors, hatékony, problémára fokuszáló, kedves és kreatív IT szakember.”
„Panni gyors, hatékony, problémára fokuszáló, kedves és kreatív IT szakember.”
„Pannival egyszerű és gyors a munka, mindig mindenre van megoldása.”
„Pannival egyszerű és gyors a munka, mindig mindenre van megoldása.”
„Kreatív, segítőkész. :) Köszi Panni!”
„Kreatív, segítőkész. :) Köszi Panni!”
„Pannival nagyon gördülékeny és rugalmas az együttműködésünk. Egy némileg kusza rendszert megörökölve új alapokra helyezte a honlapjainkat, és a kezdeti egyszerűbb karbantartási feladatok után egy komplex weboldal újraépítését is sikeresen végigvittük. Profin ültette át a víziónkat a gyakorlatba, segítette az ötletelést, és minden kérésünkre talált megoldást. Mindig elérhető, megbízhatóan teljesíti a vállalásokat, és egy laikus számára is érthetően elmagyarázza a "miért"-eket. Külön kiemelném a profi, felhasználóbarát dokumentációt, ami alapján a weboldal tartalomkezelése / -fejlesztése a belső csapatnak sem jelent gondot.”
Ingyenes útmutató
Nézd végig a weboldaladat az érdeklődőid szemével. Ebben az útmutatóban konkrét példák és ellenőrző feladatok segítenek felismerni, hol akad el a kapcsolatfelvétel, és melyik változtatással érdemes kezdened.
Az anyagból megtudhatod:
Kezdeti ötlettel, kész designnal vagy meglévő weboldallal is kereshetsz. Írd meg, mit szeretnél elérni, hol tartasz most, és miben kérsz segítséget. Átbeszéljük a lehetőségeket, és javaslatot teszek a folytatásra.
Gyakori kérdések
A céljaidból és a projekt jelenlegi állapotából indulunk ki. Átbeszéljük, mi készült már el, min szeretnél változtatni, és hogyan használnák az oldalt a látogatóid. Ezek alapján javaslok UX-tervezést, UI designt, WordPress-fejlesztést vagy ezek kombinációját.
Igen, a kezdeti struktúra megtervezésétől a UX/UI designon át a kész WordPress-weboldalig végigviszem a projektet. A tervezési és technikai döntések egymásra épülnek, így a kész felület működésében és megjelenésében is követi a jóváhagyott elképzelést.
Igen, kész Figma design alapján is vállalok WordPress és frontend fejlesztést. A tervet reszponzív, szerkeszthető weboldalként valósítom meg. Designer háttérrel a vizuális részletekre, az elemek szerepére és a felhasználói élményre is figyelek.
A teljesítményre már a tervezés és a fejlesztés során figyelek. Átgondolt bővítményhasználattal, optimalizált képekkel, betűtípusokkal és a szükséges funkciókhoz igazított kóddal dolgozom. A projekt igényei szerint egyedi WordPress-megoldásokat is készítek, és ellenőrzöm a betöltési sebességet, valamint a Core Web Vitals értékeket.
Igen, ezt már a fejlesztés során figyelembe veszem.
A rendszeres tartalmakat – például case study-kat, referenciákat, híreket, képzéseket vagy termékeket – úgy érdemes kialakítani, hogy az adminfelületen önállóan kezelhetők legyenek.
Szükség esetén külön mezőket, tartalomtípusokat és kitöltési instrukciókat is kialakítok, és az átadáshoz dokumentáció vagy betanítás is tartozhat.
A weboldal technikai és strukturális SEO-alapjait a fejlesztés során figyelembe veszem.
Ide tartozhat többek között az oldalstruktúra, heading hierarchy, title és meta mezők, canonical URL-ek, indexelési beállítások, strukturált adatok, sitemap, átirányítások, képoptimalizálás és belső linkelés.
A folyamatos tartalommarketing vagy komplex SEO-kampány külön terület, de az oldal technikai alapját úgy alakítom ki, hogy erre később jól lehessen építeni.
Ez nagyban függ a projekt összetettségétől.
Más léptékű feladat egy kisebb szolgáltatói oldal, egy teljes redesign, egy WooCommerce webshop vagy egy egyedi interakciókat és tartalomkezelési rendszert használó weboldal.
Ezért először röviden átbeszéljük a célokat és a szükséges funkciókat, és ezek alapján készítek konkrét ajánlatot.
Az átadás után is számíthatsz rám. Igény szerint vállalok WordPress karbantartást, tartalmi módosításokat, új funkciók kialakítását és továbbfejlesztést. Az oldalt úgy építem fel, hogy a vállalkozásod későbbi igényeihez is alakítható legyen.