Az egyetlen projekt, ahol mi voltunk az ügyfél és a stúdió is: a saját oldalunk, ugyanazzal a mércével építve, amit el is adunk.
Projekt áttekintés
A CompletApp a saját stúdióoldalunk, és pontosan úgy kezeltük, mint egy ügyfélprojektet: termékként, aminek dolga van. Ennek az Astro weboldal alapokra épített oldalnak gyorsan kell betöltenie, két nyelven kell természetesen olvashatónak lennie, és a látogatóból konzultációt kell csinálnia. 2026-ban terveztük és építettük meg az elejétől a végéig, így egyben élő, bárki által megvizsgálható példa arra, hogyan állunk hozzá egy egyedi fejlesztéshez.
A magunknak adott brief egyszerűen hangzik, de nehéz teljesíteni: egy kétnyelvű weboldal, ami prémiumnak hat, a teljesítménymérésen mégis úgy szerepel, mint egy csupasz szöveges oldal, a keresőknek pedig az első naptól mindent megad. Se CMS-teher, se bővítménydzsungel, csak egy gyors, statikus oldal, ami teljesen a mi kezünkben van.
Főbb funkciók
- Kétnyelvűség az alapoktól: teljes angol és magyar változat, helyes hreflang jelöléssel és nyelvváltóval minden oldalon.
- Két vizuális téma: sötét, teches alapnézet és letisztult világos mód, egyetlen kapcsolóval váltható.
- Teljes tartalmi felépítés: blog, portfólió, szolgáltatás és sablon szekciók, mindegyik saját lista- és aloldalakkal.
- Appszerű navigáció: a kliensoldali átmenetek miatt az oldalak közti váltás azonnalinak hat.
- Konverziós alapok: kapcsolati és érdeklődő űrlapok beépített spamvédelemmel.
- Adatvédelem először: az analitika csak GDPR szerinti hozzájárulás után tölt be, előtte soha.
- Megosztásra kész oldalak: oldalankénti közösségi kártyák, generált sitemap és RSS.
Technológiai háttér és integrációk
- Astro 6: a teljesen statikus mag, ami sima HTML-t szállít, szinte nulla JavaScripttel.
- Tailwind CSS: a két téma mögötti stílusrendszer, közös design tokenekre építve.
- TypeScript: típusellenőrzött tartalmi sémák és komponensek a teljes kódbázisban.
- Cloudflare: globális statikus kiszolgálás, hogy az oldal mindenhonnan gyors legyen.
- Saját szerverről kiszolgált betűtípusok és optimalizált, reszponzív képek: nincs külső kérés a kritikus úton.
- Strukturált adatok mindenhol: a cég, a szolgáltatások, a cikkek és az esettanulmányok géppel olvashatók.
Kihívások és megoldások
Az első kihívás a kétnyelvű pontosság volt. Lefordítani egy oldalt könnyű; olyat építeni, ahol minden oldalpár helyes hreflanget kap, minden belső link a saját nyelvén marad, a magyar szöveg pedig magyarul születik, nem fordításízű, már nem az. Nyelvenként külön tartalomgyűjteményekkel, a CI-ban futó automatikus linkellenőrzéssel és nulláról írt magyar szövegekkel oldottuk meg.
A második a klasszikus feszültség a gazdag, sötét vizuális arculat és a szigorú teljesítménykeret között. A ragyogás, az üveghatás és a mozgás drága. A látványt megtartottuk, és fegyelemmel fizettünk érte: statikus háttéreffektek, a felhasználói beállítást tiszteletben tartó mozgás, valamint a CI-ban kikényszerített Lighthouse- és akadálymentességi ellenőrzések, így egy visszaesés a buildet buktatja meg, nem a látogatóhoz jut el.
A harmadik az volt, hogy saját magunk ügyfelei voltunk. Külső határidő nélkül a projekt könnyen szétfolyik. Az vitte célba, hogy az oldalt terméknek tekintettük, éles indulási mércével, nem játszótérnek.
Fejlesztési idő
Iteratívan, saját termékként épült, az ügyfélmunkák közötti fókuszált körökben: először a design rendszer, aztán a kétnyelvű tartalmi felépítés, végül a SEO- és teljesítményréteg. A stúdió nyilvános otthonaként indult el, és azóta is úgy fejlődik, ahogy az ügyfeleinknek is tanácsoljuk: kis, mérhető lépésekben.
Eredmények és hatás
Az őszinte eredmény maga az oldal. Ez a gyors marketing oldal pontosan azt a technikai SEO-, teljesítmény- és kétnyelvű alapot mutatja meg, amit az ügyfeleinknek is építünk: strukturált adatok, helyes hreflang, hozzájáruláshoz kötött analitika, spamvédett űrlapok és minden commitnál kikényszerített teljesítménykeretek. Amit a szolgáltatásoldalainkon állítunk, azt itt, ezen az oldalon ellenőrizheted.
Szerepünk és hozzáadott érték
Minden réteget mi vittünk: a UI/UX tervezés két témán át, a szövegírás két nyelven, a teljes Astro fejlesztés és a telepítési folyamat az automatikus minőségi kapukkal. Az érték a felépítéssel bizonyítás: a stúdió saját oldala az egyetlen projekt, ahol a folyamat nem tud elbújni, és ez az oldal azt mutatja, hogyan dolgozunk, amikor csak a mérőeszközök figyelnek.
Nézd meg élőben
Az esettanulmány élő demóját éppen most böngészed. Kattints körbe, válts nyelvet, kapcsold át a témát, és figyeld, milyen gyorsan mozognak az oldalak. Ha a te oldaladat is ilyen alapokra építenénk, nálunk így néz ki az egyedi weboldal fejlesztés a gyakorlatban. Foglalj egy ingyenes hívást lent, és megtervezzük a tiédet.
