2010 Webdesign trend-jeivel külföldi blogok – a forrásokat lásd a bejegyzés végén – már tavaly szeptember óta foglalkoznak. Ez a 12 webdesign trend közös pont a szakértők írásaiban, itt második 6 trend 2010-re. (az első hat itt. )

Figyelem: A trendek megismerése nem jelenti azt, hogy céges weboldaladon vakon kellene követned azokat, jobb, ha tudod, hogy nem egy-egy trendi webdesign miatt fognak a látogatóid vásárolni az oldaladról.

7. Fehér tér

A fehér térrel körülvett tartalmat a szem jobban átlátja, a weboldal látogató könnyebben megtalálja, amit keres. A fehér szín megnyugtat, ha látogató nyugodt, nem kapkod az egér után, hogy a böngésző vissza gombára kattintson, könnyebb lesz meggyőznöd őt.
Van hogy az egyszerűség mindennél jobb! Főleg ha magad csinálod a weboldalad: használd ki a fehér tér erejét: nem tudod elrontani. Kombináld a következővel (a fehérhez minden illik)

Fehér tér a Webshopexperts.hu weboldalán

8. Átlátszó hátterű ikonok

Nem a régi Word-ös clipartról van szó, remélem azt már rég elfelejtetted, ha esetleg használtál volna ilyet a weboldaladon. Ilyen stílusos, részletesen kidolgozott, élethű ikonokat használj a weboldaladon egy-egy szöveges bekezdés mellé téve illusztrációként! A látogatód könnyen átlátja az oldal tartalmát, hamarabb észreveszi a képet, mint a szöveget.

A HszPro Hírlvél Szoftver kezelőfelületéhez is ilyen ikonokat használtam, még 2008 év végén.

9. Lightboxok

Így mondják (lightbox, vagy modal box) azokat a kattintásra kinyíló ablakokat, amik mögött a háttér enyhén elsötétül (lásd a képen). Ez váltja ki hagyományos alap-javascriptes popup ablakokat: Felhasználóbarát, átlátható, könnyen kezelhető. Webshopokban találkozhatsz a leggyakrabban ilyennel, amikor egy termék részletes infóira vagy kiváncsi.

Példa 'lightbox'-ra

10. Perspektívaváltás

Miután az „irósztal-design” (emlékszel a wdm.hu korábbi arculatára?) lejárt trend, érdemes a 3d világába elkalandoznod, és ilyen weboldalt csináltatni a cégednek, mint amit a példa is mutat. Oké, ezt írja a külföldi szakértő, de egy magyar kkv weboldalon öröm, ha megfelelő színeket össze tudják válogatni. Ha a weboldalad arculatát úgy lakítod ki, hogy olyan legyen mint pl. a tervezőasztalod, íróasztalod felülnézetből, nem kell félned attól, hogy ’lerágott csont’ lesz az ötleted.

Perspektivaváltás

11. Minimalizmus

2010 weboldalait „hatalmába keríti” a minimalizmus, sok fehér tér, vastag betűk, meglepő színkombinációk. Ha magad készíted a weboldalad, ez azért jó hír mert egy minimalista weboldalt, egybefüggő egyszínű háttérrel és nagy betűkkel nehéz elrontani. Sokkal nehezebb, mint pl. egy flash animált oldalt. Használd ki ezt a trendet, amikor a weboldalad állítod össze.

Minimalizmus, nehéz elrontani!

12. Óriás lábléc

Eddig sem volt ismeretlen a láblécet másra is használni, mint a szokásos céginfós-, kapcsolati információk és weboldal tervező linkjének közlésére. De idén még több infó, még több tartalom kerülhet a weboldalak lábléc részébe, mint pl, twitter, facebook linkek, szavazások, egyes menüpontok tartalmából kivonat, vagy maga az oldal navigációja.
Nézd meg itt www.wdm.hu –n a láblécet, vagy itt van egy készülő weboldalam lábléce:

Az óriás lábléc a weboldalad alját is izgalmassá teszi!

