Egyedi weboldal készítés

Egyedi céges weboldal készítés sablon nélkül, saját kóddal.

Céges weboldalt készítünk, amely a te üzleted logikájára épül. Nem WordPress-témát szabunk át: a szerkezetet az üzleti logikádhoz tervezzük, a felületet saját komponensekből építjük, a kód pedig a projekt végén a tiéd.

Projekt indítása Webfejlesztés

Mit jelent az egyedi?

Mit értünk pontosan egyedi weboldal alatt?

Az „egyedi” szót sok ajánlat akkor is használja, ha valójában egy megvásárolt téma kapott új színeket és logót. Mi szó szerint értjük: nincs alap téma, nincs oldalépítő bővítmény, és nincs olyan kódrészlet, amelyről ne tudnánk megmondani, miért van ott.

Egy egyedi weboldal három rétegben különbözik a sablontól:

Szerkezet: a menü, az aloldalak és a szekciók sorrendje a te ajánlatodból és a látogatóid kérdéseiből születik, nem egy demóoldal felépítéséből.
Felület: a design saját komponenskönyvtárra épül, így minden elem pontosan azt csinálja, amire szükség van, se többet, se kevesebbet.
Kód: tiszta, verziókezelt forráskód, amelyet bármelyik hozzáértő fejlesztő átvehet, és amely a tiéd marad.

Ez nem öncélú. Egy kész téma sokféle felhasználási esetre készül, ezért olyan stílusokat, szkripteket és beállításokat is betölt, amelyeket az oldalad soha nem használ. Egyedi fejlesztésnél csak az kerül az oldalra, ami a működéshez kell, így könnyebb gyorsnak tartani, könnyebb akadálymentessé tenni, és könnyebb bővíteni.

Összehasonlítás

Sablon vagy egyedi fejlesztés: mikor melyik?

Szempont	Sablon, WordPress-téma	Egyedi weboldal
Indulási költség	alacsony	magasabb, 600 000 Ft + ÁFA-tól
Elkészülési idő	néhány nap – 2 hét	jellemzően 4–10 hét
Oldalszerkezet	a témához igazodik	az ajánlatodhoz és a látogatóidhoz igazodik
Sebesség	sok felesleges kód, utólagos optimalizálás	teljesítménykeret szerint, alapból gyors
Bővíthetőség	bővítményekkel, ütközési kockázattal	saját komponensekkel, kontrolláltan
Arculat	hasonlíthat más oldalakra	csak a te márkádhoz készül
Frissítések, biztonság	téma- és bővítményfrissítésektől függ	kevesebb külső függőség
Kód és jogok	a téma licence köti	a forráskód a te tárolódba kerül

Őszintén: ha most indulsz, kicsi a büdzsé, és csak egy névjegyoldalra van szükséged, egy jól megválasztott sablon is elég lehet. Egyedi fejlesztés akkor éri meg, ha:

a weboldal a fő értékesítési csatornád, és minden ajánlatkérés számít;
a szolgáltatásod összetett, és a sablonok előre gyártott szekciói nem tudják jól elmagyarázni;
több nyelv, sok aloldal vagy folyamatosan bővülő tartalom várható;
integráció kell (CRM, foglalási rendszer, belső adatbázis), vagy egyedi interakció;
prémium pozícióban értékesítesz: egy prémium weboldal minőségérzetének, vagyis a tipográfiának, a térközöknek, a finom mozgásoknak és a sebességnek ugyanazt az értéket kell kommunikálnia, mint a szolgáltatásodnak.

Tervezés

Hogyan tervezzük meg a szerkezetet és a komponenseket?

Az egyedi oldal nem a látványtervvel kezdődik. Előbb azt rögzítjük, milyen kérdésekkel érkeznek a látogatók, és milyen tartalmi egységekből áll az ajánlatod. A design erre a vázra épül.

Információs architektúra az ajánlatodból

Oldaltérkép, navigáció, URL-szerkezet és keresési szándékok szerinti aloldalak. Minden aloldalnak egy fő feladata van, és világos, honnan érkezik rá a látogató, és hová lép tovább.

Komponenskönyvtár és designrendszer

Tipográfiai skála, színek, térközök, gombok, kártyák és szekcióblokkok: egyszer megtervezve, mindenhol következetesen használva. Egy új aloldal így a meglévő elemekből sokkal gyorsabban összeáll.

Tartalommodell, nem csak oldalak

A szolgáltatások, a referenciák, a csapattagok és a blogcikkek saját mezőkkel rendelkező tartalomtípusok. Egy referencia így egyszerre jelenhet meg a referenciaoldalon, a kapcsolódó szolgáltatásnál és a főoldalon, mégis egyetlen helyen szerkeszted.

Teljesítmény és hozzáférhetőség

Teljesítménykeret és akadálymentesség már a tervezéskor

