CompletApp

Az egyetlen projekt, ahol mi voltunk az ügyfél és a stúdió is: a saját oldalunk, amelyet ugyanazzal a mércével építettünk, amelyet az ügyfeleinknek is kínálunk.

1 / 7

A projekt röviden

A CompletApp a saját stúdióoldalunk, és pontosan úgy bántunk vele, mint egy ügyfélprojekttel: termékként, amelynek feladata van. Astro weboldalként gyorsan kell betöltenie, két nyelven is természetesen kell szólnia, és konzultációfoglalásokat kell hoznia. 2026-ban az elejétől a végéig mi terveztük és építettük, így élesben futó példa arra, hogyan állunk hozzá egy egyedi fejlesztéshez, és ezt bárki megnézheti.

A feladat, amelyet magunk elé tűztünk, egyszerűen hangzik, de nehéz teljesíteni: kétnyelvű weboldal, amely prémium hatású, a teljesítménymérésen mégis úgy szerepel, mint egy csupasz szöveges oldal, és a keresőknek az első naptól mindent megad. Se nehézkes CMS, se bővítménydzsungel, csak egy gyors, statikus oldal, amely 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 szerkezet: blog, portfólió, szolgáltatások és sablonok, mindegyik saját lista- és aloldalakkal.
• Appszerű navigáció: a kliensoldali átmeneteknek köszönhetően az oldalváltás azonnalinak hat.
• Konverziós alapok: kapcsolatfelvételi és érdeklődési űrlapok beépített spamvédelemmel.
• Adatvédelem mindenekelőtt: az analitika csak GDPR szerinti hozzájárulás után töltődik be, előtte soha.
• Megosztásra kész oldalak: oldalankénti közösségi kártyák, generált sitemap és RSS.
• Folyamatosan bővülő tartalom: egy automatizált SEO-tartalomfolyamat közvetlenül az élesben futó oldalra teszi ki az új blogcikkeket.

Technológia és integrációk

• Astro 6: a teljesen statikus alap, amely sima HTML-t küld a böngészőnek, szinte JavaScript nélkül.
• Tailwind CSS: a két téma mögötti stílusrendszer, amely közös design tokenekre épül.
• 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 adatait a gépek is értelmezni tudják.

Kihívások és megoldások

Az első kihívás az volt, hogy a két nyelv pontosan passzoljon. Egy oldalt lefordítani könnyű. Olyat építeni viszont már nem, ahol minden oldalpár helyes hreflanget kap, minden belső link a saját nyelvén marad, és a magyar szöveg eleve magyarul születik, nem fordításízű. Ezt nyelvenként külön tartalomgyűjteményekkel, a CI-ban futó automatikus linkellenőrzéssel és az alapoktól magyarul írt szövegekkel oldottuk meg.

A második a klasszikus ellentmondás a gazdag, sötét arculat és a szigorú teljesítménykeret között. A ragyogás, az üveghatás és a mozgás sokba kerül. A látványt megtartottuk, és fegyelemmel fizettünk érte: statikus háttéreffektek, a felhasználó beállítását tiszteletben tartó animációk, valamint a CI-ban kötelező Lighthouse- és akadálymentességi ellenőrzések. Így ha valami romlik, az már az élesítés előtti ellenőrzésen elbukik, és nem a látogatónál derül ki.

A harmadik az volt, hogy saját magunk ügyfelei voltunk. Külső határidő nélkül egy projekt könnyen parttalanná válik. Az segített végigvinni, hogy az oldalt terméknek tekintettük, élesítési mércével, nem kísérleti terepnek.

Időkeret

Saját termékként, lépésről lépésre épült, az ügyfélmunkák közé beiktatott, fókuszált körökben: először a dizájnrendszer, aztán a kétnyelvű tartalmi szerkezet, végül a SEO és a teljesítmény. 2026 augusztusában állt élesbe a completapp.com címen, és azóta is úgy fejlesztjük, ahogy az ügyfeleinknek is javasoljuk: kis, mérhető lépésekben.

Eredmények

Az eredmény ma már számokban is mérhető. Az élesben futó oldalt 2026. augusztus 27-én mértük le a Google PageSpeed Insights eszközével: a teljesítmény asztali gépen 99, mobilon 90, a SEO, az akadálymentesség és a best practices pedig mindkét nézetben kerek 100.

+

A számokon túl ez a gyors marketingoldal pontosan azt az alapot mutatja, amelyet 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 ellenőrzött teljesítménykeretek. Amit a szolgáltatásoldalainkon állítunk, azt itt, ezen az oldalon ellenőrizheted.

A mi szerepünk

Minden réteg a mi munkánk: a UI/UX tervezés mindkét témára, a szövegírás két nyelven, a teljes Astro-fejlesztés és az élesítési folyamat automatikus minőségellenőrzéssel. Itt nem beszélünk a munkánkról, hanem megmutatjuk: a saját oldalunknál nincs kibúvó, ezért ez az oldal pontosan 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 töltődnek be az oldalak. Ha a te cégednek is ilyen alapokra épülő oldal kell, az egyedi weboldal készítés nálunk ugyanígy a nulláról indul. Ha a weboldalad mellé appot is szeretnél, a cross-platform alkalmazásfejlesztés és a webalkalmazás-fejlesztés is ugyanannál a csapatnál marad. Foglalj ingyenes konzultációt, és megbeszéljük, mire van szükséged.