Weboldal fejlesztés

Weboldal fejlesztés

Modern, gyors, prémium megjelenésű weboldalak és landing page-ek a legújabb webtechnológiákkal.

A weboldal az Ön cégének digitális kirakata — gyakran ez az első benyomás, amit a leendő ügyfelek kapnak. Egy lassú, elavult vagy mobilon rosszul megjelenő weboldal pillanatok alatt elveszíti a látogatókat. A KARTREND Kft. olyan weboldalakat fejleszt, amelyek 2 másodpercen belül betöltődnek, mobilon kifogástalanul néznek ki, és már az első 3 másodpercben prémium érzést keltenek a látogatóban.

A technológiai stackünk tudatos választás: Next.js 15, React 19, TypeScript, Tailwind CSS, Framer Motion. Ez a kombináció jelenleg a legjobb teljesítmény / fejlesztési sebesség / fenntarthatóság arányt biztosítja a piacon. Ez az oldal (ai-webshop.hu), a nanotrans.hu és a balatonkertmester.hu — mind ezzel a stackkel készültek.

Mit készítünk?

A legtöbb weboldal típust lefedjük — kis bemutatkozó oldaltól komplex platformokig.

01Bemutatkozó / céges weboldal

One-page vagy több aloldalas céges weboldal egyedi designnal. Kapcsolati form, szolgáltatási oldalak, referenciák, blog. Akár 1-2 héten belül kész.

02Landing page

Konverzióra optimalizált egyoldalas landing page kampányokhoz és termékindításokhoz. A/B tesztre alkalmas, integrálható Google Analytics, Meta Pixel és Hotjar szolgáltatásokkal.

03Többnyelvű weboldal

next-intl alapú többnyelvű weboldalak. SEO-barát URL-ek nyelvenként (hreflang), nyelvváltó, fordításmenedzsment, RTL-támogatás, ha szükséges.

04Headless CMS integráció

Sanity, Strapi, Contentful, Payload CMS integráció — az ügyfél maga frissítheti a tartalmat egy intuitív admin felületen, miközben a frontend villámgyors.

05E-commerce nélküli platform

Egyedi webalkalmazások, regisztrációval, felhasználói felülettel, dashboard-okkal. Nem webshop, hanem szolgáltatás-alapú platform.

06Blog / magazin

MDX vagy CMS-alapú blog kategorizálással, hozzászólásokkal, RSS-feeddel, hírlevél-integrációval. SEO-központú felépítés.

Munkafolyamat

01

Felmérés és tervezés

Megismerjük a célt, a célközönséget és a versenytársakat. Wireframe és tartalomstruktúra.

02

Design

Figma alapú design mockupok a kulcsoldalakra. Iteráció az ügyféllel, jóváhagyás után indul a fejlesztés.

03

Fejlesztés

Next.js / React / TypeScript fejlesztés komponensalapú architektúrában. GitHub repository, staging URL.

04

Tartalomfeltöltés

CMS használata esetén az ügyfél tölti fel a tartalmat, vagy mi tesszük a megadott szövegek alapján.

05

Tesztelés és optimalizálás

Lighthouse audit, böngészőkompatibilitás, mobil tesztek, akadálymentesség, SEO-ellenőrzés.

06

Élesítés és támogatás

Élesítés saját Docker / K8s infrastruktúrán vagy az ügyfél által választott szolgáltatónál. 30 nap garancia, folyamatos karbantartás.

Mit jelent a "prémium minőség"?

Tökéletes Core Web Vitals

LCP < 2,5s, FID / INP < 200ms, CLS < 0,1. A Google összes rangsorolási szempontja zöldben — ez azt jelenti, hogy a Google előrébb sorolja az oldalát a találatok között.

Mobil-első reszponzív design

A látogatók 60-70%-a mobilról érkezik. Minden oldalt először mobilra tervezünk, és csak utána skálázunk fel asztali nézetre.

SEO-központú megközelítés

Server-side rendering, strukturált adatok (Schema.org), Open Graph, Twitter Cards, sitemap, robots.txt, canonical URL-ek, hreflang. A Google már az indulás napján indexelni tudja az oldalát.

Akadálymentesség (a11y)

WCAG 2.1 AA szintű megfelelés. Billentyűzetes navigáció, képernyőolvasó-kompatibilitás, megfelelő színkontraszt, ARIA-attribútumok.

Animációk célhoz kötve

Framer Motion alapú scroll-triggered animációk, parallax effektek, hover interakciók — de soha nem öncélúan. Az animáció a felhasználói élményt szolgálja.

Sötét és világos téma

next-themes alapú dark / light mode támogatás, a rendszerbeállítás szerinti automatikus váltással.

Technológiai stack

Next.js 15 (App Router)React 19TypeScript 5Tailwind CSS v4Framer Motionnext-intl (i18n)next-themes (dark mode)Sanity / Strapi / Payload CMSVercel / Docker / K3s deployGitHub Actions CI/CDCloudflare CDNSentry monitoring

Gyakori kérdések

Mennyibe kerül egy weboldal fejlesztése?

Egy egyszerű bemutatkozó one-page oldal 250-500 ezer forint; egy 5-10 aloldalas céges weboldal egyedi designnal 600 ezer - 1,5 millió forint; egy többnyelvű komplex platform 2-5 millió forint között mozog. A CMS-integráció további 200-500 ezer forint.

Mennyi idő alatt készül el?

Egy egyszerű bemutatkozó oldal 1-2 hét; egy közepes komplexitású weboldal 3-6 hét; egy többnyelvű komplex platform 6-12 hét. Sürgős esetben gyorsabban is vállaljuk, felár ellenében.

Mit kapok a projekt végén?

Teljes forráskódot (GitHub repository hozzáférés), Docker image-et, deploy konfigurációt és dokumentációt. Az oldal teljes egészében az Öné — bármikor átviheti más szolgáltatóhoz.

Tudnak módosítható tartalmat készíteni?

Igen. Headless CMS (Sanity, Strapi, Payload) integrációval az ügyfél maga frissítheti a tartalmakat egy egyszerű admin felületen, miközben az oldal villámgyors marad.

Nem lenne olcsóbb a WordPress?

Egy alap WordPress oldal valóban olcsóbb lehet. A WordPress-szel azonban a teljesítmény ritkán éri el a Next.js szintjét, a karbantartás (plugin-frissítések, biztonsági javítások) folyamatos teher, és a komplexebb funkciók egyre drágábbak. Hosszú távon a Next.js stack gyakran olcsóbb és gyorsabb.

Új weboldalra van szüksége?

Kérjen ingyenes konzultációt — meghallgatjuk az igényeit és pár napon belül árajánlatot küldünk.

Ajánlatkérés