A bejegyzéshez az alábbi cikkeket vettem forrásul:
http://webtoolkit4.me/2009/08/15/inspiration-web-design-trends-in-2009-and-probably-2010/
http://www.littleboxofideas.com/blog/features/designers-predict-design-trends-for-2010-part-i
http://designtutorials4u.com/top-10-web-designtrends-for-2010
http://www.slideshare.net/tijs/web-design-trends-for-2010
http://www.goarticles.com/cgi-bin/showa.cgi?C=2376074
http://webdesignledger.com/tips/web-design-trends-for-2010

Szomorú, de igaz, hogy a legtöbb cég weboldala nem bevételtermelő eszköz, hanem online szégyenfolt.  A weboldalak nagy része a  cégvezető legnagyobb meglepetésére és csodálkozására semmit  nem termel. Ha csak cégbemutatós oldalakról lenne szó, természetes is lenne, hogy egy cégsztori és egy szervezeti felépítés bemutatása nem kifejezetten vonzza a vevőket.

De sajnos a fenti megállapítás az értékesítési céllal létrehozott weboldalakra vonatkozik, ahol a tulajdonosoknak van fogalmuk – sokszor nem is kevés – az online marketingről!

Több mint 50 kkv. weboldalt néztem át a napokban, (weboldal felderítő kérdőívre jelentkezőkét) és olvastam el milyen problémái vannak a tulajdonosaiknak. Néhány zseniális kivételtől, és ígéretes oldaltól eltekintve, sajnos azt kell megállapítanom, hogy a céges weboldalak közel  80%-a, még 2009-ben totális kudarc és pénzkidobás volt.

Miért?

Össze lehet számolni: Magyarországon több mint száz olyan „online marketing tanácsadó” van, aki még egyetlen egy weboldalt sem készített el, max. egy héttel korábban iratkozott fel marketinges hírlevél sorozatokra, mint Te.

Ennek az eredménye az lett, hogy „mindenki” ért a weboldalkészítéshez és ennyit mindenki tud az értékesítési weboldalakról:

„Kell hozzá valami alap design, meg valami olyasmi szöveg, ami jó nagy betűkkel írt címsorral kezdődik és beszélget a látogatóval. Egy feliratkozási űrlap meg egy ingyen e-book, hogy később el lehessen adni annak, aki feliratkozott.”

Hadd világítsam meg egy konyhai hasonlattal.

Egy céges weboldalt könnyebb elrontani!

A világ egyik legegyszerűbb,és  szerintem nagyon finom étele a káposztás tészta.

Oké:  mi kell hozzá?
Káposzta, kevés olaj, só, bors, liszt, tojás, víz a főzéshez.

A szakács, aki nem először csinálja:
Meggyúrja tésztát, megfőzi, leszűri, összekeveri a pirított káposztával, só, bors: kész!

Vagy készülhet belőle még – kicsit kevesebb hozzáértéssel:

• Főt tojásos káposzta pirított liszttel, borsos olajjal, vizes öntettel. vagy:
• Káposztába töltött főtt liszt nyers tojással, vizes borslében.

Az értékesítési weboldalakkal is ez a helyzet: minden kellék adott, sokan mondják hogy’ és mit kell csinálni, de az eredmény mégis siralmas! Ha az étel mellésikerül legfeljebb nem eszed meg, de ha a weboldalad kijavítása nem ilyen egyszerű.

A Te weboldalad milyen? Szavazz!

A szavazáshoz előbb zárd be vagy nézd végig a reklámot -

Értékelés:
A: Gratulálok, reklámozd itt a weboldalad a kommentek között!
B-C: Gyere el a Weboldal Építő Napra, ahol kész forgatókönyvet kapsz a weboldalad elkészítéséhez.  A részletek itt: www.wdm.hu/weboldal 2010

Tarts velünk Te is!

avagy válaszd a káposztába töltött főtt lisztet ..

2010 Webdesign trend-jeivel külföldi blogok - a forrásokat lásd a bejegyzés végén – már idén szeptember óta foglalkoznak. Az alábbi 12 webdesign trend közös pont a szakértők írásaiban, lássuk most az első 6 trendet 2010-re:

