Egyedi weboldal készítés

Egyedi weboldal készítés.

Különleges weboldal elemek.

„Készítsd el saját weboldaladat programozói tudás nélkül”

Hangzik a jelszó sok-sok forrásból.

Igen, manapság már ez is lehetséges, sőt léteznek ingyenes megoldások és sablon megoldások is.

Én most nem szeretnélek se rábeszélni, se lebeszélni egyik lehetőségről sem, vannak helyzetek, amikor jó megoldás lehet egy ingyenes vagy egy sablon alkalmazás, egyszerűen azt szeretném bemutatni, hogy az egyedi weboldal készítés igényel olyan megoldásokat, melyeket ritkán látni más weboldalakon, és ehhez kicsit mélyebbre kell ásni a weboldal építés rejtelmeibe, nem elég egy ingyenes rendszerből vagy egy sablonból összekattintgatni a tartalmat.

Megéri azonban ilyen megoldásokat kutatni és beépíteni a weboldaladba, mert segítségükkel könnyebb megragadni és fenntartani a látogatók figyelmét, sőt gyakran még aktivitásra is serkenthetőek egy-egy ötletes megoldással.

Mutatok pár érdekességet, mik jöhetnek szóba, ha egyedi weboldal készítés a cél, milyen lehetőségek vannak, amelyektől valóban egyedi megjelenést és érdekes kisugárzást kaphat a weboldalad.

1. Érdekes háttérkép elrendezés

Különlegessé teheted a weboldalt ha a képeket, háttérképeket nem csak egyszerűen beilleszted, hanem valamilyen érdekes keretet, vágást adsz nekik.

Kör alakú vagy döntött háttérképek szerepelhetnek teljes oldal elemeken vagy egy-egy modulnál. A lényeg, hogy elhelyezésükben, elrendezésükben jól meg tudják „bolondítani” az egyszerű weboldal struktúrát és ezzel fel tudják hívni a figyelmet, érdekessé tudják tenni az egyedi weboldalt.

Most mutatok pár példát ilyen érdekes háttérkép elhelyezésekre, melyek természetesen szabadon, a weboldal hangulatához alakíthatóak:

2. Dinamikus elemek

Dinamikus elemek is sokat segíthetnek, hogy érdekessé varázsold az oldaladat. Bizonyos kulcs információkat sokszor jobban tudsz átadni, ha nem csak szövegesen, de meghökkentő, vagy játékos módon mutatsz meg látogatóidnak. Mi is használunk ilyen elemeket, neked is ajánljuk.

Alábbi forduló elem például mindig nagy tetszést arat. Vidd ez egérmutatót a kép fölé… majd le a képről… majd rá… majd le…

3. Különleges kép formák

Nagyon érdekes és figyelemfelhívó hatásokat tudsz elérni, ha egyedi weboldaladat különleges kép formákkal fűszerezed. Lehet készíteni amőba szerű szétfolyt formákat, geometrikus formákat, négyzetrácsos formákat stb.-stb.

Ezek a képformák jól mutatnak képgalériákban vagy egy-egy kiemelt helyen, ha a figyelmet rá szeretnéd irányítani oldalad egy részére.

4. Színes szűrők

Sok esetben az egész weboldal hangulatát meg lehet változtatni 1-1 szűrő használatával. Szövegrészek mögé például sokszor érdemes erős szűrővel sejtelmessé tett háttérképet tenni, amely szinte inkább érezhető, mint látható.

A lényeg a szövegen van, mégis ad egy hangulatot a szöveg mögötti kép és a színes szűrő a tartalmi elemnek.

Cím szöveg

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

5. Szokatlan főcím

Egy szokatlan, érdekes főcím pillanatok alatt megragadja a figyelmet. Ha sikerül az első pozitív benyomást elérni, akkor félig már meg is fogtuk az érdeklődőt. Erre jó lehetőség egy érdekes főcím, aminek a megalkotására számos jó lehetőség van, én most mutatok egy különleges megoldást.

Figyeld meg, ahogy a főcím betűinek a háttere mozog a görgetés hatására.

Érdekes ugye? 🙂

6. Képek érdekes szögben

A képek minden egyedi weboldal kulcs elemei. Kicsit unalmas lehet azonban, ha a képeket csak egyszerűen beillesztjük a szöveges tartalmakhoz.

Ellenben, ha adunk a képeinknek egy kis dőlést, esetleg érdekes színes szegélyeket, háttereket, akkor máris különlegesebb lehet a weboldal megjelenése.

Cím szöveg

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

Valamilyen tartalom szöveg, amely a mondandót közvetíti.

