16 A legjobb honlap honlap tervezési példák

soha nem kap egy második esélyt, hogy az első benyomás — ezért a honlap kétségtelenül az egyik legfontosabb weboldalak a honlapon.

bármely adott vállalat számára a kezdőlap a virtuális bejárati ajtó. Ha egy új látogató nem tetszik, amit látnak, a térd-bunkó reakció az, hogy elérje a” Vissza ” gombot.

Ez így van-sajnos sokan még mindig megítélnek egy könyvet a borítója alapján.

mi teszi a weboldal honlapjának tervezését bla helyett?, Nos, több, mint egyedül néz ki — jól kell működnie. Ez az oka annak, hogy a listán a legragyogóbb honlapok nemcsak a szépségben, hanem az agyakban is magas pontszámot érnek el.

de mielőtt belemerülnénk a 16 példába, vizsgáljuk meg a honlaptervezés legjobb gyakorlatait.

mi teszi a jó honlap honlap tervezés

az összes honlap minták itt látható hasznosítani kombinációja a következő elemeket., Nem minden oldal tökéletes, de a legjobb honlap tervek sok ilyen jogot kapnak:

1) egyértelműen válaszol: “Ki vagyok”, “mit csinálok” és / vagy ” mit tehet (a látogató) itt.”

Ha egy jól ismert márka vagy vállalkozás (pl. a Coca Cola) előfordulhat, hogy ne kelljen leírni, hogy ki vagy, s mit tesz; de a valóság az, hogy a vállalkozások többsége még mindig kell válaszolni ezekre a kérdésekre úgy, hogy minden látogató, tudja, hogy a “megfelelő helyen.,”

Steven Krugg összefoglalja a legjobban a legkelendőbb könyvében, ne gondolkodj: ha a látogatók nem tudják azonosítani, hogy mit csinálsz másodperceken belül, akkor nem fognak sokáig maradni.

2) a célközönséggel rezonál.

a honlap kell szűken összpontosított-beszél a megfelelő embereket a saját nyelvén. A legjobb weboldalak elkerülik a” vállalati gobbledygook ” – ot, majd kiküszöbölik a bolyhokat.

3) egy kényszerítő értékajánlatot közöl.

amikor egy látogató megérkezik a honlapjára, arra kell kényszerítenie őket, hogy maradjanak., A honlap a legjobb hely, hogy köröm az érték javaslat, hogy a kilátások úgy dönt, hogy maradjon a honlapon, nem pedig keresse meg a versenytársak.

4) több eszközre van optimalizálva.

az itt felsorolt összes weboldal rendkívül használható, ami azt jelenti, hogy könnyen navigálhatók, és nincsenek” feltűnő ” objektumok, amelyek a böngészés útjába állnak, például flash bannerek, animációk, felugró ablakok vagy túlságosan bonyolult és felesleges elemek. Sokan közülük is mobil-optimalizált, ami hihetetlenül fontos must-volna a mai mobil világban.,

5) magában foglalja a cselekvésre való felhívásokat (CTA-k).

minden itt felsorolt honlap hatékonyan használja az elsődleges és másodlagos cselekvésre való felhívásokat, hogy a látogatókat a következő logikai lépéshez irányítsa. Ilyenek például az “ingyenes próbaverzió”, a “bemutató ütemezése”, a “Vásárlás most” vagy a “További információ”.”(Itt van 30 példa a nagy CTA-kra a további inspiráció érdekében.)

ne feledje, a honlap célja az, hogy a látogatókat arra kényszerítse, hogy mélyebben ássanak a webhelyére, és mozgassák őket tovább a tölcséren. A CTA-k megmondják nekik, mit tegyenek, hogy ne legyenek túlterheltek vagy elveszettek., Ennél is fontosabb, hogy a CTA – k értékesítési-vagy ólomgenerációs motorokká alakítják a honlapot, nem csak a brosúra kopását.

6) mindig változik.

