Ugrás a tartalomra
Csucsi Design

Csucska Gergő · webdesign & fejlesztés

Modern weboldalak vállalkozásoknak.

Gyors, prémium és üzletileg átgondolt weboldalak, amelyek nem csak jól néznek ki, hanem ügyfeleket is hoznak. Három teljes referencia-projekt – nyisd meg, kattints végig, próbáld ki az űrlapokat.

Referenciák megtekintése Kapcsolat

Referenciák

Három vállalkozás, három teljesen más vizuális világ.

Mindegyik egy teljes, működő weboldal: aloldalakkal, űrlapokkal, foglalással, katalógussal. Nem sablonok, nem egymás átszínezett változatai – három külön identitás, három üzleti cél.

01Építőipar · kivitelezés

NORDÉP Generál

Építőipari weboldal, amely ajánlatkérést hoz.

Prémium építészeti hangvételű oldal egy generálkivitelezőnek: szolgáltatások, referenciák, garanciák és egy alaposan megtervezett ajánlatkérő űrlap.

Cél

Ajánlatkérés generálása családi ház építésre, felújításra és ipari kivitelezésre – úgy, hogy az oldal már az első képernyőn bizalmat építsen.

Fő funkciók

  • Ajánlatkérő űrlap 9 mezővel, validáció, loading és success állapot
  • 8 szolgáltatás-aloldal, tételes tartalommal
  • 6 referencia-projekt case study jelleggel
  • Bizalmi számlálók, folyamat, garanciák

Design-megközelítés

Erőteljes, de elegáns: Archivo display-tipográfia nagybetűs címekhez, hairline-rácsok, éles sarkok, számozott szakaszok. A képek sötét, alkonyati építészeti fotók, hogy a prémium minőség és nem az „épülő ház” legyen az első benyomás.

Élő oldal megtekintése Case study
nordep-demo.csucsi-design.hu
NORDÉP Generál főoldal, asztali nézet
NORDÉP Generál főoldal, mobil nézet
Generálkivitelező, Nyíregyházanordep-demo.csucsi-design.hu

02Prémium szolgáltató · egészségügy

Lumina Dental & Aesthetic

Bizalomépítés és online időpontfoglalás.

Világos, editorial hangvételű klinikaoldal serif tipográfiával, szakemberprofilokkal és egy tízlépéses, valódinak érződő időpontfoglalási folyamattal.

Cél

Bizalomépítés a fogorvosi félelemmel küzdő pácienseknél, és az időpontfoglalás egyszerűsítése – telefonálás nélkül, mobilról is két perc alatt.

Fő funkciók

  • Időpontfoglalás 6 lépésben, naptárral, időpont-rácsokkal, összegzéssel
  • Szakemberprofilok végzettséggel, szakterületekkel
  • 6 kezelés-aloldal folyamatleírással, GYIK-kel
  • Editorial hero ív alakú képmaszkkal

Design-megközelítés

Editorial és high-end: Fraunces serif display dőlt kiemelésekkel, Manrope szövegtörzs, pill-gombok, lágy árnyékú kártyák. A fotók természetes fényűek, nem „stock-fehér” rendelők; a szakemberek portréi ív alakú keretben, egységes kivágással.

Élő oldal megtekintése Case study
lumina-demo.csucsi-design.hu
Lumina Dental & Aesthetic főoldal, asztali nézet
Lumina Dental & Aesthetic főoldal, mobil nézet
Fogászati és esztétikai klinika, Nyíregyházalumina-demo.csucsi-design.hu

03B2B · agrártechnológia

AgroNova Systems

B2B leadgenerálás és termékkatalógus.

Mérnöki hangvételű vállalati oldal termékkatalógussal, szűrővel és kereséssel, specifikációs táblázatokkal, letölthető PDF adatlapokkal és termékszintű érdeklődéssel.

Cél

B2B leadek gyűjtése és a termék-/szolgáltatásportfólió bemutatása egy olyan felületen, amelyet egy gazdaság műszaki vezetője is komolyan vesz.

Fő funkciók

  • Termékkatalógus kategória- és elérhetőség-szűrővel, kereséssel
  • 12 termékoldal spec-táblázattal és galériával
  • 17 letölthető PDF adatlap
  • Termékszintű érdeklődés + B2B ajánlatkérő űrlap

Design-megközelítés

Precíz és vizuálisan erős: Space Grotesk display, IBM Plex Sans szövegtörzs, IBM Plex Mono az adatokhoz. Bento-rács a kategóriákhoz, adat-chipek a hero képén, sötét statisztikai sáv. A képek drónfelvételek és gépfotók – a technológia működés közben.

Élő oldal megtekintése Case study
agronova-demo.csucsi-design.hu
AgroNova Systems főoldal, asztali nézet
AgroNova Systems főoldal, mobil nézet
Precíziós gazdálkodás, öntözéstechnika, Nyíregyházaagronova-demo.csucsi-design.hu

Szolgáltatások

Design és fejlesztés egy kézben.

