18 a legjobb weboldal tervezési ötletek inspiráció 2020

18 website design ötletek igazi példák

egy egy oldalas weboldal

Egy egyoldalas weboldal tartja az összes fontos információt a cég egy oldalon, így a felhasználók megtanulják, mindent, amire szükségük van, hogy anélkül, hogy kénytelen keresse különböző részein a helyszínen., Az egyik legjobb módja, hogy ezt elérjük, azáltal, hogy az összes információt egy teljes képernyős csúszka, mint a Gálya, s telep tett:

A legfontosabb dolog, hogy emlékezzen, ha dolgozik, ez a fajta kialakítás, hogy szeretné elkerülni a zsúfoltság az oldal a túl sok információ.,

👉 Hogyan hozzunk létre egyoldalas honlapot

Website design ideas for video

a videotartalom bármely weboldal hatékony eleme lehet, és ez egy különösen hatékony módja annak, hogy üdvözöljük a látogatókat a honlapon. Egy webhely, amely a videót, hát a saját honlapján a Kanadai Agorapulse oldalon:

választhat, hogy a videó, könnyen játszható a honlap, vagy akár állítsa be az automatikus lejátszás, de győződjön meg róla, hogy nem választhatjuk az automatikus lejátszás ha a videó tartalmaz hangot., Sokan inkább a csendes böngészést részesítik előnyben.

👉 hogyan adjunk videót WordPress

Invest in illustration

egyéni illusztrációk egy nagyszerű módja annak, hogy létrehozza az egyedi hangulatát a márka, és hogy a látogatók egy ötlet, hogy mi működik a cég úgy érzi, mint., Egyik oldalon, hogy ez különösen a Social Media Examiner:

Az egyéni-illusztrált banner közvetíti a Social Media Examiner elkötelezettségét feltárása, új szempontok a szociális média, valamint a barátságos megközelítés veszik, hogy működik a költségtérítést.

természetesen ez az útvonal drága lehet, ezért két vagy három egyedi illusztrációra szeretne összpontosítani a főoldalon.,

Accent your homepage with animations

egy másik nagyszerű módja annak, hogy a honlap egyedi, és tartsa a látogatók figyelmét, hogy a szolgáltatás egyedi animációk. Ezek kitölthetik a teljes honlapot, vagy akcentusként használhatók, mint a legjobb napi oktatás webhelyén:

tartsa animációit egyszerű és rövid ideig, hogy a látogatók rövid figyelmet kapjanak. Azt is szeretné, hogy tartalmazza a cselekvésre való felhívás az animáció.,

Gamify your site

az egyik legjobb módja annak, hogy meggyőzze a közönséget, hogy tegyen lépéseket a webhelyén, hogy szórakoztató legyen. Zurb tette ezt különösen jól a honlapon, hogy úgy viselkedik, mint egy választani-a-saját-kaland játék, ahol lehet használni, hogy megtudja, hogyan lehet dolgozni velük.

létrehozhatja saját válassza ki a saját kalandját, vagy ezt a stratégiát a következő szintre hozhatja saját pénznemének létrehozásával és a felhasználók jutalmazásával konkrét tevékenységekhez.,

felugró ablak hozzáadása

a felugró ablakok lehetnek az egyik legbosszantóbb marketing taktika az interneten, de ők is az egyik leghatékonyabb: egy kísérletben egyetlen opt-in felugró ablak 1,375% – kal több előfizetőt vonzott. Azonban, nem akarja bosszantani a felugró ablakokkal rendelkező embereket, mielőtt elolvasnák a tartalmat; a felugró ablak megjelenésének leghatékonyabb ideje az, amikor valaki megpróbálja elhagyni a webhelyét.,

a Social Media Examiner tette ezt különösen jól, több pop-up segítségével különböző látvány, valamint a megfogalmazás, hogy felhívja a legtöbb előfizetők lehetséges:

👉 Hogyan adjunk személyre szabott felugró ablakok, WordPress

egy teljes méretű kép

Ahelyett, hogy egy sima fehér háttér, fontolja meg egy teljes méretű kép, mint a háttérben a honlap., Még jobb, ha a fénykép olyan arcot használ, mint például a Bluehost honlapjának háttere:

Ez segít az embereknek kapcsolatba lépni a webhelyével és a márkájával, személyes szinten.

Website design ideas for eCommerce

termékeket árul online? Tegye honlapját az e-kereskedelmi áruház részévé, és ösztönözze az embereket arra, hogy vásároljanak abban a pillanatban, amikor belépnek a webhelyére., Láthatjuk ezt az ötletet végre nagyon jól a Jeep emberek oldalon:

természetesen, ha úgy dönt, ezt az útvonalat is szeretné, hogy győződjön meg arról, hogy nem tesz semmilyen közös e-kereskedelmi webhely tervezési hibák.