a legjobb honlapok nem mindig statikusak. Néhány közülük, mint Whitehouse.gov, folyamatosan változik, hogy tükrözze az igények, problémák, kérdések a látogatók. Egyes honlapok az A/B tesztelésről vagy a dinamikus tartalomról is változnak.

7) nagyszerű általános kialakítást alkalmaz.

egy jól megtervezett oldal fontos a bizalom kiépítéséhez, a kommunikáció értékéhez, valamint a látogatók navigálásához a következő lépéshez., Mint ilyen, ezek a weboldalak hatékonyan használják az elrendezést, a CTA elhelyezést, a szóközt, a színeket, a betűtípusokat és más támogató elemeket.

most készülj fel a kiváló honlaptervezésre a következő 16 valós példán keresztül.

Website Design Inspiration: 16 A legjobb honlap tervez

1) FreshBooks

teljes honlap megtekintése

miért zseniális

• könnyű fogyasztani. Sok vita folyik arról, hogy a rövid vagy hosszú honlapok jobban működnek-e., Ha úgy dönt, hogy nem az utóbbi, meg kell, hogy könnyen görgetni, olvasni — , és pontosan ez az, amit ezen az oldalon nem. Szinte úgy viselkedik, mint egy történet.
• a kontraszt és a pozícionálás jól használható az elsődleges cselekvésre való felhívásokkal-egyértelmű, hogy mit akar a vállalat, hogy átalakítsa, amikor megérkezik.
• A “próbálja ki ingyen 30 napig” akcióhívásokban használt másolat nagyon meggyőző.
• az alszámsor is nagyszerű: “Csatlakozz 5 millió ember használja FreshBooks fájdalommentesen számlát küldeni, nyomon követési idő és elfog költségek.,”A szabadúszók és a kisvállalkozások (FreshBooks célközönsége) számára ez egy közös fájdalompont — általában a számviteli szoftver gyakran” fájdalmasan összetett.,”

2) Airbnb

tekintse meg TELJES HONLAP

Miért Zseniális

• A honlap gyönyörű saját: Úgy köszönti, hogy egy teljes képernyős videó csodaszép, nagy felbontású felvételeket utazók tevékenységeket végeznek, mint ha ők a helyiek, a főzés a konyhában, hogy vásárol a helyi sajtok, hogy a vezetés egy moped végig az utcákon. Nagyon emberi és hiteles.,
• ez magában foglalja azt a cél-és dátumkeresési űrlapot, amelyet a legtöbb látogató közvetlenül a következő logikus lépéshez keres.
• a keresési űrlap “okos”, ami azt jelenti, hogy automatikusan kitölti a felhasználó utolsó keresését, ha be van jelentkezve.
• az elsődleges cselekvésre való felhívás (“keresés”) ellentétben áll a háttérrel, és kiemelkedik; de a házigazdák másodlagos cselekvésre való felhívása is látható a hajtás felett.,

3) Menta

tekintse meg TELJES HONLAP

Miért Zseniális

• Ez egy szuper egyszerű design egy erős, nem-zsargon főcím, vagy al-cím.
• a honlap biztonságos, de könnyen kezelhető hangulatot biztosít, ami fontos a pénzügyi információkat kezelő termék számára.
• ez is tartalmaz egyszerű, közvetlen, kényszerítő call-to-action copy: “regisztráció ingyenes.”A CTA kialakítása is ragyogó — a biztonságos zár ikon ismét eléri a biztonsági üzenetet.,

4) Dropbox (Consumer)

miért zseniális

• a Dropbox honlapja és honlapja az egyszerűség végső példája. Korlátozza a másolatok és a látványok használatát, és átöleli a szóközt.
• nehéz megmondani a fenti statikus képernyőképről, de ez a webhely megragadja a figyelmet a szeszélyes animáció finom használatával.
• az alcímük egyszerű, mégis erőteljes: “az összes fájlhoz bárhonnan, bármilyen eszközről eljuthat, és megoszthatja azokat bárkivel.,”Nem kell dekódolni a zsargont, hogy kitaláljuk,mit csinál a Dropbox.
• ez a hangsúly egy elsődleges call-to-action, ” iratkozzon fel ingyen.”De a Google-kompatibilis regisztrációs szolgáltatás csökkenti a súrlódást azoknak a látogatóknak, akik utálják a hosszú regisztrációs űrlapok kitöltését.