A sebességet nem a projekt végén „javítjuk fel”. Az elején teljesítménykeretet (performance budget) határozunk meg: mekkora lehet egy oldal teljes mérete, mennyi JavaScript futhat rajta, és milyen formátumban, méretben kerülnek ki a képek. A fejlesztés során minden új elemet ehhez mérünk.

A cél a Google Core Web Vitals mutatóinak teljesítése valós felhasználói körülmények között:

LCP (Largest Contentful Paint): a fő tartalom 2,5 másodpercen belül megjelenik;
INP (Interaction to Next Paint): az oldal 200 ezredmásodpercen belül reagál a kattintásokra;
CLS (Cumulative Layout Shift): betöltés közben nem ugrálnak el az elemek, az érték 0,1 alatt marad.

Hogy ez miért számít, és hogyan mérjük, arról a Core Web Vitals optimalizálásról szóló cikkünkben írtunk részletesen.

Az akadálymentesség ugyanígy az alapok része: szemantikus HTML, logikus címsorrend, megfelelő színkontraszt, billentyűzettel is bejárható menük és űrlapok, leíró alternatív szövegek. Az egyedi kód itt előny, mert nem kell egy téma rossz döntéseit utólag kijavítani. Ha az oldaladnak meg kell felelnie a WCAG 2.1 AA szintnek, nézd meg a weboldal akadálymentesítés szolgáltatásunkat is.

Részletek

A részletek, amelyektől egy oldal igényesnek hat

Tipográfia és térközök rendszerben

Arányos betűméretek, következetes térközök, visszafogott árnyékok és kártyák. Ezek a döntések egyenként alig látszanak, együtt viszont ezek adják a nyugodt, igényes összképet.

Mozgás, ami nem lassít

Finom átmenetek és görgetésre induló animációk, amelyek irányítják a figyelmet, de nem terhelik a betöltést. Aki a rendszerében csökkentett mozgást kér, annak az oldal is visszafogottabb.

Bizalmi tartalom túlmagyarázás nélkül

Referenciák, a munkafolyamat, az árak logikája és a gyakori kérdések ott jelennek meg, ahol a látogató döntés előtt áll, tömören és olvashatóan.

Árak

Mennyibe kerül az egyedi weboldal?

Az egyedi weboldalaink 600 000 Ft + ÁFA irányártól indulnak. Az alábbi sávok nettó irányárak, a pontos összeget az igényfelmérés után írásos ajánlatban adjuk meg. A piaci ársávokat és a fenntartási költségeket a weboldal készítés árak oldalon hasonlítottuk össze.

600 000 – 1 200 000 Ft + ÁFA

Kompakt egyedi oldal

Néhány oldaltípus saját komponenskönyvtárral, egyedi design, teljesítménykeret és technikai SEO. Jellemzően Astro alapon, CMS nélkül vagy egyszerű szerkesztési lehetőséggel.

1 200 000 – 2 500 000 Ft + ÁFA

Bővülő tartalmi rendszer

Részletes tartalommodell headless CMS-ben, blog és referencia-adatbázis, akár több nyelv, bővebb designrendszer és akadálymentességi ellenőrzés.

2 500 000 Ft-tól + ÁFA

Egyedi logika, integrációk, interakció

Alkalmazásszerű funkciók, külső rendszerek bekötése, React- vagy Next.js-alapú interaktív felületek, WebGL- és 3D jelenetek. Jellemzően 2 500 000 és 5 000 000 Ft között, nagyobb rendszereknél 5 000 000 Ft felett.

Hogy miért drágább egy egyedi oldal egy sablonnál? Mert több benne a tervezés: információs architektúra, komponenskönyvtár, tartalommodell, tesztelés és dokumentáció. Ezek az órák az induláskor jelennek meg a számlán, de később minden bővítésnél és minden karbantartásnál visszajönnek. A piaci árszinteket és a költségtényezőket az egyedi weboldal árairól szóló útmutatónkban részletezzük, ajánlatot pedig az ajánlatkérő űrlapon kérhetsz.

Referenciák

Mi volt egyedi a referenciaprojektjeinkben?

Next.js · React · Vercel

Arcana Tarot Reading: saját interakciós logika

Nincs olyan sablon, amely egy tarot-húzás menetét le tudná képezni. Az animált kártyaválasztás, a lapjelentések strukturált tartalommodellje és az angol–német nyelvi kezelés saját React-komponensekként készült Next.js-ben.

arcanatarotreading.com

Three.js · GSAP

Stadt der Zukunft: 3D tér a diasor helyett

A Bayern Innovative jövőképe nem szövegblokkokban, hanem bejárható 3D térben jelenik meg. A Three.js jelenetek, a görgetéshez kötött GSAP-animációk és az animált adatvizualizáció teljes egészében egyedi fejlesztés.

