Egy szakember tudása csak úgy lehet naprakész, ha folyamatosan képzi magát. Én legalábbis ezt az elvet vallom és ennek megfelelően mindig szánok idő a gyakorlásra, tanulásra. Így történt ez a két ünnep között is. Éppen – a karácsonyi vacsora után és az újévi lencsesaláta között – egy remek gyakorlatot találtam az egyik külföldi oktatásos weboldalon. Kapóra jött, mert pont ezt a témakört akartam gyakorolni: wireframe, reszponzív web design, moodboard készítés és logó tervezés.

Az oktatóanyag megtekintését követően, el kellett készíteni önállóan egy kávéző kezdőlapjának web design tervét, logóját, méghozzá asztali gépre, tabletre és mobil készülékre optimalizálva. A web design-on és a logón kívül ikonokat is kellett tervezni.

Remek gyakorlat volt, élveztem minden percét! Percből pedig nagyon sok volt, mert egy-egy ilyen tervezés több órát, sőt, több napot vesz igénybe, főleg akkor, ha az ember lánya alapos akar lenni. Egyébként, egy kicsit dicsekszem is, mert az elkészített projektet feltöltöttem az oktatásos oldalra, ahonnan pár nappal később egy üzenetet kaptam, hogy nagyon tetszik az elkészült munkám és érdemesnek tartanak arra, hogy saját oktatóvidót készítsek. 🙂

Ezen a projekten négy napig dolgoztam. Valószínű több napot is igénybe vett volna, ha élesben, Ügyfélnek készítem a terveket, például csak a színpalettából, moodboardból 4, vagy akár 5 terv is készült volna és éppen ünnep volt, nyugis volt minden. 🙂

Most 1 db moodboard, 1 db logó, 1 db wireframe és 1 db kezdőoldali web design készült.

A logótervezés élesben több körös szokott lenni. Ezért szoktam nagy hangsúlyt fektetni az első megbeszélésekre, mert ilyenkor nagyon sok minden meg tudok az Ügyféltől, Ügyfélről és az elképzeléseiről, és ennek köszönhetően hamar ráérzek, hogy mit is szeretne.

1. Képek összegyűjtése és optimalizálása.

2. Színpaletta kiválasztása, moodboard elkészítése.

3. Logótervek készítése és szerkesztése. Mockup-ok.

3. Wireframe, majd a web design tervezés és szerkesztés. Tulajdonképpen itt történik az igazi varázslat.

4. Weblap látványtervek elkészítése.

1. Weboldal készítés: képek összegyűjtése és optimalizálása

2. Színpaletta kiválasztása, moodboard elkészítése.

3. Logótervek készítése és szerkesztése. Mockup-ok.

Wireframe, majd a web design tervezés és szerkesztés. Tulajdonképpen itt történik az igazi varázslat.

Weblap látványtervek elkészítése.

A végeredmény szerintem gyönyörű lett! A következő lépés az lenne, hogy ezek a tervek weboldal formájában alakot öltenek.. 🙂