Tartalom
- 01. Apple
- 02. Pitch
- 03. Limonádé
- 04. Alapvetően Geared Wine Co
- 05. A határon belül - Thorne
- 06. A városok visszaszólnak - Lyft
- 07. Komolyan édesítetlen
- 08. Oasen
Ebben az évben sok vállalkozás egyszerűsítette webhelyét, és minden eddiginél jobban gondolkodott a felhasználói élményen és azon, hogy ez hogyan eredményezhet konverziókat. Annak ellenére, hogy sok promóció és kereskedelmi tevékenység költözött a közösségi médiára, a vállalatok továbbra is vizsgálják, hogyan használhatják a webhely testre szabottabb élményét a felhasználó figyelmének és fantáziájának felkeltésére, valamint termékeik vagy szolgáltatásaik feltűnő bemutatására.
Ha segítségre van szüksége saját formatervezésének javításában, olvassa el webdesign eszközeinket. Időközben íme nyolc weboldal, amely felhívta az idei figyelmünket, és áttekintjük, hogy mit tettek jól.
01. Apple
Az Apple tudja, hogy egy kép ezer szót és még sok ezer konverziót ér. Webhelye az egyik fő trendnek az élén állt, amelyet ebben az évben láthattunk: a lépés a nagyszerűség felé. Nagyon nagy. Az Apple esetében a hatalmas, kristálytiszta, közeli termékfelvételt ugyanolyan nagy kijelzős szöveg kíséri a San Francisco Pro-ban, hogy nyálkásan érdemes bemutatni a márka termékeit.
Dobjon be egy ügyes görgetésvezérelt kicsinyítési effektust, amely kiemeli a szélsőséges közeli képeket, és az oldal tagadhatatlanul lenyűgöző áttekintést nyújt mind a márka termékeinek esztétikai jellemzőiről, mind azokról, amelyekre képesek. Az Apple tudja, hogy a felhasználók kevesebb időt töltenek a webhelyeken, mint a múltban, és hogy távoznak, ha egy webhelyről hiányzik egy üzenet, és itt az üzenet kristálytiszta: „Csodálja meg termékeinket, és nézze meg, mit tehetnek”.
02. Pitch
A Pitch weboldala éles bemutatót tart, ami döntő fontosságú, mivel a bemutató szoftver ez az új vállalat terméke. A webhelyet még úgy is megtervezik, hogy a céloldalról görgetve az első képernyő legyen a bemutató kezdő oldala. Ez egy okos interaktív eszköz, amely kezdettől fogva egyértelművé teszi, hogy miről szól a termék, míg a merész sans serif címsor felhívja a figyelmünket, és a különálló színpaletta gyorsan azonosíthatóvá teszi ezt az új márkát.
Görgessen tovább, és a szórakoztató illusztrációk és agyag megjelenésű animációk kiegészítik az UX-et, nem pedig lassítják. Sok minden történik, de még mindig rengeteg a hely, hogy a különböző elemek feltűnjenek. Az illusztrációk révén a márka földhözragadt és alaposan kortárs. Valójában biztosak vagyunk abban, hogy a lapos kialakítás és a 3D izometrikus elemek kombinációja az elkövetkező évben fő trend lesz.
03. Limonádé
Ami igazán kiemeli ezt az oldalt az amerikai Lemonade biztosítótársaság számára, az a beszélgetéses felhasználói felület (CUI) játékváltoztató használata, amely innovatív és hatékony interakciót kínál. Maya, ahogy hívják, megmutatja, milyen messzire jutottak a chatbotok, és merre tartanak. Emberi szinten lép kölcsönhatásba, és hatékonyan gyűjti az információkat a konverziók elősegítése érdekében, végigvezetve a felhasználókat a folyamat minden szakaszán, és biztosítási árajánlatokat nyújtva néhány perc alatt.
Az átmenetek gördülékenyek, egyértelműen felcímkézett válaszlapokkal rendelkeznek, így Maya egy vonzó, előremutató gondolkodású felület, amely a következő évben biztosan többet fog látni. Máshol a webhely merész fejlécét, a „Felejts el mindent, amit tudsz a biztosításról” elegánsan támogatnak jól elhelyezett rózsaszínű akciógombok is, amelyek határozottan az UX-re helyezik a hangsúlyt.
04. Alapvetően Geared Wine Co
Az idei évek legszembetűnőbb webhelyein háttér-videók láthatók, amelyeken bemutatják termékeiket vagy szolgáltatásaikat. A legjobb videók nem igényelnek hangzást és gyorsan összekapcsolják a nézőt, míg a nagy, rövid címsorok elkerülik a videó és másolás versenyeztetését a néző figyelméért. Az alapvetően a Geared Wine Co. videóválasztása jól néz ki és nagyon funkcionális, bemutatva, hogy a társaság borát egy dobozban bárhol élvezhetik a várostól a vad kempingezésig. Görgessen lefelé, és az üzenetet félkövér, színes képek és szövegek támogatják, amelyek bemutatják a termékcsalád minden egyes termékét, és még gyors javaslatokat is tesznek arra vonatkozóan, hogy mely ételekkel és élményekkel párosítsa mindegyiket.
05. A határon belül - Thorne
Az interakció révén egy weboldal valóban kiemelkedhet, és ez az Active Theory által tervezett webhely vonzó példa a kint rejlő lehetőségekre. A Frontier Within egy promóciós kampány a Thorne táplálék-kiegészítőket gyártó vállalat számára. Ez is egy teljes digitális élmény, amely ötvözi a mesemondást a biometrikus adatokkal, és olyan részecskék grafikáját hozza létre, amelyek mozognak, amikor a kurzort rájuk húzza.
Az élmény kezdettől fogva személyre szabott, a webhely kéri a nevét és fényképet. Minden lépés egy olyan interakció felé vezet, amely méri és gyönyörűen ábrázolja a látogató saját légzőszervi, keringési és idegrendszeri adatait, hogy bemutassa az emberi test belső nézetét. A fejlesztők egy egyedi C ++ OpenCV-t használtak a pontos arckövetés lehetővé tételéhez, míg a webhely észleli, hogy a GPU-t az eszköz képességeinek megfelelő méretezhető verzió biztosításához használják.
06. A városok visszaszólnak - Lyft
Ez a kapszulaoldal a Lyft-től, az amerikai lovaglástechnikai társaságtól azt mutatja, hogy a weboldalak továbbra is többre törekedhetnek, mint gyors konverziókra, és hogy még mindig van hely az eredeti, hosszabb formájú tartalmak bevonására, ha azokat kényszerítő módon mutatják be. Az oldal foglalkozik az USA-ban a bevándorlás időszerű kérdésével, és a Hello Monday által kiválóan bemutatott dokumentumfilmek révén hangot ad néhány bevándorló sofőrnek, akik a vállalatnál dolgoznak. Ezt egy könnyen navigálható platformon keresztül teszi sima lebegő menükkel és a görgetés által kiváltott átmenetekkel.
07. Komolyan édesítetlen
Úgy gondoljuk, hogy a Súlyosan cukrozatlan a weboldal élénk, de földszíneivel és letisztult dizájnnal, hatalmas mennyiségű hellyel. Az oldal annyira komolyan minimalista, hogy csak három dolgot végez. Elmondja a márka történetét, megmutatja a márka termékeit (és nagyszerű megjelenést kölcsönöz nekik), és lehetőséget nyújt a kapcsolatfelvételre, és a három üzenet mindegyikét egyértelműen a Bebas Neue címsorával kommunikálják.
A Squarespace sablonon létrehozott webhely minimalista, de szórakoztató, a fő kép és a színek felbukkannak az oldalon, miközben a vizuális folyamat kiválóan beolvasható, ami azt bizonyítja, hogy a webdesignban a kevesebb valóban több lehet.
08. Oasen
Ez a holland nonprofit ivóvíz-szolgáltató Oasen számára a tervezés szempontjából semmi forradalmi, de imádjuk, ahogyan azt mutatja, hogy még egy közüzemi társaság is hozzáadhat egy kis személyiséget a webhelyéhez, miközben megőrzi a megfelelő komolyságot.
A csepegő betöltő animációtól kezdve az egyik képernyőről vagy menüből a másikba történő mozgásig terjedő fröccsenésekig, és a gombok finom folyadékhatásáig, amelyek hullámzanak, amikor a kurzort rájuk mozgatja, a webhely tele van apró mikro-interakciókkal, amelyek miatt a vállalat melegnek és megközelíthetőnek tűnnek. Ezek az interakciók nem fedik el a vállalat tevékenységét, és nem károsítják az oldal navigálhatóságát - ezt bizonyítja az a tény, hogy meg tudjuk érteni, hogy az egyes szakaszok miről szólnak, annak ellenére, hogy nem tudunk hollandul olvasni.