7. Animáció egérmozgásra

Külön terület a webdesign-ban az animációk kialakítása egérmozgásra.

Óvatosan kell bánni vele, nehogy egy pörgő-forgó káosszá váljon a weboldal, de egy-egy kiemelt helyen érdemes bevetni. Mindenesetre a figyelmet megragadja és érdekessé tehető vele néhány részelem.

Vidd az egérmutatót és állj rá vele alábbi elemekre és figyeld meg a mozgást.

(Ezek az effektek asztali gépen működnek, a mobil eszközökön más megjelenést kell kialakítani.)

8. Szöveg animálása, mozgatása

Kiemelt üzenetedre vagy kiemelt mondandódra, szlogenedre felhívhatod úgy is a figyelmet, hogy megmozgatod a szót vagy a mondatot.

Garantáltan odafigyelnek és elolvassák látogatóid azt, amit így társz eléjük a weboldaladon.

9. Perspektívikus megjelenítés

Különleges képsorozatot, albumot készíthetsz, ha adsz egy kis perspektívát a képeidnek vagy a feliratodnak.

Egy képsorozatot például nagyon egyedivé lehet tenni egy ilyen perspektívikus megjelenítéssel.

10. További érdekes elrendezések

A perspektíva játékainak más lehetőségei is vannak, izgalmassá, érdekessé teheted a képsorodat többszöri térbeli perspektíva megoldásokkal is.

Ezek a különleges képi hatások alkalmasak a figyelem megragadására, de figyelni kell arra, hogy ne legyenek öncélúak, csak a weboldal eredeti hangulatához illeszkedve érdemes használni őket, akkor is, ha egyedi weboldal készítés a cél.

11. PARALAX hatás

A Paralax hatás viszonylag régen használatos megoldás a weboldal szerkesztés során. Érdekessége abban rejlik, hogy az oldal görgetése közben olyan érzetet kelt a látogatóban, mintha a háttérkép elmozdulna, tehát egy-egy helyzetben más részletei tűnnek el vagy tűnnek fel a háttérképnek.

Leginkább széles, nagy elemek esetén mutat jól de fejlécben vagy közbenső elemeknél is remekül használható.

Most nem a szokásos, klasszikus háttér paralax hatást mutatom csak meg, hanem egy érdekesebb megoldást a paralax hatásra, hiszen a háttér mellett a kis képeken is megfigyelheted az effektet. (Mobil eszközökön nem jelenik meg az effekt, ott érdemes más kialakításokat használni helyette)

12. Videók – animációs videók

A videók egyre nagyobb teret hódítanak az online tartalmak között. Ha egyedi weboldal készítés a cél, akkor a klasszikus videók mellett különleges megoldást jelenthetnek az animációs videók is. Ezekkel az animációs videókkal szórakoztatva tudsz bemutatni komplexebb termékeket vagy szolgáltatásokat, illetve kreatív módon mutatkozhatsz be érdeklődőidnek.

Az aktivweboldal szolgáltatások között megtalálod az animációs videókat is, úgyhogy ha egyedi weboldal készítés kapcsán megkeresel, az első animációs videó része lehet a weboldaladnak.

Remélem tetszett fenti kis ötletsorozat és ha egyedi weboldal készítés irányába szeretnél elindulni, tudod használni egyik-másik megoldást.

Amire nagyon figyelni kell, hogy a weboldal hangulatához, céljához igazodva mindig csak az illeszkedő design megoldásokat válaszd, nehogy túlságosan öncélúvá váljon az oldal vizuális megjelenése. Legjobb 1-2 fő motívumot választani és azokat használni következetesen, nem kell minden vizuális tudást 1-1 weboldalba sűríteni.

Természetesen fontos, hogy mennyi a weboldal készítés ára, mennyibe kerül a weboldal, ha Te készíted el, vagy elkészítteted az oldalt.

A másik fontos gondolat egyedi weboldal készítés témában, hogy a megjelenés egy dolog, a másik, talán még fontosabb, hogy sikerül-e definiálni a weboldal célját és ennek a célnak megfelelő folyamatokat, aktivitásokat sikerül-e kiépíteni. Egyszerűen fogalmazva ki van-e alakítva az online marketing stratégia, aminek a célját a weboldal szolgálja?

Sok sikert kívánok egyedi weboldalak készítéséhez, ha pedig nem magad szeretnéd kialakítani, hanem megbíznál vele valakit, keress bátran, egyeztessük a lehetőségeket, nagyon nagy örömmel készítek ugyanis érdekes, egyedi weboldalakat megrendelőimnek.