👉 hogyan lehet elindítani egy online áruházat

ossza meg honlapját

van több különböző terméke, szolgáltatása vagy más információja, amelyet meg szeretne osztani a honlapján? Fontolja meg, hogy blokkokkal, függőleges osztókkal, fehér térrel rendelkező szakaszokra osztja.,

Egy honlapon, hogy ez különösen az Etsy:

Website design ötletek navigációs menük

Lebegő navigációs menük ragaszkodni a látogatók, mint ők tekercset, így könnyű nekik, hogy mozog, hogy más részein a weboldal bármikor., Sok weboldalak, elfogadta ezt a navigációs stílust, hogy a látogatók élete könnyebb, beleértve a weboldalak, kisebb cégek, mint a STEAMLabs:

könnyen hozzá egy lebegő navigációs menühöz a szabad Ragadós Menü (Vagy Bármi) A Tekercs plugin.

összpontosítson a hozzáférhetőségre

ha látáskárosodással és mobilitási zavarokkal rendelkező közönséget szeretne elérni, akkor egy hozzáférhető weboldal építésére kell összpontosítania., A KidzWish Alapítvány nagyszerű példa egy Akadálymentesített weboldalra – első gondolkodás:

saját webhelyét nagy betűtípusok és kontrasztos színek használatával hozzáférhetőbbé teheti.

Website design ideas featuring your community

az Ön weboldala elsősorban egy online közösség otthona? Fontolja meg, hogy a fórum, chatroom, vagy más elsődleges kommunikációs eszköz a honlapon., Láthatjuk ezt az ötletet jól használható Barista Exchange:

természetesen azt szeretné, hogy az oldal még mindig vonzó. Testreszabhatja honlapját barátságos színekkel és grafikával, hogy felhívja az embereket.

Oszd meg a társadalmi proof

A Social proof az egyik legértékesebb weboldal-tervezési ötlet a marketing eszköztárban., Feature a legjobb ajánlások kiemelkedően a honlapon, mint én tettem a saját honlapján:

akkor erősítheti a hatalom a beszámolók dolgozik őket a grafika és az épület egy csúszkát a grafika.

csevegési funkció hozzáadása

egy csevegődoboz vagy felugró ablak a honlapon lehetővé teszi a látogatók számára, hogy azonnal kapcsolatba lépjenek a márkájával, és alapvető válaszokat kapjanak. A legjobb az egészben, hogy egy WordPress chatbot segítségével automatizálhatja a teljes folyamatot.,

egy webhely, amely egy chatbotot is OptinMonster:

fontolja meg, hogy a bot felbukkan a jobb alsó sarokban, így nem zavarja más Felhasználási a honlapod.

👉 hogyan adjunk Élő chat WordPress

add vetélkedők széles fellebbezés

mindenki szeret egy szórakoztató kvíz, amely teszteli tudásukat, vagy megmutatja nekik valamit magukról. Valószínűleg legalább néhány órát töltött a Buzzfeed vetélkedőkön.,

egy másik webhely, amely ezt nagyon jól teszi, a PlayBuzz webhely, amely a Buzzfeed stílusú vetélkedők köré összpontosul.

a WordPress kvíz bővítménnyel könnyedén hozzáadhat vetélkedőket saját webhelyéhez.

👉 Hogyan hozzunk létre egy kvíz WordPress

használata brutalist tervezési elvek

Brutalist web design design középpontjában a nyers tartalom, kevés tekintettel a tipikus tervezési egyezmények., Látja ezt az elvet hatékonyan alkalmazni A Vázlat:

Ez az elv nem minden márka, de ez lehet nagyon hatékony vállalatok elsősorban a művészeti, ifjúsági kultúra, vagy DIY kultúra.

Website design ideas for a unique homepage with glitch art

Glitch art uses digital or analog glitches to create a hyper futuristic esztétic. Az esztétika létrehozásához használt leggyakoribb technikák közé tartozik a pixeláció, a Fényszivárgás és a kettős expozíció.,

Egy webhely, amely hiba művészeti, hogy hozzon létre egy erős esztétikai Aktív Elmélet:

egy fekete-fehér paletta

Néha a legjobb, amit tehetünk, az az, hogy az alapokat, pedig pontosan ez az, amit fekete-fehér paletta segít önnek., Az egyik olyan webhely, amely ezt különösen jól teszi, a marketing ügynökség Tanács:

használhatja fekete-fehér fényképezés vagy illusztráció a megjelenés további testreszabásához.

hozza létre webhelyét ma

A segítség, mi is van néhány útmutatók a technikai folyamat, hogy a honlapon:

• Hogyan kell egy weboldal WordPress
• Hogyan hozzon létre egy blog a WordPress
• hogy kell egy honlap Wix