Nem kell külön designert, fejlesztőt és „SEO-st” koordinálnia: a tervezéstől a publikálásig egy ember viszi végig, aki mindkét oldalt érti.

01

Webdesign

Egyedi vizuális rendszer a vállalkozás karakteréhez: tipográfia, színek, ritmus. Nem sablon, nem átszínezett téma.

02

Frontend fejlesztés

Next.js, React, TypeScript. Gyors, karbantartható, statikusan generált oldalak, amelyek évek múlva is frissíthetők.

03

Reszponzív design

A mobil verzió külön van megtervezve – navigáció, űrlapok, kártyák, képek 320 pixeltől a széles kijelzőkig.

04

Weboldal-redesign

Meglévő, elavult oldal újragondolása: mi maradjon, mi menjen, és hogyan legyen belőle ügyfelet hozó felület.

05

UX / UI

Egyértelmű útvonal a látogatótól az ajánlatkérésig: CTA-hierarchia, űrlap-UX, állapotok, hibakezelés, hozzáférhetőség.

06

SEO-alapok

Helyes szerkezet, meta-adatok, sitemap, strukturált adatok, gyors betöltés – hogy a Google is értse, mit csinál a cég.

07

Konverzióorientált struktúra

Minden oldalnak van feladata: bizalmat épít, választ ad, és a következő lépésre visz.

Redesign-ötlet a meglévő oldalához?

Beszéljünk róla

Miért modern redesign?

Amit egy elavult oldal naponta veszít.

Nem a szépség miatt érdemes újratervezni, hanem mert a régi oldal lassú, mobilon használhatatlan, és a látogató nem találja rajta a telefonszámot.

Gyorsabb oldal

5–8 másodperces betöltés, elhagyott látogatók

Statikusan generált, optimalizált képek, másodperc alatti megjelenés

Jobb mobilélmény

Összenyomott asztali nézet, apró gombok

Mobilra tervezett navigáció, űrlapok és érintési felületek

Professzionálisabb megjelenés

Sablon, stockfotó-kollázs, 2012-es tipográfia

Saját vizuális rendszer, amely a cég valódi színvonalát mutatja

Egyszerűbb kapcsolatfelvétel

Eldugott telefonszám, működésképtelen űrlap

Egy kattintásra hívás, ajánlatkérés visszajelzéssel, foglalás lépésekben

Jobb Google-megjelenés

Hiányzó meta-adatok, duplikált címek, nincs sitemap

Helyi SEO, strukturált adatok, tiszta címstruktúra

Nagyobb bizalom

Lorem ipsum, üres referencia-oldal, elavult évszám

Valódi tartalom, referenciák, garanciák, átlátható folyamat

Folyamat

Öt lépés a kész oldalig.

Kiszámítható menet, írásos mérföldkövekkel. Ön minden ponton látja, mi készül, és miért.

  1. 01

    Felmérés

    Megnézzük a jelenlegi oldalt, a versenytársakat és azt, hogy pontosan mit kellene elérnie az újnak. 60 perces beszélgetés, írásos összefoglaló.

  2. 02

    Design

    Vizuális irány, majd a főoldal és a kulcsoldalak tervei – asztali és mobil nézetben. Addig finomítjuk, amíg nem az Öné.

  3. 03

    Fejlesztés

    Next.js alapú, gyors, reszponzív oldal, működő űrlapokkal, SEO-alapokkal, hozzáférhetőségi szempontokkal.

  4. 04

    Finomhangolás

    Tesztelés 320 pixeltől a széles kijelzőig, minden űrlap, minden link. Szövegek, képek, sebesség – a részletek.

  5. 05

    Publikálás

    Domain, HTTPS, sitemap, Google-beküldés. Átadás dokumentációval, hogy tudja, hogyan frissíthető.

Ki készíti

Egy ember, aki tervez és fejleszt is.

Csucska Gergő vagyok, a Csucsi Design mögött álló designer és fejlesztő Nyíregyházáról. Kis- és középvállalkozásoknak készítek weboldalakat – olyanoknak, amelyeknek van mit mutatniuk, csak a jelenlegi oldaluk nem mutatja.

A három bemutatott referencia-projektet kifejezetten azért készítettem, hogy ne kelljen „elképzelnie” a végeredményt: kattintson végig, próbálja ki az űrlapokat mobilon, nézze meg, hogyan viselkedik egy időpontfoglalás vagy egy termékkatalógus. Ha a saját vállalkozását is látja bennük, beszéljünk.

Ez az oldal a webdesign-referenciáimat mutatja. A teljes kreatív portfólióm – grafika, videó, produkció – a főoldalamon található: csucsi-design.hu ↗

Next.js · React
technológia
Design + kód
egy kézben
Nyíregyháza
és távolról is

Kapcsolat

Elavult a céges weboldalad? Mutatok egy modernebb irányt.

Küldd el a jelenlegi oldalad címét és pár mondatot arról, mit csinál a vállalkozásod. Válaszban egy rövid, konkrét javaslatot kapsz – kötelezettség nélkül.

csucska.gergo@gmail.com

Nyíregyháza · Szabolcs-Szatmár-Bereg vármegye