21 Díjnyertes Weboldal Minták & Amit Jól csináltak
Az internet tele van, hogy valami csodálatos, inspiráló honlapok.
ezek a speciális hópelyhek azok, akik innovatív módszereket találnak arra, hogy minden lehetséges tervezési és technológiai határt előnyükre használjanak, hogy olyan tapasztalatokat hozzanak létre, amelyeket sok szervezet kíván.
ezeknek a gyémántoknak a durva megtalálása hihetetlen kihívás lehet, különösen, ha a webhely újratervezését tervezi, és nem biztos abban, hogy hol kezdje.,
szerencsére olyan webhelyek, mint a CSS Awards, Awwwwards, Webby Awards stb. létezik, hogy segítsen kiemelni azokat a webhelyeket, amelyeket a sajátunknak tükröznie kell.
annak érdekében, hogy bemutassa néhány ilyen díjnyertes oldalak, I galamb minden ilyen díj-honoring oldalak és húzta az is, hogy nem csak szép példa a modern design, hanem gyakorolni UX, UI, információs architektúra, konverziós arány optimalizálás, videó marketing, taktika, hogy a lehető legteljesebb mértékben.
az egyes webhelyeket tekintve fontos megérteni, hogy ezeket nem szabad sablonoknak tekinteni, amelyeket meg kell próbálnia másolni., Ehelyett elemezni őket, megtalálja a részleteket, hogy kihasználja design/marketing/tartalom stratégiák lehet, hogy felhasználom majd átdolgozott be valamit, ami illik a közönség.
azzal, hogy azt mondta, élvezze ezeket a 17 gyilkos példák díjnyertes weboldal tervez tenni jobb.
inkább nézni? Itt vannak 5 a kedvenceim közül!,
ESPN Sport Programozási
Szerepelt a Awwwards
ESPN veszi a sport tartalom, programozási, hogy a következő szintre ez a dinamikus, szemet gyönyörködtető oldal tele van nagyméretű, nagy felbontású képeket, illetve videót. A webhely használ háttér videó a sport hálózat energia szakaszok finom lebeg, majd átmeneti hatások, valamint, hogy a felhasználói élmény sima., A ‘kiemelt sport’ csúszkát teljesen elbűvölő, valamint kitűnően alkalmas a bemutató mindegyik a sport mellett érdekes statisztikai tájékoztató részleteket elérhető programok.
Montage
kiemelt Awwwwards
Montage veszi bemutató-le a terméket a következő szintre ezzel a könnyen manőverezhető honlap, amely egyértelműen felvázolja, mi a termék, hogyan néz ki, a termék minősége, és ajánlások., A webhely kiváló példa egy olyan megközelítésre, amelyet felhasználhat a termék kiemelésére, valamint a legfontosabb pontokra, amelyekre a felhasználók választ találnának. A sticky al-navigáció lehetővé teszi a felhasználók számára, hogy könnyen navigálhassanak az oldal körül, hogy pontosan megtalálják azt, amit keresnek.
Zillow
Szerepelt A Webby Awards
Megtalálni a tökéletes otthon az egész, hogy képes kényelmesen kutatás pontosan, hogy mit keresel, mentse, amit akar, de könnyű megtalálni a későbbiekben., Zillow eltalálja a szöget a fej mindhárom pont az intuitív ingatlan oldalon. A hero területen belüli keresési terület megkönnyíti az új felhasználók számára a listák gyors kiválasztását és keresését anélkül, hogy rejtett keresési oldalt kellene keresniük.
Revols
szerepelt CSS Design Awards
A Revols merész megközelítést alkalmaz a webhelyén azáltal, hogy kicsi, kifinomult fejhallgatóját makrófotózással és videóval bővíti., A fotózás és a videó hihetetlenül termékközpontúvá teszi a webhelyet, így a felhasználók lassan egyre inkább elmerülnek abban a tapasztalatban, amelyet ezek a fejhallgatók adhatnak önnek. A nagy font kezelés ezen az oldalon is egy szép érintés, és hozzáteszi, hogy a nagyobb, mint az élet earbud fényképezés.
Fiftythree ceruza
kiemelt SiteInspire
Fiftythree rögzíti az összes funkcióját és előnyeit a ceruza Stylus egész ez önálló termék oldalon., Ezeket a funkciókat, előnyöket képek kísérik, amelyek a termék működését illusztrálják, így a felhasználó könnyebben láthatja őket, valamint hogyan alkalmazhatja a terméket. A termék anatómia részlegének elrendezése és vizuális kezelése szintén nagyon egyedi, és dinamikus módon arra készteti a felhasználókat, hogy többet olvassanak a termékről, szemben a statikus szakaszokkal egymás után.,
Morgan Stanley
szerepelt a Webby Awards
ellentétben a hagyományos termék-központú oldalak, Morgan Stanley címoldalára egy cikket remélik, hogy vezetni egy jelentős mennyiségű forgalmat (különösen azért, mert csatlakozik a nyaralás családi összejövetelek mi várható, hogy részt vegyen). A többi elrendezés túl a honlap hős játszik egy rács-központú elrendezés megszervezni a választék a legutóbbi cikkek már írt.
7., Boosted
kiemelt Awwwwwards
Boosted vette, amit lehetett volna tekinteni, mint egy átlagos gördeszka, hogy a következő szintre bevezetésével elképesztően részletes fényképeket a termék részletes leírást a honlapján. Az oldal szürke árnyalatai, fehér háttérrel, segít koncentrálni a narancs call-to-action gombok, valamint az élénk színű gördeszka példaként a termék., Szeretem azt a tényt is, hogy van egy blogjuk, amely úgy tűnik, hogy kiemeli a termékkel kapcsolatos kérdéseket, csodálatos szintű átláthatóságot adva a vállalatnak.
8. Wozber
szerepelt SiteInspire
wozber volt egy gyilkos munkát lebontják a lépésről lépésre folyamat tart, hogy megbizonyosodjon arról, hogy az önéletrajz tökéletes az álom munkát keres. Honlapja egyértelműen körvonalazza az elülső lépéseket, amelyeket az alábbiakban az egyes szakaszokban ismertetünk.,
a webhely még példákat is tartalmaz az általuk készített önéletrajzokról, így könnyen láthatja, hogy pontosan hogyan nézhet ki a késztermék, mielőtt úgy dönt, hogy feliratkozik.
az Opus növekszik
szerepelt a CSS Winner
Az Opus a talaj szerves, természetes és egészségügyi előnyeit hozza haza azáltal, hogy bőséges mennyiségű zöldséget ad hozzá a helyszínen. A sok különböző lehetőségek cserepes talaj odakinn, nehéz lehet eldönteni, melyik a legegészségesebb a növények vagy a kertben., Az Opus azt bizonyítja, hogy a termék a legjobb az összetevők és a fizikai tulajdonságok kezelésével, amit a talaj kínál, hogy a szegmens a hagyományos márka. Nagyon örültem annak is, hogy blogoltak, és időnként elragadóbb hozzászólásokba keveredtek, hogy elősegítsék az ilyen szélesebb közönség elérését.
Zero Financial
szerepelt Awwwwards
túl gyakran szoftver cégek nagyon szép weboldalak, hogy teljesen hiányzik a képek a termékek., Ha jelenleg ebben a helyzetben vagy, inspirációt keres, a Zero fantasztikus inspirációs oldal. A képek használata, leíró szöveggel együtt, amely megmagyarázza az egyes dolgokat, sokkal valóságosabbá és relatívabbá teszi a terméket az érdeklődők számára.
Cap HPI
kiemelt Awwwwards
Cap HPI segít, hogy sokféle autóipari adatok a különböző személyiségek. Ezt szem előtt tartva, a Cap HPI felépítette weboldalát, így ezeknek a személyeknek könnyű megtalálni a keresett megoldás típusát., Ennek megkönnyítése érdekében optimalizálták a navigációt, így gyorsan megértheti, hogy a CAP HPI segíthet-e Önnek. az oldal dizájnja, finom animációi és egyedi színpalettája egy kellemes és frissítő vizuális élményt nyújt egy olyan piacon, amely egyébként nagyon unalmas, vállalati elrendezéssel rendelkezik.
Tegez
szerepelt Awwwwwards
bár a webhely kisebb, mint mások, a Tegez még mindig képes ragyogni a többiek között.,
szeretem azt a tényt, hogy az érzelmeket azonnal felhasználják, amikor megérkezik a honlapra a háttérrel és a másolattal. Még egy regisztrációs űrlapot is sikerült beszerezniük, ahelyett, hogy csak egy gombot tartalmaznának, amely a látogatókat külön regisztrációs oldalra küldi.
a Quiver termék – és funkcióoldalai gyönyörű munkát végeznek a szoftver megjelenésének megjelenítésében, kis interaktív elemekkel együtt, hogy megmutassák, hogyan működik a termék.,
Wordstack
szerepelt a CSS Winner
Wordstack volt egy kiváló munkát tartása honlapján kicsi, tömörített, szervezett, miközben továbbra is nyilvánított minden értéket a termék kínál. A nagy, teljes szélességű képek és következetes használata színpaletta és stílus az egész oldalt, hogy egy hihetetlenül egységes design, amely pár nagyon jól a színpaletta a szoftver.,
Campos Coffee
kiemelt CSS Design Awards
egyes ügyfelek szeretik elkényezteti termékek tudják, hogy a kialakított és létrehozott cégek, akik szeretnék, hogy minőségi termékeket ügyfeleiknek. Az olyan cégek, mint a Campos Coffee, pontosan tudják, hogyan kell kiszolgálni ezeket a vásárlókat.
Campos használja a honlapon, mint egy módja annak, hogy kiemelje az idő és erőfeszítés a csapat helyezi a kávé, hogyan előnyös a közösség, és miért lesz jó érzés megvenni., Mindezek a pontok kap csomagolva egy csodálatos történet, hogy megjelenik a honlapon, valamint az egész minden más oldalon oldalon.
Kin
szerepelt SiteInspire
ahelyett, hogy csak kiemelve funkciók, Kin veszi, hogy a következő lépés, és kihasználja a honlap, hogy bemutassa az előnyeit a termékek, így az emberek pontosan tudják, hogy mi a termék lehet használni, mielőtt merészkednek ki más területeken az oldalon.,
a tervezés szempontjából a Kin nagyobb serif betűtípusának használata az egész webhelyen, valódi irodai fényképezéssel együtt, hatalmas hitelességet biztosít márkájának. Azt is lehetővé teszi, hogy az ügyfél tudja, hogy vannak valódi, személyre szabott emberek mögött a csodálatos termék, ahelyett, hogy azt akár találgatások.
SeaStreak
szerepelt a Webby Awards
komppal szeretne utazni, de nem biztos benne, hová menjen? A SeaStreak jó kezekben van. A webhely felhasználói felülete szervezett, így gyorsan elkészítheti az Ön számára megfelelő komp menetrendet., A navigációt is rendkívül érdekesnek találom. Az útvonalak és menetrendek menü leesik, hogy mutassa meg az összes rendelkezésre álló lehetőségek, és a kirándulások és menekülés menü már szegmentált felhasználók számára, akik a helyszínen keres pontosan ezt. Ezek az elemek segítenek a felhasználó kényelmének és sebességének megteremtésében, így nem maradnak a webhely sötét lyukában, hogy kitalálják, hogyan keressék meg azt, amit akarnak.,
s Bottle
a CSS Winner
S Bottleek termék különleges bánásmódban részesül a weboldal kialakítása során, hogy kiemelje innovatív szépségét és előnyeit. Kihasználva a palack különböző animációk tette a helyszínen több megnyerő, valamint növeli érdeklődését többet megtudni a termékről.
Ocean Health Index
szerepelt W3 Awards
Ocean Health Index segít, hogy a szépség, az óceán, hogy az interneten a lenyűgöző elrendezés, vizuális képekkel, és hűvös hang színpaletta., A nagy használata font szerte a honlapon is segít, hogy könnyen olvasható, professzionális.
19. WealthSimple
szerepelt Awwwwards
a helyhasználat Wealthsimple teszi hihetetlenül könnyű szegmens minden egyes szakaszában az oldalak. A gyönyörű GIF-ek az egész oldalon izgalmas élményt nyújtanak, különösen azért, mert nem kapcsolódnak közvetlenül a befektetéshez.
az oldal teszi befektetés tűnik, hogy sokkal szórakoztatóbb., Ahelyett, hogy táblázatokat, halom pénzt, és ragadós nyelv, győződjön meg róla, hogy különbséget a WealthSimple márka, így nem úgy tűnik, mint minden más befektetési szoftver vagy szolgáltatás
Toggl
szerepelt CSSDesignAwards
a mókás animáció togl honlapján felhívja a felhasználó figyelmét azonnal érkezéskor. Ez a Képstílus a fennmaradó szakaszokban egyszerű tartalmi dobozokkal, közvetlenül egymás mellett található.
Toggl is odafigyel, hogy a dolgok animálni az oldal betöltése., Például a Toggl árazási oldala elhalványul a hősben, majd minden egyes árazási terület balról jobbra. Ezekre a részletekre való figyelem sokkal polírozottabbá teszi a webhely érzését.
Shademaster
szerepelt CSSDesignAwards
nézi tetőfedő nem hangzik élvezetes az átlagos háztulajdonos, de Shademaster gondoskodik arról, hogy lehet.
stratégiailag szegmentálták, hogy milyen típusú munkát végeztek a nav tetőszerkezeteiben, amelyek elküldik a felhasználót az egyes oldalakra, ahol megtervezhetik és megtervezhetik az ideális tetőt, és idézetet kapnak., Ez a megközelítés teszi a tető vásárlási folyamat, hogy sokkal Autonóm a felhasználók számára; nincs szükség, hogy valaki, hogy látogassa meg a házat, csak hogy valami elkezdődött.
saját webhely újratervezését keresi?
a weboldal célja, hogy az arc az online jelenlét, valamint egy módja annak, hogy képviselje a márka gyakorlatilag. Ha a webhely nem tartja fenn a design, amely megfelel a kívánt módon kell érzékelni, akkor végül nem teljesít optimálisan., IMPACT szeret dolgozni más cégek egy együttműködési erőfeszítést, hogy megértsük, mit szeretne a honlapon, hogy valóban úgy néz ki, így tudunk segíteni a stratégia, hogy ez a valóság.
úgy gondolja, itt az ideje, hogy a honlapon, hogy a facelift megérdemli, hogy jobban képviselje a márka, és végül növeli a teljesítményt? Beszélj velünk, és mesélj a honlap céljait, törekvéseit.