De figyelem! A trendek megismerése nem jelenti azt, hogy céges weboldaladon vakon kellene követned azokat, jobb, ha tudod, hogy nem egy-egy trendi webdesign miatt fognak a látogatóid vásárolni az oldaladról.

1. Túlméretezett logók és fejlécek

Hogy a weboldal látogatóra mély és feledhetetlen első benyomást tegyünk, a túlmértezett, akár képernyőnyi fejléc, és a hozzá méretben is igazodó logó 2010 egyik legfontosabb webdesign trendje lesz. A szakértő szerint fontos, hogy ezen a fejlécen ne legyen semmi kattintani való, egy gördítés és máris ott vagy a hasznos tartalomnál, az óriás fejléc veszi át a lejárt intro-oldalak szerepét.

Az ötlet: A nagy, képernyőnyi fejléc miatt a látogatóid emlékezni fognak a weboldaladra.

Fél képernyőnyi fejléc a Cbs.com oldalán

A veszélye a Te weboldaladon: Ha fél másodpercen belül nem győzöd meg a látogatót, hogy jó helyen jár, még arra az egy gördítésre sem lesz hajlandó. Ha nem „vérprofi” az óriás fejléced, csak kárt csinál.

2. Kézzel rajzolt / kézírás design

Könnyű észrevenni, kitűnik a hagyományos grafikából és egyedi kinézetet ad a weboldalnak. Nem feltétlenül kell profi rajzolónak lenni hozzá, a lényeg épp ez, a személyesség, és tágabb értelemben a bizalomépítés. Ha egy kicsit is tudsz rajzolni, érdemes alkalmazni ezt a trendet.

A wdm.hu-n a saját kézírásomat használtam

Az ötlet: A céges arculat szerves része lesz a személyes, kézzel készített képi vagy szöveges elem.

3. Méretes betűk

A weben viszonylag új, de a nyomtatott média már legalább 200 éve ismeri, gondolj a vadnyugati „Wanted” (a.m: Körözés ) plakátjaira! A designerek sokáig idegenkedtek az ilyen félkövér, magasabb, kapitális betűk használatától, de a nagy fejlécek trendje a méretes betűk alkalmazásának is teret enged.
Az ötlet: A méretes, kapitális betűk az önkifejezés remek eszközei.

Mértes betűk! (Érdekes: Ez egy egyházi weboldal )

A veszélye a Te weboldaladon: Ha nem pontosan azt írod, amire a látogatód kíváncsi, a nagy betűk pont az ellenkező hatást érik el: elriasztják a látogatót. Hogy hogyan kelts fel a látogatód figyelmét, és győzd meg arról, hogy Nálad vásároljon? Ebben szeretnék Neked segíteni január 16-án, a Weboldalépítő Tréningen.

4. Hatalmas képek

Lényegében az előző trendekhez kapcsolódik ez is, a nagy képek olyan vizuális hatást keltenek a látogatóban, amit nem felejt el egyhamar. A nagy képek nem a márka (brand) vizuális megjelenésének részei, az ilyen nagy fotók szerepe az, hogy a látogatót az oldal többi részére csalogassák, nem csak a tartalmuk, hanem a képernyőnyi méretük miatt.
Az ötlet: A nagy, impresszív képek mint vizuális csalik használata.

Óriási kép a roxy-europe.com webshop kezdőlapján

5. A bal felső sarok kihasználása

A bal felső rész a weboldalad legfontosabb eleme, hiszen először pontosan ezt a részt nézi meg a látogatód, gondolj csak a szemhőtérképekre, amelyek tudományosan is alátámasztják ezt. Éppen ezért ez a legideálisabb hely, ahol elhelyezheted a weboldalad legfontosabb üzenetét.
Az ötlet: A legforgalmasabb részen legyen a legfontosabb üzenet.

A bal felső sarokban az oldal legfontosabb üzenete - csodaolaj.com

Hogy mi legyen a legfontosabb üzeneted? Segítek megfogalmazni Neked a Weboldalépítő Napon, ha velünk tartasz!

6. Social media kapcsolódás és ikonok

