KWT

Kreatív Webdesign Tanfolyam

Szolgáltatás: honlapkészítés, branding, webgrafika

Kategória: márkasite

Megbízó: Kreatív Webdesign Tanfolyam

Kreatív Webdesign Tanfolyam

Szolgáltatás: honlapkészítés, branding, webgrafika

Kategória: márkasite

Megbízó: Kreatív Webdesign Tanfolyam

Online képzéseket kínáló weboldal

Honlapkészítéssel kapcsalatos képzéseket bemutató portál és webshop. A képzések lebonyolítása, a hozzáférések kezelése is ezena  felületen zajlik.

Hallgatói munkák megmutatása

A tanfolyamok során beküldött gyakorlati feladatok és a hozzájuk kapcsolódó elemzések megmutatása fontos része a portálnak.

Sajátos vizuális világ

A képzelet és a valóság találkozását szerettük volna megjeleníteni, amely az alkotói folyamatot kíséri.

Célközönség

Kreatív szakmát keresők, szakmaváltók, honlapkészítéssel foglalkozó szakemberek. Kisvállalkozók, online marketingesek.

Márkaüzenet

Az online is valóságos

A két és a három dimenzió játékos találkozása a keretek átlépését, a nem szokványos megoldásokat jelképezi. Amikor egy képernyőből kiugrik valami a valóságba, azzal meg tudjuk mutatni, hogy a webes világ, az internet, az általunk készített honlapok nagyon is valóságos hatást képesek kifejteni.

Ezekkel a képernyős megoldásokkal azt az érzetet szerettük volna erősíteni, hogy az online tanfolyam nagyon is kézzelfogható támogatást nyújt, nagyon is valóságos.

Vizuális koncepció

Képzelet és valóság találkozása

Amikor belemerülsz a munkába, a külvilág megszűnik létezni, legalábbis sajátos szűrőn át érzékeljük a valóságot. Nem könnyű vizuálisan megragadni ezt a pillanatot anélkül, hogy közhelyesek lennénk. Amikor a képzelet betör a valóságba, amikor egy különleges alkotó térben tartózkodunk tanulás, vagy tervezés közben – ez az érzés ihlette a a honlap illusztrációit. 

Üzenet a célközönségnek

Otthon lenni a munkában

Van egy másik fontos mondanivalója is ezeknek a képeknek. Szinte minden alak barátságos, otthoni környezetben, laza testtartásban, vidáman dolgozik. A home office nem csak egyszerűen az a helyszín, ahol élünk és dolgozunk, hanem egy olyan életstílust is jelent, amelyben a munkáról magunk hozzuk meg a döntéseket. Ahol a munka nem egy nyomasztó, legjobb esetben is csak unalmas pénzkereső tevékenység, hanem a legerősebb képességeink gyakorlatoztatásának terepe. Ahol minden áldott nap átélhetjük az alkotás örömét, és megtapasztalhatjuk a saját hozzáadott értékünket. 

Design rendszer

Vizuális nyelvezet

Minden egyes tanfolyamot be kellett helyezni ebbe a sajátos vizuális univerzumba. Ugyanazokat a vizuális eszközöket és szabályokat alkalmaztuk, de minden egyes témakörnek valamilyen formában felismerhetőnek, megkülönböztethetőnek kellett lennie. 

Kihívás

Kapcsolat a termékképekkel

Nagyon érdekes kérdés, hogy a tanfolyamokat reprezentáló termékképek mennyiben részei az arculatnak. Szunyogh Krisztával dolgoztuk ki a tanfolyami termékképek olyan rendszerét, amely lehetővé teszi a bővítést, rugalmas és kreatívan alakítható, mégis felismerhetővé teszi a márkát. Minden egyes már létező és jövőben tervezett tanfolyam kapott egy színt, ami megkülönböztethetővé teszi a termékeket.

Azonban nehéz helyzet elé állítja az arculattervezőt, hiszen ezeknek a színes termékképeknek együtt kell működniük a webdesign-nal. Ráadásul a termékképek részletgazdagok, saját kis miniatűr képi világot valósítanak meg, összetett absztrakt és fotós elemeket is tartalmaznak.

Mi úgy ítéltük meg, hogy a termékek egy webshop esetében sem képezik az arculat részét, így az itt megjelenő színek az oldal képanyagához, a tartalomhoz tartoznak. Azonban olyan képi világot kellett kialakítani, ami elbírja ezeket az összetett termékképeket is.

Startvonal

Ugorj fejest a változásba, feledkezz bele az online oktatással feltáruló új világba.

Wordpress

Illeszd egymáshoz a tartalomkezelő rendszer építőkockáit, és építsd fel a honlapot lépésenként.

HTML, CSS

Támaszkodj a logikai érzékedre, és használd a stíluslapok átprogramozását egyedi design céljaid eléréséhez.

Photoshop

Kreatív képanyaggal jobban kitűnhetsz a tömegből. A Photoshop eszköztárával állítsd a képeket a honlap vizuális kommunikációjának szolgálatába.

Webdesign Workshop

Tervezz képelemekből, fonttípusokból a honlapkészítés szempontjainak megfelelően. Vázold fel az elképzeléseid mielőtt a honlapépítésbe kezdesz.

Minőségi tartalom

Gondolkozz rendszerben a tartalom tervezésekor.

Haladó Photoshop

Alkosd újra a valóságot. Teremts valószerűtlen vizuális világokat.

Mentori program

Légy célirányos, építsd fel az akció terved a mentorod segítségével.

Egyedi látványvilág

 

A tananyagokat megjelenítő ikonok központi szerepet töltenek be a látványvilágban. Ezért mindenképpen egyedi fejlesztésben gondolkodtunk.

3D hatás

 

Saját magunk dolgoztuk ki azt a módszert, amivel a vektorgrafikák térbeli alakot és némi anyagszerűséget nyertek. 

Személyre szabottan

Minden egyes tanfolyamhoz külön ikonkészletet terveztünk.  Az adott termékhez kapcsolódó színnel egészítettük ki a márka paletta kék árnyalatait.

Design rendszer

A vonalvastagságok, a paletta képzése, az absztrakció szintje egységes minden egyes ikon esetében.  

színek

Üzenetet hordozó arculati színek

A kék árnyalatokat sok esetben társítják a műszaki témakörökhöz. Ezt szerettük volna egy dinamikus, a design szakmát kifejező színárnyalattal új életre kelteni. Nem titkolt inspiráció forrás volt a sport ruházat világa, ahol a sötétkék, a szürke és a fekete mellett egy-egy világító, dinamizmust kifejező élénk árnyalat is megjelenik. Szempont volt, hogy a paletta se a férfias, se a nőies irányba ne tolódjon el.

Az alap paletta bővebb változatát infografikákon, az Instagram posztokban is felhasználjuk, és különböző duotone fotó megoldásoknál is alkalmazzuk a bővebb színskálát.

 

#283c60

#1c8ea5

#b2c520

#aaaeb1

fontok

Betűtípusok

Tipográfia

Sokáig kerestük az ideális betűtípus párosítást. A lekerekített, játékos Seudo Round jól működik az olvasható szövegek esetében, míg a Millard eleganciája a nagyméretű címsorokban tud igazán érvényesülni.

Honlapot szeretnél? Lépj velünk kapcsolatba még ma!


    Címoldal   |   Munkáink   |  Blog  |   Kapcsolat

    Webdesing by Webartery © 2020