01
Saját fejlesztés
Saját HTML, CSS és JavaScript
A weboldal kódja közvetlenül a projekthez készül, kész sablonrendszer nélkül.
02
Vizuális rendszer
Egyedi UI/UX és arculati irány
A tipográfia, a színek, a blokkok és a felhasználói útvonal egyetlen rendszerként épül fel.
03
Technikai környezet
ZLN saját szerveres működés
A domain, az SSL és az éles technikai környezet kialakítása is a fejlesztés része lehet.
04
Minden kijelzőn
Reszponzív és célhoz igazított
A desktop-, tablet- és mobilnézet külön átgondolt elrendezést kap.
Mikor jó választás?
Nem az oldal mérete számít. Hanem a felépítése.
A statikus weboldal nem egy gyorsan összerakott, egyszerű felület. A szükséges oldalak, a tartalom sorrendje, a navigáció és a kapcsolatfelvételi pontok előre megtervezett struktúrában épülnek fel.
Példa oldalstruktúra
02Belépési oldal
Kezdőlap
Szolgáltatások
01Árlista
02Rólam / Rólunk
03Referenciák
04Kapcsolat
05Először meghatározzuk, milyen oldalakra van szükség.
Ezután tervezzük meg az egyes oldalak blokkjait, a navigációt és a látogatói útvonalat. Így a weboldal nem egymástól független szekciókból, hanem egy átgondolt rendszerből áll.
01
Vállalkozás
Céges bemutatkozó oldal
A vállalkozás, a szolgáltatások és a szakmai háttér bemutatására felépített weboldal.
- Kezdőlap
- Szolgáltatások
- Rólunk
- Referenciák
- Kapcsolat
02
Szolgáltatás
Szolgáltatói weboldal
Szolgáltatások, árak, folyamatok és kapcsolatfelvétel átlátható bemutatására.
- Kezdőlap
- Szolgáltatások
- Árlista
- Rólam
- GYIK
- Kapcsolat
03
Kampány
Landing- és kampányoldal
Egy ajánlat, szolgáltatás vagy kampány köré felépített fókuszált egyoldalas struktúra.
- Hero
- Ajánlat
- Előnyök
- Vélemények
- GYIK
- CTA
04
Személyes márka
Portfólió és szakmai oldal
A szakmai háttér, munkák és szolgáltatások karakteres bemutatására.
- Kezdőlap
- Rólam
- Projektek
- Szolgáltatások
- Kapcsolat
Akkor jó választás
Ha nincs szükség webshopmotorra, de szükség van átgondolt oldalakra és világos tartalmi struktúrára.
A projekt lehet egyetlen fókuszált landing oldal vagy többoldalas céges rendszer is. A szükséges oldalszámot és felépítést mindig a vállalkozás céljai határozzák meg.
Mit tartalmaz a fejlesztés?
Nem csak egy kész felületet. Egy teljes működő rendszert.
A fejlesztés az oldalstruktúra megtervezésétől az éles technikai környezet kialakításáig tart. A vizuális felület, a frontend, a funkciók és az induláshoz szükséges technikai háttér egyetlen folyamatban készül el.
01 — Tervezés
Struktúra és tartalmi rendszer
Meghatározzuk a szükséges oldalakat, az egyes oldalak blokkjait, a navigációt és a látogató számára követhető információs sorrendet.
- Oldaltérkép
- Navigáció
- Blokksorrend
- Látogatói útvonal
02 — Vizuális rendszer
Egyedi UI és reszponzív felület
A tipográfia, a színek, a gombok, a kártyák és a teljes blokkrendszer a vállalkozás karakteréhez és az oldal céljához igazodik.
- UI/UX
- Tipográfia
- Színrendszer
- Mobil és tablet
03 — Fejlesztés
Saját frontend és szükséges funkciók
A weboldal saját HTML-, CSS- és JavaScript-kóddal készül. Csak azok a funkciók kerülnek bele, amelyekre a projektnek ténylegesen szüksége van.
- HTML
- CSS
- JavaScript
- Űrlapok
- Interakciók
04 — Indulás
Technikai beállítás és élesítés
A fejlesztés része lehet a domain és az SSL bekötése, a szerverkörnyezet beállítása, az alap SEO, az analitika és az éles tesztelés.
- Domain
- SSL
- Szerver
- Alap SEO
- Analitika
- Tesztelés
Az átadás eredménye
Egy tesztelt, éles és minden kijelzőn működő weboldal.
A végleges tartalom és funkciólista mindig a projekt igényeihez igazodik. Nem minden weboldalnak ugyanazokra az elemekre van szüksége.
ZLN Design Labor
A statikus weboldal vizuális rendszere is itt készül el.
A Labor nem kizárólag Shopify theme-ek tervezésére szolgál. A folyamat elején kiválasztjuk, hogy statikus weboldal vagy Shopify webshop készül, majd ehhez igazítjuk a teljes vizuális és strukturális tervezési folyamatot.
A választás nem csak a megjelenést módosítja. A statikus és a Shopify-projektek eltérő fejléc-, blokk-, navigációs és funkcionális lehetőségeket kapnak.
ZLN Design Labor
Projektkonfiguráció
01 / Projekttípus
Első lépés
Milyen digitális rendszer vizuális alapját tervezzük meg?
Kiválasztva
Saját kód
Statikus weboldal
Választható
Shopify rendszer
Shopify webshop
Következő laborállomások
Statikus mód
01
Színlabor
02
Betűlabor
03
Gomb- és fejléc-labor
04
Blokklabor
05
Összesítés
Egy közös laborrendszer
Két külön projektút: statikus weboldal vagy Shopify webshop.
A közös vizuális alap után minden projekt a saját technikai lehetőségeihez és működéséhez igazodó elemekkel halad tovább.
Statikus weboldal indítása
Van egy vállalkozásod vagy szolgáltatásod? Tervezzük meg hozzá a megfelelő weboldalt.
A kapcsolatfelvétel után meghatározzuk a projekt célját, a szükséges oldalakat és a megfelelő technikai alapot. Ezután az oldalstruktúrától a Design Laboron keresztül egészen az élesítésig felépítjük a teljes rendszert.