Munkáim
Minden weboldal máshonnan indul
Van, ahol az első gondolattól én tervezem és építem fel az egészet, máshol egy meglévő oldal szerkezetét, megjelenését vagy keresőoptimalizálását gondoljuk tovább. Olyan együttműködés is van, amikor az ügyfél maga épít, én pedig szakmai szemmel segítem a döntéseit.
Az alábbi három irányból elindulva átláthatod a munkáimat, majd az egyes projektekbe közelebbről is belenézhetsz: honnan indultunk, mit kellett megoldani, és milyen lett a végeredmény.
Nagy tudásanyagból használható információs tér
FSHD Hungary
Az FSHD Hungary Alapítvány weboldalának egyszerre kellett megbízható információt adnia egy ritka izombetegségről, gyakorlati segítséget nyújtania az érintetteknek, és hitelesen bemutatnia a mögötte álló szervezetet.
一 Projekt: új weboldal tervezése és kivitelezése
一 Feladataim: információs architektúra, tartalmi struktúra, UX és vizuális tervezés, WordPress-fejlesztés, reszponzív kialakítás
Elolvasom az egészet
A kiindulópont
A projekt indulásakor már sok értékes szakmai és gyakorlati anyag állt rendelkezésre. A feladat az volt, hogy ezekből olyan weboldal szülessen, ahol az FSHD-val élők és családtagjaik könnyen megtalálják a számukra fontos válaszokat, miközben az alapítvány munkája, céljai és kapcsolatai is jól láthatóvá válnak.
Az oldalnak a szakemberek, lehetséges támogatók és együttműködő partnerek felé is hiteles szervezeti jelenlétet kellett biztosítania. Emiatt már a tervezés elején világossá vált, hogy nem elég egymás mellé helyezni a rendelkezésre álló információkat: áttekinthető útvonalakat kellett kialakítani közöttük.
A tartalmi rendszer
A weboldal három fő terület köré szerveződik. Az FSHD-ról érthetően rész közérthető formában mutatja be a betegséget, a tüneteket, a diagnózist és a kezelési lehetőségeket. Az Alapítvány menüpont a szervezet hátterét, tevékenységeit és együttműködéseit teszi láthatóvá. A Jogi és szociális tudnivalók, valamint a kapcsolódó hasznos információk a mindennapi eligazodást segítik.
Külön figyelmet kaptak azok az oldalak, amelyekhez az érintettek konkrét kérdéssel vagy élethelyzettel érkezhetnek: a betegregiszter, az Emergency Card, a gyakori kérdések és a gyakorlati forrásokat összegyűjtő tudástár.
A gyakori kérdések oldalát nem elszigetelt válaszlistaként építettem fel, hanem a teljes honlap egyik navigációs pontjaként. Innen az olvasó közvetlenül tovább tud lépni ahhoz a részletes tartalomhoz, amelyre valóban szüksége van.
Érzékeny téma, emberközeli vizuális világ
Egy ritka betegséggel foglalkozó oldal képi világánál fontos volt, hogy ne keltsen félelmet, és ne egyszerűsítse le az érintetteket a betegségükre.
Az FSHD-val kapcsolatos tartalmaknál az emberi test részletei és a mozgás kerültek előtérbe. Az alapítvány oldalain a növények a fejlődést és a közösséget idézik, míg a jogi és szociális tudnivalóknál a kövek és sziklák jelenítik meg a stabilitást és a kapaszkodót. Így az egyes területek saját hangulatot kaptak, mégis egységes weboldalt alkotnak.
A végeredmény
Az elkészült oldal az FSHD Hungary Alapítvány hivatalos bemutatkozó felülete és egy folyamatosan bővíthető tudástár is. Segít megérteni a betegséget, eligazodni a lehetőségek között, kapcsolatot találni a közösséggel, és megmutatja azt a munkát, amelyet az alapítvány az érintettekért végez.
A projekt jól példázza, mit jelent számomra egy új weboldal megtervezése: a tartalom, a látogatók kérdései és a szervezet céljai alapján olyan rendszert építeni, amelyben minden információ a helyére kerül.
Egy weboldal, amely együtt fejlődik a vállalkozással
Photoshooting.hu
A Photoshooting.hu az egyik legrégebbi, folyamatosan fejlődő projektem. Lisztik Erika eredeti weboldalát is én terveztem és készítettem, azóta pedig rendszeresen dolgozunk azon, hogy a honlap kövesse a vállalkozás változásait, és egyre pontosabban támogassa Erika szakmai céljait.
一 Projekt: weboldaltervezés, majd hosszú távú fejlesztés és keresőoptimalizálás
一 Feladataim: információs architektúra, UX és vizuális tervezés, WordPress-fejlesztés, tartalomfejlesztés, technikai és tartalmi SEO, felhasználói adatok elemzése
Elolvasom az egészet
Egy személyes márka digitális otthona
A weboldal eredetileg Erika portréfotós munkáinak bemutatására készült. Már ekkor fontos volt, hogy ne egyszerű képgaléria legyen: a látogatók ne csak a fotókat lássák, hanem megismerjék azt a figyelmes, támogató munkamódszert is, amely Erika fotózásait jellemzi.
Az évek során azonban a vállalkozás sokat változott. Az üzleti portrék mellett egyre hangsúlyosabbá vált a céges fotózás, új csomagok, oktatások és további szolgáltatások jelentek meg. A weboldalnak is követnie kellett ezt a fejlődést.
Új útvonalak a különböző ügyfeleknek
Egy vállalkozó, aki üzleti portrét keres magának, más kérdésekkel érkezik, mint egy cég, amely vezetői portrékat vagy egy teljes csapat fotózását tervezi. Ezért a korábban szorosabban összefonódó szolgáltatásokat fokozatosan különválasztottuk.
Új szolgáltatás- és csomagoldalak készültek az üzleti és a céges fotózáshoz, átalakult a navigáció, és pontosabbá váltak az oldalakon belüli útvonalak. A látogatók így könnyebben eljutnak a saját helyzetükhöz illő információkhoz, árakhoz és ajánlatkéréshez.
A fejlesztés során nemcsak új oldalakat helyeztem a meglévő rendszer mellé. Minden alkalommal azt is átnéztük, hogyan kapcsolódnak egymáshoz a tartalmak, hol van szükség további magyarázatra, és mely pontokon válhat bizonytalanná a látogató.
Több mint portré
A nyitóoldal megújításakor először még elvetettük a „Több mint portré” gondolatot, mert a weboldalt a szokásos kulcskifejezésekre optimalizáltuk, és ezek mentén építettük fel a struktúrát és a szövegezést.
Később azonban, amikor pontosabban meg tudtuk fogalmazni, mitől is több ez egy hagyományos portréfotózásnál, visszahoztuk ezt a mottót. Így született meg újra a „Több mint portré” koncepció, amely már nemcsak egy hangzatos üzenet, hanem egy jól körülírható szakmai szemlélet is lett: a figyelemre, az instruálásra és a megfelelő tér megteremtésére épülő fotózási folyamat.
A hangsúly így már nemcsak az elkészült képeken van, hanem azon az élményen is, amelyben az ügyfél a kamera előtt fokozatosan feloldódik, és önazonosan tud megjelenni.
Az új szövegek, ügyféltörténetek, vélemények és átgondoltabb szolgáltatásbemutatók segítenek abban, hogy a látogató már az első benyomás alapján is képet kapjon arról, milyen élményre és szakmai támogatásra számíthat.
Keresőoptimalizálás valódi kérdésekre építve
A keresőoptimalizálás során feltérképeztük, milyen kifejezésekkel és milyen szándékkal keresnek üzleti vagy céges fotóst az emberek. Ezek alapján új landingoldalak és blogtartalmak készültek, finomodtak az oldalcímek, leírások, képfájlnevek, alternatív szövegek és belső hivatkozások.
A fejlesztési döntéseket a keresési teljesítmény és a látogatói viselkedés adatai is segítik. Ezekből láthatóvá válik, mely szolgáltatások iránt érdeklődnek a legtöbben, milyen útvonalakon haladnak az oldalon, és hol érdemes egyszerűsíteni vagy több kapaszkodót adni.
A háttérben is folyamatos a munka
Egy sok képet használó fotós weboldalnál a látvány és a sebesség közötti egyensúly különösen fontos. A fejlesztés ezért a galériák, képek és animációk optimalizálására, a mobilos megjelenésre, a navigációra és az ajánlatkérési folyamat működésére is kiterjed.
Ezek többnyire nem látványos, egyszeri változtatások. Együtt mégis sokat számítanak abban, hogy az oldal gyorsabb, áttekinthetőbb és könnyebben használható legyen.
A háttérben is folyamatos a munka
A Photoshooting.hu ma már egyszerre mutatja be Erika személyes márkáját, fotós szemléletét és folyamatosan bővülő szolgáltatásait. Külön útvonalat kínál a vállalkozóknak és a céges ügyfeleknek, segít a megfelelő szolgáltatás kiválasztásában, és egyre nagyobb szerepet kap benne a keresőből érkező látogatók megszólítása is.
Ez a projekt jól példázza, hogy egy weboldalnak nem kell néhány évente mindent elölről kezdve megújulnia. Sokszor az a jobb megoldás, ha figyelemmel kísérjük, hogyan változik a vállalkozás és hogyan használják az oldalt az emberek, majd ezekhez igazítva fejlesztjük tovább azt, ami már jól működik.
Amikor a pontos elképzeléshez technikai segítség kell
Nalanda
Tamara nagyon is jól tudta, milyen honlapot szeretne a Nalandának. Kialakította a tartalmi és vizuális irányt, majd Gutenbergben, oktatóvideók segítségével maga kezdte el felépíteni az oldalát.
Akkor keresett meg, amikor elérkezett azokhoz a funkciókhoz, amelyek már túlmutattak az oldalak összeállításán. A fizetős videótár, a tagsági hozzáférések, a Stripe-os fizetés és az eseményjelentkezések rendszerét már nem érezte olyasminek, amit YouTube-videók alapján szeretne megoldani.
Nem egy új weboldalt kellett készítenem helyette. Az volt a feladatom, hogy az általa megkezdett munkát folytatva egységesebbé tegyem a megjelenést, és felépítsem mögé a szükséges technikai rendszert.
一 Projekt: szakmai támogatás saját kivitelezésű weboldalhoz.
一 Feladataim: a Gutenbergben épített oldal vizuális egységesítése, a meglévő stílus továbbfejlesztése, membership rendszer kialakítása, videós tartalmak hozzáférésének beállítása, Stripe-fizetés integrálása és az eseményjelentkezések technikai kialakítása.
Elolvasom az egészet
Határozott elképzelések, saját kezűleg felépített alapok
A közös munka kezdetén a Nalanda weboldalának már megvolt a saját karaktere. Tamara pontos elképzeléssel rendelkezett a tartalomról, az oldal hangulatáról és arról is, hogyan szeretné használni a honlapját. A Gutenberg kezelését oktatóvideókból tanulta meg, és az oldal jelentős részét önállóan építette fel.
Ezért nem az volt a cél, hogy mindent lebontsunk, és egy teljesen új irányt húzzunk rá. Abból indultam ki, amit ő már létrehozott, majd átnéztem, hol van szükség következetesebb vizuális megoldásokra és hol kell technikailag továbbépíteni a rendszert.
Egységesebb megjelenés Gutenbergben
Egy saját kezűleg, fokozatosan épülő weboldalon természetes, hogy az egyes oldalak és blokkok menet közben kissé eltérően alakulnak. Változhatnak a térközök, a szövegek arányai vagy az ismétlődő elemek megjelenése.
A Nalanda esetében ezeket a részleteket hangoltam össze. Nem egy idegen dizájnt vittem az oldalra, hanem Tamara választásait és vizuális irányát folytattam tovább egy egységesebb rendszerben. Így a honlap rendezettebbé vált, miközben megőrizte azt a karaktert, amelyet ő alakított ki.
A fizetős videótár technikai háttere
A videós tartalmak értékesítéséhez már nem volt elegendő új Gutenberg-oldalakat létrehozni. Olyan rendszerre volt szükség, amely kezeli a vásárlásokat és a hozzáféréseket, védi a fizetős tartalmakat, és a megfelelő videós felületre vezeti a felhasználókat.
Bekötöttem és beállítottam az ehhez szükséges membership plugint, kialakítottam a videónéző aloldalt és a tartalmak hozzáférési rendszerét, majd integráltam a Stripe-os bankkártyás fizetést. Így összeállt a teljes folyamat a vásárlástól a videók megtekintéséig.
Emellett az eseményekre való jelentkezés technikai hátterét is kialakítottam, hogy a honlap ne csak bemutassa Tamara munkáját, hanem a szolgáltatásaihoz kapcsolódó folyamatokat is kezelje.
Segítség ott, ahol valóban szükség volt rá
A közös munka során a honlap iránya és tartalma végig Tamara kezében maradt. Én azoknál a pontoknál kapcsolódtam be, ahol a vizuális következetességhez vagy az összetettebb funkciók biztonságos kialakításához már webfejlesztői tapasztalatra volt szükség.
A Nalanda ezért jól példázza a „Te építed, én segítek” együttműködést. Tamara nem azért kért segítséget, mert ne tudta volna, mit szeretne. Éppen ellenkezőleg: világos elképzelése volt, sok mindent önállóan megvalósított, és felismerte azt a pontot, ahol már érdemes szakembert bevonni.
A végeredmény
A Nalanda megőrizte Tamara eredeti elképzeléseit és az általa kialakított hangulatot, miközben egységesebb és technikailag jóval összetettebb weboldallá vált. A háttérben működő tagsági, fizetési és jelentkezési rendszer lehetővé teszi, hogy a honlap Tamara szolgáltatásainak valódi eszköze legyen.
Számomra erről szól ez a fajta együttműködés: nem átvenni a weboldalt attól, aki maga szeretné alakítani, hanem hozzáadni azt a szakmai tudást, amelyre a következő lépéshez szüksége van.