Weboldaltervezési folyamat

A jó weboldal nem a képernyőn kezdődik.

Először azt kell megérteni, mit szeretnél világosabban, hitelesebben vagy könnyebben működtetni.

01 Kiindulópont

Nem a színekkel kezdem.

Először azt tisztázzuk, mit kell valójában megoldania az oldalnak.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    A vállalkozás jelenlegi helyzete

  2. 02

    Amit a látogató még nem ért

  3. 03

    A kapcsolatfelvétel elakadási pontja

  4. 04

    A világosabban kommunikálandó fő üzenet

02 Feltárás

Először megértem, miért van szükség az oldalra.

Átbeszéljük a vállalkozásod működését, a célközönséget, az ajánlatot és azt, hogy mit kell elérnie a weboldalnak.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Üzleti cél

  2. 02

    Célcsoport

  3. 03

    Jelenlegi probléma

  4. 04

    Kívánt felhasználói lépés

  5. 05

    Szükséges tartalom

03 Struktúra

A tartalomból látogatói út lesz.

Felépítem az oldalszerkezetet, a fő üzenetet és a látogatói útvonalat, hogy a tartalom ne szétesett, hanem tudatos legyen.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Hero és fő üzenet

  2. 02

    Probléma és ajánlat

  3. 03

    Bizalmi rész és referencia

  4. 04

    CTA és kapcsolat

04 Vizuális rendszer

A megjelenés a gondolkodás látható formája.

A tipográfia, a színek, a képi karakter és a hierarchia ugyanazt a célt támogatja.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Tipográfia és olvashatóság

  2. 02

    Színrendszer és kontraszt

  3. 03

    Képi karakter

  4. 04

    A márka és a weboldal összhangja

05 Felület

A desktop és a mobil nem két külön terv.

Kialakul a vizuális rendszer, a weboldal felépítése és a reszponzív megjelenés, a márkához és a célhoz igazítva.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Természetes tartalmi sorrend

  2. 02

    Mobilos olvashatóság

  3. 03

    Egyértelmű CTA

  4. 04

    Nem egyszerű lekicsinyítés

06 Ellenőrzés

Nem az a kérdés, hogy szép-e. Hanem hogy működik-e.

A véglegesítés előtt a látogatói nézőpontból ellenőrzöm a felületet.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Érti a látogató, mit kínálsz?

  2. 02

    Tudja, mi legyen a következő lépése?

  3. 03

    Telefonon is könnyen használható?

  4. 04

    A megjelenés a munkád szintjét közvetíti?

07 Átadás

Nem csak egy látványtervet adok át.

A véglegesítés után átlátható formában adom át az anyagot, hogy a megjelenésed használható és következetes maradjon.

Natural BEAuty Body weboldalának tipográfiai és képi részlete
Rena Fitness weboldal desktop nyitóképernyője
SilikonExpert weboldal mobilnézetei
  1. 01

    Reszponzív állapotok

  2. 02

    Tartalmi logika

  3. 03

    Szükséges technikai egyeztetés

  4. 04

    Használható, továbbfejleszthető alap

  5. 05

    A projekt típusa szerinti átadás vagy publikálás

Együttműködés

A jó eredményhez nem csak tervező kell. Döntések is kellenek.

Nem kész válaszokat várok, hanem partneri részvételt a közösen kijelölt pontokon.

  1. 01

    Őszinte célmeghatározás

  2. 02

    A szükséges tartalmak átadása

  3. 03

    Visszajelzés a kijelölt pontokon

  4. 04

    Döntések és jóváhagyások

  5. 05

    Közös felelősség a határidőkért

Következő lépés

Van egy projekted, de még nem látod tisztán a következő lépést?

Az első beszélgetésen nem kész válaszokat várok. A célt, a helyzetet és a megfelelő irányt közösen tisztázzuk.

Adatvédelmi tájékoztató

Az adatkezelő: ER YN Design Graphic, kapcsolattartási cím: office@eryndesigngraphic.hu.

A kapcsolatfelvételi és weboldaltervezési űrlapon megadott adatokat kizárólag a megkeresés megválaszolásához és az ajánlat előkészítéséhez használjuk. A technikai feldolgozást a Firebase és a Google Cloud szolgáltatásai, a botvédelmet a Cloudflare Turnstile, a kézbesítést pedig az ER YN Design Graphic saját levelezőszervere biztosítja.

Az űrlap tartalma nem kerül alkalmazás-adatbázisba. A visszaélések korlátozásához az IP-címből titkos kulccsal képzett, pszeudonimizált azonosítót és technikai számlálókat legfeljebb 24 óráig tárolunk. A Turnstile az űrlap biztonságához szükséges, ezért a mérési sütikre vonatkozó döntéstől függetlenül töltődik be.

A webhely a hozzájárulási döntést a böngésző localStorage tárában őrzi. Marketing- vagy mérési kód csak elfogadás után tölthető be. A böngésző webhelyadatainak törlésével a döntés is törölhető.

Adatvédelmi kérdés vagy törlési kérelem esetén írj az office@eryndesigngraphic.hu címre. A publikálás előtt a tájékoztatót jogi szakértővel ellenőrizni kell.

Impresszum

Webhely neve: ER YN Design Graphic

Kapcsolat: office@eryndesigngraphic.hu · (+36) 70 323 1378

Székhely / működési hely: Szeged, Magyarország

Domain: www.eryndesigngraphic.hu

A weboldalon található szövegek, grafikai elemek és bemutatott munkák szerzői jogi védelem alatt állnak.

A feltüntetett információk tájékoztató jellegűek. Konkrét szolgáltatási feltételeket minden esetben az egyedi ajánlat és szerződés rögzít.

Külső webhelyek tartalmáért és adatkezeléséért az ER YN Design Graphic nem vállal felelősséget.