stadt-der-zukunft.netlify.app

SvelteKit · statikus kimenet

drberg.com: tartalomplatform nagy léptékben

Nagy mennyiségű egészségügyi tartalom, nemzetközi közönség. A SvelteKit statikus kimenete és a SEO-barát routing miatt minden cikk előre generált, gyors HTML-oldal tiszta URL-lel. Ilyen kontrollt egy általános téma nem ad.

drberg.com

A teljes portfóliót a munkáink között nézheted meg.

Átadás

Átadás, dokumentáció és a kód tulajdonjoga

Egy egyedi oldal akkor jó befektetés, ha nem köt egyetlen fejlesztőhöz. Ezért a projekt végén nemcsak egy működő weboldalt adunk át, hanem mindent, ami a továbbvitelhez kell.

A teljes forráskód a te Git-tárolódba kerül.

Fejlesztői dokumentáció: telepítés, build, komponensek és tartalomtípusok leírása.

Szerkesztői útmutató és betanítás, hogy a csapatod magabiztosan frissítse az oldalt.

A domain, a tárhely és a külső fiókok a te nevedre szólnak.

Gyakori kérdések

Kérdések az egyedi fejlesztésről

Mitől egyedi, mennyibe kerül, kié a kód, és mi történik, ha később más fejlesztővel dolgoznál tovább: a leggyakoribb kérdések röviden.

Miben más az egyedi weboldal, mint egy átszabott WordPress-téma?

Egy átszabott téma esetén a szerkezet, a kód és a működés nagy része adott, csak a színek, a betűk és a tartalom változnak. Egyedi fejlesztésnél nincs alap téma és oldalépítő bővítmény: az oldaltérképet a te ajánlatodhoz tervezzük, a felületet saját komponensekből építjük, és csak az a kód kerül az oldalra, amelyre valóban szükség van.

Mennyibe kerül egy egyedi weboldal?

Az egyedi weboldalaink 600 000 Ft + ÁFA irányártól indulnak. Egy kompakt egyedi oldal jellemzően 600 000 és 1 200 000 Ft között van, egy bővülő tartalmi rendszer CMS-sel 1 200 000 és 2 500 000 Ft között, az egyedi logikát, integrációkat vagy 3D elemeket tartalmazó projektek pedig 2 500 000 Ft-tól. A részleteket az árakról szóló útmutatónk mutatja be.

Mennyivel tart tovább, mint egy sablonos oldal?

Egy egyedi oldal jellemzően 4–10 hét alatt készül el. Az elején több időt kér az információs architektúra, a komponenskönyvtár és a tartalommodell megtervezése, mint egy téma beállítása, cserébe a későbbi bővítések gyorsabbak és kiszámíthatóbbak.

Szerkeszthető lesz az oldal, ha nincs mögötte WordPress?

Igen. Headless CMS-t kötünk az oldalhoz, amelyben a tartalomtípusok pontosan a te tartalmaidhoz igazodnak: külön mezők a szolgáltatásokhoz, a referenciákhoz vagy a blogcikkekhez. Ha a csapatod ragaszkodik a WordPresshez, saját, egyedi témát is fejleszthetünk, ami nem azonos egy megvásárolt téma átszabásával.

Kié lesz a forráskód és a design?

Az átadáskor a teljes forráskód a te Git-tárolódba kerül, a felhasználási jogokat pedig a szerződés rögzíti. Alapelvünk, hogy a domain, a tárhely és a külső szolgáltatások fiókjai is a te nevedre szóljanak, így nem függsz tőlünk.

Továbbviheti később az oldalt egy másik fejlesztő?

Igen. Elterjedt, jól dokumentált technológiákkal dolgozunk (például Astro, Next.js, React, SvelteKit), a kódot verziókezelve, fejlesztői dokumentációval adjuk át. Egy hozzáértő fejlesztő így rövid betanulás után folytatni tudja a munkát.

Milyen technológiával készül egy egyedi oldal?

A tartalomtól és a funkcióktól függ. Gyors, tartalomközpontú oldalakhoz többnyire Astrót használunk, alkalmazásszerű, interaktív felületekhez React-et és Next.js-t. Erről részletesebben a React.js fejlesztés oldalon írunk.

Készíthető egyedi 3D vagy animált weboldal is?

Igen. Three.js-szel és GSAP-pal készítünk interaktív 3D jeleneteket, görgetéshez kötött animációkat és termékbemutatókat, a teljesítménykeretet itt is betartva. Részletek a 3D weboldal készítés oldalon.

Kapcsolódó témák

Ezek is érdekelhetnek az egyedi fejlesztés mellett

Kezdjük el

Kérj ajánlatot a weboldaladra

Írd le röviden a projektedet, és 24 órán belül válaszolok. Az első konzultáció kötelezettségmentes.

Kapcsolati űrlap Olvass bele a blogba