5) Dropbox (Business)

teljes honlap megtekintése

miért Briliant

• ez egy nagyszerű példa arra, hogy egy másik weboldal élményt nyújtson egy másik közönség számára., Ellentétben a fő honlap, amely eredetileg épült a fogyasztói oldalon (fent), az üzleti felhasználók igényelnek több információt és további bizonyíték arra, hogy a Dropbox for Business egy biztonságos és skálázható megoldás a vállalatok (a felfogás kérdés, hogy Dropbox foglalkozik a honlapjukon közvetlenül).
• a Dropbox folytatja az egyszerű tervezést és márkaépítést. Csak azt tartalmazza, ami fontos: egy nagy, releváns képet támogató másolattal, valamint egy “próbáljon ingyen 30 napig” cselekvésre ösztönző gomb

6) Whitehouse.,gov

miért zseniális

• egy egész nemzetet támogató weboldal építése nem könnyű feladat. Whitehouse.gov folyamatosan változik, hogy tükrözze a legfontosabb aggályokat és prioritásokat — egyedül a honlap több száz felülvizsgálaton ment keresztül. A tesztelés és az optimalizálás a zseniális honlaptervezés egyik kulcseleme.
• ami különösen nagyszerű Whitehouse.gov ez teljesen ellentétben áll a legtöbb kormányhoz kapcsolódó weboldallal. Ez egy tiszta design, és elősegíti a közösség.,
• meglehetősen könnyű megtalálni azt, amit keres, amikor ide érkezik. És ha nem találja meg azonnal, van még egy praktikus keresőmező is.

7) 4 Rivers Smokehouse

miért zseniális

• Drool. Ez az, amit gondolok, amikor megérkezik a honlapon 4 Rivers Smokehouse. Kombinálva nagy fotózás, a főcím”szegy. 18 év a mesterhez. A tiéd, hogy élvezd.”úgy hangzik, mint egy élmény, amelyet érdemes kipróbálni.,
• a parallax görgetés végigvezeti Önt egy túrán a szolgáltatásaikon, menüjükön, valamint az emberek, akik jól érzik magukat — ez a népszerű tervezési trend nagyszerű használata.
• az egyetlen negatív? Nem élek elég közel ehhez a helyhez. Boo.

8)

teljes honlap megtekintése

miért zseniális

• fellebbezés a látogatók érzelmi oldalára: “dolgozzon egy olyan társasággal, amely megkapja”; “bízz bennünk., Mi is ott voltunk! Olyan munkahelyeket fogunk találni, ahol boldogulni tudsz.”Ez az értékajánlat egyedülálló és lenyűgöző.
• nehéz megmondani, hogy a fenti képen, de a lényeg, a forgó körhinta, amely előírja, hogy különleges személyiségek, a jelentkezőket, hogy az emberek keresnek egy terapeuta az iskolák.
• a látogatók számos utat tehetnek meg, amikor megérkeznek az oldalra, de a cselekvésre való felhívások jól vannak elhelyezve, egyszerűen megfogalmazva, és ellentétben állnak az oldal többi részével.,

9) Jill Konrath

teljes honlap megtekintése

miért zseniális

• a lényeg. A címsorból és az alcímből kiderül, hogy pontosan mit csinál Jill Konrath (és hogyan segíthet az Ön vállalkozásában).
• könnyű hozzáférést biztosít Jill gondolatvezetési anyagaihoz is, ami fontos ahhoz, hogy hitelességét vitaindító előadóként megalapozza.,
• könnyen feliratkozhat a hírlevélre, és felveheti a kapcsolatot — két elsődleges cselekvésre irányuló hívásával.
• ez magában foglalja a hírek outlet logók és beszámolók, mint a társadalmi bizonyíték.