A külföldi szakértő azt írja, az elmúlt évek legnagyobb újdonsága a social media – gondolj csak bele, nálunk kb. 2009 év közepe óta van erről szó, és most az év végén beszélnek a hazai online marketingesek is egyre gyakrabban a social marketingről.
A trend az, hogy a weboldalaknak mind van már rajongói oldala, a tartalmat egy gombnyomással megoszthatod a közösségi oldalakon, egy kattintással regisztrálhatsz az oldalra a facebook adataiddal.
Ehhez nagy, élethű ikonokat, átlátszó png-ket használnak.

Impresszív ikonok - példa a kézzel rajzolt design-ra is!

A bejegyzéshez az alábbi cikkeket vettem forrásul:
http://webtoolkit4.me/2009/08/15/inspiration-web-design-trends-in-2009-and-probably-2010/
http://www.littleboxofideas.com/blog/features/designers-predict-design-trends-for-2010-part-i
http://designtutorials4u.com/top-10-web-designtrends-for-2010
http://www.slideshare.net/tijs/web-design-trends-for-2010
http://www.goarticles.com/cgi-bin/showa.cgi?C=2376074
http://webdesignledger.com/tips/web-design-trends-for-2010

A második részben

A fehér tér, az ikonok, a lightboxok, a minimalizmus, és túlméretezett lábléc szerepéről olvashatsz.

Régóta tervezem, hogy megtanulok rendesen webvideót készíteni. Ha akár egyet is láttatok a korábbi videóimból, egyből érthető lesz miért… Az oktatásomhoz sikerült megnyernem Lados Olivért a webvideozz.net tulajdonosát, vele készítek interjút az alábbi felvételen, csak 5 és fél perc, érdemes megnézni:

Töltsd le a könyvet itt!

nem kell hozzá feliratkozni, csak simán letöltöd, de mentsd el a gépedre, mert nagy fájlról van szó!
VIDEÓMARKETING – egy lépéssel a piac előtt

Várj, Adobe Reader 9 kell hozzá

Előbb töltsd le itt::
Windows XP (SP2 és SP3):Adobe Reader 9 XP-hez
Windows Vista: Adobe Reader 9 VISTA-hoz

Mit mond más, aki már letöltötte?

Nem akarlak megyőzni, most nincs ijesztő határidő, vagy példányszámkorlát, még feliratkozni sem kell, csak gondoltam hasznos megtudnod, hogyan vélekednek mások az anyagról.

Hónapok óta keresem azt a módszert, amivel a rendelkezésemre álló kevés időben a leghatékonyabban tudom a honlapomat népszerűsíteni. A webvideóról korábban nem sokat tudtam, most viszont annyi hasznos ötlet jutott eszembe, hogy talán túl jót találtam :)

Olivér könyve – tartalmassága mellett – igen jól olvasható, felesleges mellébeszélések nélküli anyag, “rizsanélkül”, a beépített videók és hanganyagok pedig még élvezetesebbé teszik.

Ez a könyv is megerősített abban, hogy a webvideó erejét ki kell használni, és jó szívvel ajánlom mindenkinek, aki marketingjét önállóan valósítja meg.”

Bogdányi Zsolt
www.fa-ajandek.hu

Alapos jól összeszedett anyag, ami bebizonyítja, hogy óriási potenciál van a videomarketingben!”
Panyi Zsuzsi
www.panyizsuzsi.hu

“Lehet-e újat mondani ebben a témában? Nem. Illetve igen! Azoknak mindenképpen, akik már piaci kényszerből vagy a korral haladni akaró elhatározásból az internet tengerén hajóznak ugyan, de még félnek a hullámoktól, a széltől, az eddig számukra ismeretlen áramlatoktól.

Nekik nagy segítség ez a munka, ami sikeresen győzheti meg az idegenkedőket, az ódzkodókat. Kézen fogja őket, könnyedén oktat, de nem kiokít, közérthetően fogalmaz, nem a guruk varázsszavait ismételgeti. Egyszerű fogásokat kínál, logikusan érvel, gyakorlati tanácsokat ad. Épp úgy, mintha egy jó ismerőssel csevegnél, aki úgy segít rajtad, hogy azt véletlenül se érezd terhesnek.

Világos, áttekinthető szerkezet, jó illusztráltság. Tudatos munka kezdő, ám tudatos online vállalkozóknak.”

