98
Éles oldal
Negyvenkilenc magyar és negyvenkilenc angol oldal ugyanabban a tartalmi és vizuális rendszerben.
Esettanulmány · rolandszabo.photo
Egy 98 oldalas, kétnyelvű weboldalrendszer újraépítése kevesebb mint két hét alatt.
A saját fotós weboldalam teljes magyar és angol változatát új tartalmi, vizuális és technikai rendszerben építettem újra. Az AI jelentősen felgyorsította a kivitelezést, miközben a struktúrát, a szöveget, a designt, a technikai szabályokat és az ellenőrzést végig én irányítottam.
A kiindulási helyzet
A régi oldal működött, de már nem képviselte megfelelően a vállalkozást.
A korábbi weboldal technikailag gyors és működőképes volt, de a tartalma több év alatt fokozatosan elavult. A szövegek egy része korai, gyengén irányított AI-segítséggel készült, ezért generikus, túl emelkedett és kevésbé természetes hangvételű volt.
Az időközben megjelent új szolgáltatások nem kaptak megfelelő láthatóságot, a szolgáltatások és a portfólió közötti kapcsolat nem volt elég egyértelmű, a tartalmi struktúra pedig a folyamatos bővítések miatt egyre összetettebbé vált.
A cél nem egyszerű vizuális frissítés volt. A teljes tartalmi, szolgáltatási és technikai rendszert újra kellett gondolni, majd ugyanarra az alapra a magyar és az angol változatot is következetesen felépíteni.
A rendszer mérete
Egyetlen tartalmi és technikai rendszer, két teljes nyelvi változatban.
Először a magyar oldal tartalmi szerkezetét, szövegezését, vizuális szabályait és layoutjait véglegesítettem. A projekt utolsó lépéseként ugyanez a rendszer elkészült angolul is, majd a két nyelvi változat egyszerre indult el.
3
Fő szolgáltatási terület
A portré-, autó- és eseményfotózás külön huboldalon fogja össze a kapcsolódó szolgáltatásokat.
20
Szolgáltatási landing oldaltípus
Az önálló szolgáltatási oldalak magyarul és angolul is ugyanazokra a közös layoutokra épülnek.
12
Blogbejegyzés nyelvenként
A tizenkét cikk mindkét nyelven az új blog- és keresőtechnikai rendszer része lett.
≈15
Közösen használt layout
A két nyelvi változat ugyanazokat a layoutokat és újrafelhasználható komponenseket használja.
46
Központi ügyfélvélemény
A visszajelzések egyetlen központi adatforrásból használhatók a megfelelő oldalakon és nyelveken.
A három szolgáltatási terület egységes szerkezetet kapott.
A huboldalak nem új szolgáltatásokat vezettek be, hanem átláthatóbban kapcsolják össze az egyes fotózástípusokat, a hozzájuk tartozó portfóliót és az önálló landing oldalakat.
AI-val gyorsított kivitelezés
A nagyobb rendszer harmadannyi idő alatt készült el.
A korábbi weboldal aktív kivitelezése körülbelül hat hétig tartott. Az új, jóval nagyobb, 98 oldalas és kétnyelvű rendszer kevesebb mint két hét alatt állt össze.
≈6 hét
A korábbi weboldal aktív kivitelezése
<2 hét
Az új, kétnyelvű rendszer kivitelezése
A projekt kulcsa
A gyorsulást a jól meghatározott rendszer adta.
Az AI egyértelmű tartalmi, vizuális és technikai szabályok alapján dolgozott. Én alakítottam ki a weboldal struktúráját, a designrendszert és a munkafolyamatot, meghoztam a fontos döntéseket, majd minden oldalt és kódrészletet ellenőriztem.
Amiben az AI segített
- Első kódváltozatok és komponensek elkészítése
- Ismétlődő oldalak és struktúrák felépítése
- Nagy mennyiségű tartalom szabályalapú feldolgozása
- Szövegváltozatok és fordítások előkészítése
- Automatizált ellenőrző eszközök készítése
Amit én tartottam kézben
- A teljes szolgáltatási és tartalmi struktúra
- A pozicionálás, a hangnem és a végleges szövegek
- A vizuális irány és a designrendszer
- A használhatósági és technikai döntések
- A böngészős ellenőrzés és a végső minőség
Az új rendszer működés közben
Az eltérő oldaltípusok ugyanannak a vizuális és tartalmi rendszernek a részei.
A szolgáltatási landing oldalak, a bemutatkozó tartalom és a mobilnézetek ugyanazokat az alapelveket követik, miközben minden oldal a saját feladatához igazodik.
Teljes kép megnyitása ↗
Új lapon nyílik
Teljes kép megnyitása ↗
Új lapon nyílik
A rendszer mobilon is következetesen működik.
A tartalom sorrendje, a tipográfia és a képek kezelése nem egyszerűen összenyomott desktopnézetként jelenik meg, hanem a kisebb képernyőkhöz igazodik.
Automatizált ellenőrzés
Az oldal 0 technikai hibával indult el.
Az AI nemcsak a kivitelezést gyorsította fel, hanem olyan projektszintű ellenőrzéseket is lehetővé tett, amelyek még az élesítés előtt megtalálták a hibás linkeket, útvonalakat, hiányzó fájlokat és következetlenségeket.
0
hiba az első éles Ahrefs Site Auditban
A webhely úgy indult el, hogy az Ahrefs az első teljes feltérképezés során egyetlen technikai hibát sem jelzett.
Teljes URL- és redirecttérkép
A régi weboldal minden fontos URL-jét összevetettem az új struktúrával, és minden megszűnő oldalhoz a megfelelő új céloldal került.
Automatizált linkellenőrzés
A belső linkeket, képútvonalakat, navigációs célokat és kapcsolódó fájlokat projektszinten ellenőriztem.
404-ek és hibás átirányítások megelőzése
Azok a problémák, amelyek kézi ellenőrzésnél gyakran csak a Search Console vagy a látogatók jelzései alapján derülnek ki, már az élesítés előtt láthatóvá váltak.
Következetes kétnyelvű struktúra
A magyar és angol oldalak útvonalai, fordítási kapcsolatai, navigációja és közös layoutjai egységes ellenőrzést kaptak.
100
Ahrefs Health Score
100
Teljesítmény
100
Kisegítő lehetőségek
100
Bevált módszerek
100
Keresőoptimalizálás
Ahrefs Site Audit
Google Lighthouse
A projekt tanulsága
Ezt az AI-val gyorsított, szakmailag irányított munkafolyamatot használom az ügyfélprojektekben is.
A rolandszabo.photo megmutatta, hogy az AI nemcsak kisebb feladatoknál, hanem egy több tucat oldalból álló, összetett tartalmi rendszer felépítésénél is jelentős gyorsulást adhat.
A gyorsaság önmagában azonban nem eredmény. A használható végeredményhez továbbra is szükség van egyértelmű célokra, következetes szabályokra, szakmai döntésekre és alapos ellenőrzésre.
Pontosan ezt a kombinációt viszem tovább az ügyfélprojektekbe is: húsz év webes tapasztalat, a mai eszközök sebességével.
Beszéljünk a weboldaladról
Nézzük meg, milyen weboldalra van szükséged.
Mondd el, mivel foglalkozol, hol tart most a vállalkozásod, és mit szeretnél elérni az új weboldallal. Az első beszélgetésen tisztázzuk a lehetőségeket, a feladat nagyságát és a következő lépéseket.