10) Evernote

Miért Zseniális

• az évek során, Evernote vált egy egyszerű megjegyzés-megtakarítás app egy lakosztály üzleti termékek. Ez nem mindig könnyű közvetíteni a honlapon, de Evernote csinál egy szép munka csomagolás sok potenciális üzeneteket néhány kulcsfontosságú előnyöket.,
• ez a honlap gazdag, elnémított színek kombinációját használja a videóban, aláírásuk pedig élénkzöld és fehér fénypontok, hogy a konverziós utak kiemelkedjenek.
• egy egyszerű címsort követve (“Emlékezz mindenre”) a szemút ezután a cselekvésre való felhíváshoz vezet, ” iratkozzon fel ingyen.”

11) Telerik by Progress

miért zseniális

• “fülledt vállalkozás” nem az az érzés, amikor megérkezik Telerik honlapján., Egy olyan cég számára, amely számos technológiai terméket kínál, merész színei, szórakoztató tervei és videográfiája Google-szerű hangulatot kölcsönöz. Csak egy fontos szempont, hogy a látogatók jól érezzék magukat, és tudatják velük, hogy valódi emberekkel foglalkoznak.
• szeretem az egyszerű, magas szintű áttekintést hat termékajánlatukhoz. Nagyon világos módja annak, hogy kommunikáljuk, mit csinál a vállalat, és hogyan tudnak az emberek többet megtudni.
• a másolat könnyű és könnyen olvasható. Beszélik ügyfeleik nyelvét.,

12) Boxbee

teljes honlap megtekintése

miért zseniális

• A címsor egy hívás-az akció egyenesen a célközönség számára irányult: a raktáripar vállalkozói.
• nagyon tiszta és egyszerű kialakítású. A design kiemeli a címsort, majd azonnal megmutatja az elsődleges cselekvésre való felhívást-nem sok mást.
• hogy az elsődleges cselekvésre való felhívás nagyon kontrasztos színű, így kiemelkedik.,

13) eWedding

miért zseniális

• azoknak a szerelmes madaraknak, akik nagy napot terveznek, az eWedding nagyszerű célpont egy egyedi esküvői weboldal építéséhez. A honlap nem zsúfolt, csak a szükséges elemeket tartalmazza, hogy az emberek elkezdjék építeni a weboldalaikat.
• a ” több mint 750 000 esküvői weboldal épült!”nagyszerű társadalmi bizonyíték.,
• kiváló termék látványt, nagyszerű címsort, valamint egy cselekvésre való felhívást tartalmaztak, amely csökkenti a súrlódást a másolattal, ” Start website.”

14) Basecamp

miért zseniális

• hosszú ideig a Basecamp briliáns weboldalakkal rendelkezett, és itt látható, hogy miért. Gyakran szerepelnek félelmetes címsorok és okos rajzfilmek.
• a cselekvésre való felhívás félkövér és a hajtás felett.,
• ebben a példában a vállalat egy blogszerű honlapot (vagy egyoldalas webhely-megközelítést) választott, amely sokkal több információt nyújt a termékről.

15) karitatív: víz

miért zseniális

• ez nem a tipikus non-profit weboldal. Sok látvány, kreatív másolás és interaktív Webdizájn használata teszi ezt kiemelkedővé.
• az animált címsor nagyszerű módja annak, hogy több üzenetet rögzítsen egy sorban.,
• A videó és a fényképezés nagyszerű használata, különösen a cselekvést okozó érzelmek rögzítésében.

16) TechValidate

miért zseniális

• ez a honlap gyönyörűen megtervezett. Különösen szeretem a fehér tér használatát, a kontrasztos színeket, valamint az ügyfélközpontú designt.
• A címsor egyértelmű és meggyőző, csakúgy, mint a cselekvésre való felhívás.,
• van egy nagyszerű információs hierarchia is, amely megkönnyíti az oldal gyors beolvasását és megértését.