Porcsin Zsolt
www.basahalom.hu

Töltsd le a könyvet itt

nem kell feliratkozni, csak simán letöltöd, de mentsd el a gépedre, mert nagy fájlról van szó!
VIDEÓMARKETING – egy lépéssel a piac előtt

Ambrus Barbara weboldalát a www.csodasotthon.hu-t. Ezt az interjút tegnap készítettem vele, arról kérdeztem miért döntött úgy, hogy az internetre viszi a szolgáltatásának értékesítését:

Erdélyi N.: Barbara, milyen egy csodás otthon?

Ambrus B.: Csodás otthonra mindenki vágyik! Arra azonban már kevesen tudják a választ, hogy ezt hogyan lehet elérni, mik a buktatói, mik a titkok, a szakmai fortélyok és hogy miért fontos a megfelelő lakástextíliák, függönyök, kárpitok, tapéták használata. Ebben nyújtok segítséget a weboldalam érdeklődőinek.

Erdélyi N.: Miért gondoltál arra, hogy az interneten fogod értékesíteni a szolgáltatásodat?

Ambrus B.: A világháló fantasztikus lehetőség a mikro- és kisvállalatoknak (is), hiszen egy jól felépített wedoldal segítségével nagynak és profinak tűnhetsz. Nem utolsó szempont az sem, hogy jóval költség takarékosabb, mint pl. irodákat vagy egy üzletet fent tartani, és óriási összegeket költeni más típusú marketingre. Tökéletes lehetőség az induláshoz és a hatékonyon növekedéshez.

A lakástextil téma olyan, amihez azt gondoljuk mindenki ért, aztán a végeredménnyel többségünk mégis elégedetlen. Nem tudjuk, hol nézzünk utána, hol tanulhatunk róla bővebben, kihez forduljuk, ha elakadtunk. A függönyözés, a lakástextil tervezés, a csodás otthon kialakításának misztériuma mind-mind olyan téma, amihez szuper felület egy weboldal és hatékony csatorna az internet.

Mivel sok tréningen vettem már részt és a legjobb guruktól tanultam, tudom, hogy „csak jelen lenni” a neten egy prospektus szerű weboldallal nem sokat ér. Azt is megtanultam, hogy profira kell bízni a kivitelezést, a programozást, mert hosszú távon és röviden is, ez térül meg, ezzel van kevesebb gond és egy jó tanácsadó ötletei, tapasztalatai sokat segíthetnek a hatékonyság növelésében és a sikereinkben.

Erdélyi N.: Barbara, Neked már az új Hírlevél Szoftvert, a HszPro-t állítotam be, mi a véleményed a rendszerről?

Ambrus B.: Nem csak egy arculatot készítettél, hanem marketinget és stratégiát is adtál hozzá és mindent, ami hozzásegít a sikerhez. Norbert, azért választottam a Te hírlevélküldő megoldásodat, mert érthető és egyszerűen fogalmaz, én is értem, pedig nem vagyok sem programozó és sem web fejlesztő.

A HSzPro egyszerűen kezelhető, minden benne van, amire szükség lehet. Jól használható felületeket dogoztál ki, bárki tudja használni, el tud benne igazodni. Magam tudom követni a feliratkozóimat, megírni és megformázni a hírleveleket, automatizálni az értékesítési folyamatokat, ha elakadok, minden egységhez van súgó/ mentőöv és érhetően le van írva, hogyan használjam és mire az adott lehetőséget. Egyszóval: Profi.

*** Ne maradj le az ártipp játékról! ***

Ha Te is szeretnéd, hogy a “Hsz-Pro” és a “Nagy, nemzeti e-mail marketing oktatóprogram” automatizálja az online értékesítésed, most csak egy tippedbe kerül! www.hirlevelszoftver.hu

Ha kitalálod az árát, ingyen küldöm! Add le most a tipped, alig egy perc alatt, mert holnap este bezárulnak a kapuk! Plusz: van egy téma, amivel kapcsolatban nagyon érdekel a véleményed, ha leadtad az ártipped, meglátod mi az: www.hirlevelszoftver.hu