Értem a problémát
Nem azzal kezdem, hogy milyen legyen a fejléc. Először azt tisztázzuk, mit kell elérnie az oldalnak, kinek készül, és milyen információra van szüksége a látogatónak.
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
Sok webes projekt több különálló szereplő között halad: valaki megtervezi a struktúrát, valaki elkészíti a UI-t, valaki más pedig megpróbálja lefejleszteni.
A WordPress weboldal fejlesztés nálam nem különálló technikai lépés, hanem a designfolyamat része.
Már a tervezésnél tudom, hogyan fog működni a felület technikailag. Fejlesztés közben pedig pontosan értem, milyen UX- és designszándékot kell megőriznem.
Nem azzal kezdem, hogy milyen legyen a fejléc. Először azt tisztázzuk, mit kell elérnie az oldalnak, kinek készül, és milyen információra van szüksége a látogatónak.
Információs struktúrát, user flow-t és UI-rendszert tervezek. Nem dekorálom a tartalmat: a design segít megérteni és használni azt.
A terv nem áll meg Figmában. WordPressben és frontend oldalon is megvalósítom, amit megterveztem – reszponzívan, szerkeszthetően és a valós tartalomra építve.
Kiemelt munkák
A case study-kban a kész felület mellett a mögötte lévő döntéseket is megmutatom.
Case study
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
Case study
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
Case study
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?
Elég, ha tudod, milyen problémát szeretnél megoldani. Megbeszéljük, mi lenne a legmegfelelőbb megoldás.
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
Ha a webes projekthez még nincs megfelelő vizuális alap, az arculattól a kapcsolódó digitális vagy print anyagokig ebben is tudok segíteni.
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, így nem kell minden apró változtatáshoz külön fejlesztőt keresned.
Hogyan dolgozom?
Mit kell elérnie az oldalnak? Kinek készül? Mi működik most, és mi nem? A projekt elején a problémát, a célokat és a szükséges tartalmat tisztázzuk.
Ö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ő.
A legjobban azokat a projekteket szeretem, ahol nem egy kész megoldást kell végrehajtanom, hanem együtt lehet megtalálni, mi lenne a megfelelő megoldás.
Szeretem érteni a tartalmat, a felhasználót és az üzleti célt is – mert ezek nélkül a pixelpontos kivitelezés önmagában kevés.
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.”
Nem baj, ha még nincs kész specifikációd vagy designod.
Írd le röviden, min dolgozol, hol tart most a projekt, és miben lenne szükséged segítségre. Megnézem, hogyan érdemes továbbindulni.
Gyakori kérdések
Egyáltalán nem. Nem szükséges kész specifikációval vagy pontos szolgáltatáslistával érkezned.
Elég, ha elmondod, mit szeretnél elérni, mi van már készen, és hol érzed a problémát. Ezek alapján együtt meg tudjuk határozni, hogy UX-tervezésre, új UI-ra, WordPress-fejlesztésre vagy ezek kombinációjára van szükség.
Igen. A projektet végig tudom vinni a kezdeti struktúrától és UX-gondolkodástól a UI designon keresztül a kész WordPress-oldalig.
Ez azt jelenti, hogy a tervezési és technikai döntések nem különülnek el egymástól: már a design során figyelembe veszem, hogyan lesz az oldal jól megvalósítható, a fejlesztés során pedig megmarad az eredeti UX- és vizuális szándék.
Igen.
Meglévő UI-tervből is dolgozom, és ilyenkor a cél a design pontos, reszponzív és technikailag stabil megvalósítása.
Designer háttérrel fejlesztek, ezért nemcsak azt nézem, hogy egy elem hova kerüljön, hanem azt is, milyen szerepet tölt be a vizuális rendszerben és a felhasználói élményben.
A WordPress önmagában nem jelent lassú weboldalt.
A teljesítményt sokkal inkább az határozza meg, hogyan készül a frontend, mennyi fölösleges kód és plugin kerül az oldalra, hogyan kezeljük a képeket, betűtípusokat, animációkat és külső scripteket.
Ahol a projekt indokolja, egyedi, könnyű WordPress megoldással dolgozom, és a fejlesztés során külön figyelmet fordítok a Core Web Vitals értékekre, a betöltési sebességre és a stabil működésre.
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ással nem kell feltétlenül lezárulnia az együttműködésnek.
Igény szerint vállalok későbbi módosításokat, új funkciókat, technikai karbantartást és továbbfejlesztést is.
A cél az, hogy ne egy egyszer használatos weboldal készüljön, hanem olyan rendszer, amely később is bővíthető és kezelhető marad.